:root{font-family:Proxima Nova,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f3f2ef;background:#0b0b0d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 78% 12%,#201a27 0,#0b0b0d 31rem)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;border-bottom:1px solid #28282c;background:#0b0b0dd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{color:#fff;text-decoration:none;font-weight:800;display:flex;align-items:center;gap:11px;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:#e9ff4f;color:#0b0b0d;transform:rotate(-5deg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}nav{display:flex;height:100%;margin-left:64px;gap:32px}nav a{color:#79797f;text-decoration:none;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;position:relative}nav a.active{color:#fff}nav a.active:after{content:"";position:absolute;height:2px;background:#e9ff4f;left:0;right:0;bottom:0}nav b{font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace;background:#2d2d31;padding:2px 6px;border-radius:10px}.offline-pill{margin-left:auto;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#929299;text-transform:uppercase;letter-spacing:.08em}.offline-pill i,.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9bd858;margin-right:7px;box-shadow:0 0 8px #9bd858}main{max-width:1240px;margin:auto;padding:58px 24px 72px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.page-heading>div{max-width:650px}.eyebrow{font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#e9ff4f;letter-spacing:.15em;text-transform:uppercase}h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.065em;line-height:.98;margin:13px 0 18px}.page-heading p{color:#85858c;line-height:1.7;font-size:14px;margin:0;max-width:560px}.editor-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:start}.panel{border:1px solid #28282d;background:#111114eb}.form-panel,.preview-panel{min-width:0;padding:28px}.section-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #2a2a2f;margin-bottom:25px}.section-title>div{display:flex;align-items:center;gap:12px}.section-title span{font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#6d6d75}.section-title h2{font-size:14px;margin:0;letter-spacing:-.01em}.text-button{border:0;background:none;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#a5a5ad;text-transform:uppercase;letter-spacing:.06em;padding:7px}.text-button:hover{color:#e9ff4f}.field-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px 16px}.model-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.model-picker button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:68px;padding:13px;border:1px solid #303037;background:#17171a;text-align:left}.model-picker button.active{border-color:#e9ff4f;background:#e9ff4f0f}.model-picker b{font-size:11px}.model-picker span{color:#77777f;font-size:9px;line-height:1.4}.field{display:flex;flex-direction:column;gap:9px;position:relative}.field.full{grid-column:1 / -1}.field>span,.avatar-control strong{font-size:11px;font-weight:700;color:#a1a1a8}.field em{font:400 8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#66666d;text-transform:uppercase;margin-left:4px}input,textarea,select{border:1px solid #303037;background:#17171a;color:#eee;border-radius:2px;outline:none;padding:12px 13px;min-width:0}input:focus,textarea:focus,select:focus{border-color:#8a983a;box-shadow:0 0 0 2px #e9ff4f0f}textarea{resize:vertical;line-height:1.5}.field small{position:absolute;right:9px;bottom:8px;font:400 8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#5f5f66}.input-prefix{display:flex;border:1px solid #303037;background:#17171a}.input-prefix:focus-within{border-color:#8a983a}.input-prefix b{color:#66666d;padding:12px 0 12px 13px}.input-prefix input{border:0;padding-left:4px;width:100%}.avatar-control{display:flex;align-items:center;gap:12px;margin-top:22px;padding:15px;border:1px dashed #333339}.mini-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;overflow:hidden;background:#25252a;display:grid;place-items:center;color:#777}.mini-avatar img{width:100%;height:100%;object-fit:cover}.avatar-control>div:nth-child(2){display:flex;flex-direction:column;gap:4px;margin-right:auto}.avatar-control small{color:#606068;font-size:9px}.secondary,.primary{border:1px solid #393940;background:#1a1a1e;padding:13px 18px;font-size:11px;font-weight:800;letter-spacing:.01em}.secondary:hover{border-color:#73737a}.secondary.small{padding:8px 12px;font-size:9px}.primary{background:#e9ff4f;color:#101012;border-color:#e9ff4f}.primary:hover{background:#f2ff91}.primary:disabled{opacity:.5;cursor:wait}.icon-button,.delete{border:0;background:transparent;color:#777;font-size:20px}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2b2b30;border:1px solid #2b2b30;margin-top:22px}.toggle{background:#151518;padding:13px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;color:#96969d;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle i{width:28px;height:16px;border-radius:10px;background:#34343a;position:relative;transition:.2s}.toggle i:after{content:"";position:absolute;width:10px;height:10px;top:3px;left:3px;border-radius:50%;background:#85858d;transition:.2s}.toggle input:checked+i{background:#e9ff4f}.toggle input:checked+i:after{left:15px;background:#161619}.live{color:#8bbf51;font:500 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.preview-stage{min-width:0;min-height:340px;display:grid;place-items:center;padding:34px 20px;background:#09090b;overflow:hidden}.preview-stage.checker{background-color:#18181b;background-image:linear-gradient(45deg,#222227 25%,transparent 25%),linear-gradient(-45deg,#222227 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#222227 75%),linear-gradient(-45deg,transparent 75%,#222227 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.comment-canvas{position:relative;z-index:22;width:100%;max-width:420px;overflow:hidden;background:#121212;font-family:Proxima Nova,sans-serif;-webkit-user-select:text;user-select:text;cursor:text}.comment-canvas.is-transparent{background:transparent}.comment-canvas.is-transparent .comment-card{box-shadow:none}.reply-frame{width:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.reply-wrapper{width:100%;max-width:420px;height:fit-content;margin-inline:auto;padding-bottom:2.5em;overflow:visible;container-type:inline-size}.comment-card{position:relative;width:100%;height:fit-content;padding:18px 18px 22px;border-radius:10px 10px 10px 0;background:#fff;color:#111;box-shadow:0 2px 8px #00000024}.comment-card.creator-reply{transform:translate(12px);width:calc(100% - 12px)}.comment-layout{position:relative;z-index:10;display:flex;gap:14px;align-items:flex-start}.avatar{width:45px;height:45px;flex:0 0 auto;margin-top:20px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:16px;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.comment-main{min-width:0;flex:1}.reply-label{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:2px;color:#5a5a5a;font-size:16px;font-weight:600}.reply-label strong{display:inline-block;max-width:max-content;overflow-wrap:anywhere}.verified{width:17px;height:17px;flex:0 0 auto}.comment-text{width:100%;margin-top:2px;color:#000;font-size:31px;font-weight:700;letter-spacing:-.025em;line-height:1.2;white-space:pre-wrap;overflow-wrap:anywhere}.triangle,.triangle:before,.triangle:after{position:absolute;z-index:-1;left:8px;bottom:13px;width:50px;height:50px;border-radius:0 33% 0 0;background-color:#fff}.triangle{text-align:left;transform:rotate(-89deg) skew(4deg) scaleY(.866)}.triangle:before,.triangle:after{content:"";background-color:inherit}.triangle:before{transform:rotate(-136deg) skew(-45deg) scale(1.414,.707) translateY(-50%)}.triangle:after{transform:rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%)}.comment-canvas.model-comment{padding:18px;background:#121212}.comment-canvas.model-comment.is-transparent{padding:18px}.tiktok-comment{width:100%;padding:8px 0;color:#f4f4f5;font-family:Proxima Nova,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tiktok-comment.is-creator{padding-left:24px}.tiktok-pinned{display:flex;align-items:center;gap:5px;margin:0 0 9px 49px;color:#a2a2a7;font-size:11px;font-weight:600}.tiktok-pinned svg{width:11px;height:11px;fill:currentColor}.tiktok-comment-row{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;gap:10px;align-items:start}.tiktok-avatar{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#fff;font-size:13px;font-weight:800}.tiktok-avatar img{width:100%;height:100%;object-fit:cover}.tiktok-comment-body{min-width:0}.tiktok-identity{display:flex;align-items:center;gap:4px;min-height:18px;color:#a8a8ad}.tiktok-identity strong{max-width:72%;overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.tiktok-identity .verified{width:14px;height:14px}.creator-badge{padding:2px 4px;border-radius:2px;background:#fe2c55;color:#fff;font-size:8px;font-weight:700}.tiktok-comment-text{margin-top:2px;color:#fff;font-size:15px;font-weight:500;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.tiktok-actions{display:flex;gap:16px;margin-top:7px;color:#89898f;font-size:11px}.tiktok-actions strong{color:#a0a0a5;font-weight:600}.tiktok-replies{display:flex;align-items:center;gap:8px;margin-top:11px;color:#99999f;font-size:11px;font-weight:600}.tiktok-replies i{width:20px;height:1px;background:#66666c}.tiktok-like{display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:19px;color:#929298;font-size:9px}.tiktok-like svg{width:20px;height:20px;fill:none;stroke:#f4f4f5;stroke-width:1.8}.comment-canvas.model-comment.is-transparent .tiktok-comment{padding:12px;border-radius:8px;background:#121212f5}.preview-note{display:flex;justify-content:space-between;padding:13px 2px 22px;color:#606068;font:500 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.button-row{display:grid;grid-template-columns:1fr 1.2fr;gap:9px}.status{min-height:17px;margin:12px 0 0;color:#b9c86e;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace}.bulk-heading{align-items:center}.bulk-panel{min-height:400px}.bulk-toolbar{padding:18px;display:flex;justify-content:space-between;border-bottom:1px solid #29292e}.bulk-toolbar>div{display:flex;gap:8px}.bulk-toolbar .bulk-options{align-items:center}.bulk-options .toggle{min-width:155px;border:1px solid #2b2b30}.bulk-status{margin:0;padding:10px 18px;border-bottom:1px solid #29292e}.table-scroll{overflow-x:auto}table{width:100%;min-width:1120px;border-collapse:collapse}th{text-align:left;color:#6d6d75;font:500 9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em;padding:12px 9px;border-bottom:1px solid #29292e}td{padding:7px 5px;border-bottom:1px solid #242429;color:#6d6d75;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace}td:first-child,th:first-child{padding-left:16px;width:42px}td input,td select{width:100%;padding:9px;font-size:11px;border-color:transparent;background:#151518}td:nth-child(2){width:105px}td:nth-child(3){width:145px}td:nth-child(4){width:280px}td:nth-child(5),td:nth-child(7){width:80px}td:nth-child(6){width:100px}td:nth-child(n+8):nth-child(-n+10){text-align:center;width:62px}td input[type=checkbox]{accent-color:#e9ff4f;width:15px;height:15px}.delete:hover{color:#ff6579}.empty-state{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#77777e;gap:9px}.empty-state strong{color:#bdbdc3;font-size:14px}.empty-state span{font-size:11px}.export-container{position:fixed;left:-10000px;top:0;width:430px;pointer-events:none}footer{max-width:1240px;margin:auto;padding:20px 24px 35px;border-top:1px solid #222226;color:#4d4d53;font:500 9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}@media(max-width:840px){.topbar{padding:0 18px}nav{margin-left:auto;gap:20px}.offline-pill{display:none}main{padding:38px 16px 60px}.editor-grid{grid-template-columns:1fr}.page-heading{align-items:start;gap:25px;flex-direction:column}.bulk-heading .primary{width:100%}.preview-panel{order:-1}}@media(min-width:768px){.avatar{width:50px;height:50px}.reply-label{font-size:20px}}@media(max-width:767px){.triangle,.triangle:before,.triangle:after{z-index:1}}@media(max-width:520px){.topbar{height:62px}.brand>span:last-child{display:none}nav{margin-left:22px;flex:1;justify-content:space-around}h1{font-size:40px}.form-panel,.preview-panel{padding:18px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.toggle-grid{grid-template-columns:1fr}.preview-stage{min-height:280px;padding:18px 5px}.button-row{grid-template-columns:1fr}.avatar-control{flex-wrap:wrap}.bulk-toolbar{align-items:stretch;flex-direction:column;gap:10px}.bulk-toolbar>div{flex-direction:column}}