:root{--bg:#0a0a0a;--panel:#131313;--panel-2:#1b1b1b;--line:#2a2a2a;--gold:#d4af37;--gold-2:#f1d27a;--gold-dark:#9c7c1c;--text:#f5f3ee;--muted:#9b978d;--ok:#4caf7a;--bad:#e0564f;--radius:14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;background:var(--bg);color:var(--text)}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.45;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}a{color:var(--gold);text-decoration:none}h1,h2,h3{margin:0;letter-spacing:.02em}button,input,select,textarea{font:inherit;color:inherit}.container{max-width:1280px;margin:0 auto;padding:18px 20px 80px}.topbar{justify-content:space-between;padding:14px 0 22px;margin-bottom:22px}.brand,.topbar{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:10px;background:linear-gradient(145deg,var(--gold-2),var(--gold-dark));color:#0a0a0a;display:grid;place-items:center;font-weight:900;font-size:22px}.brand-name{font-weight:900;font-size:20px;letter-spacing:.14em}.brand-name span{color:var(--gold)}.brand-sub{font-size:11px;letter-spacing:.28em;color:var(--muted);text-transform:uppercase}.panel{padding:18px}.panel-title{font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}.muted{color:var(--muted)}.small{font-size:13px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1 1}.stack>*+*{margin-top:12px}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:18px;gap:18px}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.btn{padding:10px 18px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn:hover{border-color:#444}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-gold{background:linear-gradient(145deg,var(--gold-2),var(--gold) 50%,var(--gold-dark));color:#0a0a0a;font-weight:800}.btn-gold:hover{filter:brightness(1.06)}.btn-huge{min-height:64px;font-size:20px;letter-spacing:.04em;width:100%;border-radius:14px}.btn-ok{border-color:var(--ok);color:var(--ok)}.btn-ok.active{background:var(--ok);color:#0a0a0a}.btn-bad{border-color:#5a2a28;color:var(--bad)}.btn-bad.active{background:var(--bad);color:#0a0a0a;border-color:var(--bad)}.btn-sm{padding:6px 12px;font-size:14px}.field label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.input,select.input,textarea.input{width:100%;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#0e0e0e;outline:none}textarea.input{min-height:96px;resize:vertical}input[type=range]{width:100%;accent-color:var(--gold);height:32px}.toggle{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle input{width:22px;height:22px;accent-color:var(--gold)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{min-height:40px;padding:6px 14px;background:transparent;border:none;cursor:pointer;color:var(--muted);font-weight:600}.seg button.on{background:var(--gold);color:#0a0a0a}.progress{height:10px;border-radius:99px;background:#222;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-2));transition:width .5s ease}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted)}.pill.gold{color:var(--gold);border-color:var(--gold-dark)}.pill.ok{color:var(--ok);border-color:#2c5e44}.pill.bad{color:var(--bad);border-color:#5a2a28}.error-box{border:1px solid #5a2a28;background:#1d1010;color:#f2b8b4;border-radius:10px;padding:12px 14px}.dropzone{border:2px dashed var(--gold-dark);padding:34px 20px;text-align:center;background:radial-gradient(ellipse at top,#1a160a,transparent 70%);cursor:pointer}.dropzone.drag{border-color:var(--gold-2);background:#1d1809}.dropzone h2{font-size:22px;margin-bottom:6px}.project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px}.project-card{background:var(--panel);overflow:hidden;display:block;color:var(--text)}.project-card:hover{border-color:var(--gold-dark)}.project-thumb{aspect-ratio:16/9;background:#000 50%/cover no-repeat}.project-body{padding:12px 14px}.player{width:100%;border-radius:12px;background:#000;max-height:60vh;display:block}.timeline{position:relative;height:54px;border-radius:10px;background:#0e0e0e;border:1px solid var(--line);margin-top:12px;overflow:hidden;touch-action:manipulation}.timeline-clip{position:absolute;top:8px;bottom:8px;border-radius:5px;background:var(--gold);opacity:.75;cursor:pointer;min-width:4px}.timeline-clip.approved{background:var(--ok)}.timeline-clip.rejected{background:#444;opacity:.5}.timeline-clip.selected{outline:2px solid #fff;opacity:1}.timeline-head{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.timeline-ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:4px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{min-height:40px;padding:6px 14px;border-radius:99px;border:1px solid var(--line);background:transparent;cursor:pointer;color:var(--muted);font-weight:600}.tab.on{border-color:var(--gold);color:var(--gold)}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.clip-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.clip-card.approved{border-color:#2c5e44}.clip-card.rejected{opacity:.55}.clip-card.selected{border-color:var(--gold)}.clip-media{position:relative;aspect-ratio:9/16;background:#000}.clip-media img,.clip-media video{width:100%;height:100%;object-fit:cover;display:block}.clip-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.72);text-align:center;padding:16px}.clip-score{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.75);color:var(--gold);border:1px solid var(--gold-dark);border-radius:99px;padding:2px 10px;font-weight:800;font-size:13px}.clip-body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1 1}.clip-title{font-weight:700;font-size:15px;line-height:1.3}.clip-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:auto}.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:50;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 12px}.sheet{background:var(--panel);border:1px solid var(--gold-dark);border-radius:18px;width:100%;max-width:1100px;padding:20px}.editor-grid{display:grid;grid-template-columns:300px 1fr;grid-gap:20px;gap:20px}@media (max-width:820px){.editor-grid{grid-template-columns:1fr}}.preview-vertical{width:100%;aspect-ratio:9/16;background:#000;border-radius:12px;object-fit:cover}.crop-wrap{position:relative;border-radius:10px;overflow:hidden;background:#000}.crop-wrap video{width:100%;display:block}.crop-box{position:absolute;top:0;bottom:0;border:2px solid var(--gold);box-shadow:0 0 0 9999px rgba(0,0,0,.55);pointer-events:none}.time-row{display:grid;grid-template-columns:70px 1fr;grid-gap:8px;gap:8px;align-items:center}.nudge{display:flex;gap:6px;flex-wrap:wrap}.transcript{max-height:160px;overflow-y:auto;background:#0e0e0e;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;color:#d9d5cb}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--gold);color:#0a0a0a;font-weight:700;padding:12px 20px;border-radius:99px;z-index:100}.login-wrap{min-height:90vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:420px;text-align:center}body{background:radial-gradient(1200px 500px at 50% -200px,#1e1808 0,var(--bg) 60%) fixed,var(--bg)}.topbar{border-bottom:none;position:relative}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dark),var(--gold),var(--gold-dark),transparent);opacity:.6}.panel{background:linear-gradient(180deg,#161616,#111);box-shadow:0 10px 30px rgba(0,0,0,.35)}.btn{transition:transform .08s ease,filter .15s ease,border-color .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn-gold{box-shadow:0 6px 20px rgba(212,175,55,.18)}.btn-huge{box-shadow:0 10px 30px rgba(212,175,55,.25)}.page-title{font-size:26px;font-weight:800;letter-spacing:.01em}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;padding:5px;background:#0c0c0c;border:1px solid var(--line);border-radius:14px}.mode-tabs button{min-height:48px;border:none;border-radius:10px;background:transparent;color:var(--muted);font-weight:800;font-size:15px;cursor:pointer;letter-spacing:.02em}.mode-tabs button.on{background:linear-gradient(145deg,var(--gold-2),var(--gold) 55%,var(--gold-dark));color:#0a0a0a}.len-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.len{min-height:58px;border-radius:12px;border:1px solid var(--line);background:#0e0e0e;color:var(--text);font-weight:800;font-size:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.len span{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.len.long{border-style:dashed;border-color:#3a3220}.len.on{border:2px solid var(--gold);background:#1b1608;color:var(--gold-2)}.len.on span{color:var(--gold)}.seg-full{display:grid;grid-template-columns:1fr 1fr;width:100%}.seg-full button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.frame-icon{display:inline-block;border:2px solid;border-radius:3px}.frame-icon.tall{width:10px;height:17px}.frame-icon.wide{width:19px;height:11px}.steps{display:flex;gap:6px;flex-wrap:wrap}.step{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);padding:4px 10px 4px 4px;border-radius:99px;border:1px solid var(--line)}.step .dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#222;font-size:12px;font-weight:800}.step.now{color:var(--gold-2);border-color:var(--gold-dark)}.step.now .dot{background:var(--gold);color:#0a0a0a}.step.done{color:var(--ok)}.step.done .dot{background:var(--ok);color:#0a0a0a}.copy-box{background:#0e0e0e;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;max-height:220px;overflow-y:auto}.episode-panel{border-color:#3a3220}.clip-media video{object-fit:contain;background:#000}:root{--bg:#050505;--panel:rgba(22,21,19,0.72);--panel-2:#17161a;--line:rgba(255,255,255,0.08);--line-2:rgba(255,255,255,0.14);--gold:#d9b45a;--gold-2:#f3dc9b;--gold-dark:#8f7130;--text:#f6f3ec;--muted:#8f8a80;--ok:#5cc28f;--bad:#ef6a62;--radius:18px;--glow:0 0 0 1px rgba(217,180,90,0.35),0 12px 40px rgba(217,180,90,0.16);--shadow:0 1px 0 rgba(255,255,255,0.04) inset,0 20px 50px rgba(0,0,0,0.45);--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--serif:"Instrument Serif","Playfair Display",Georgia,serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--sans);font-feature-settings:"cv11","ss01","ss03";letter-spacing:-.005em;background:radial-gradient(900px 520px at 85% -120px,rgba(217,180,90,.13),transparent 65%),radial-gradient(700px 480px at -10% 10%,rgba(120,90,255,.06),transparent 60%),var(--bg) fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.container{position:relative;z-index:1;max-width:1240px;padding:0 22px 90px}h1,h2,h3{letter-spacing:-.02em}::selection{background:rgba(217,180,90,.35)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;margin:0 -22px 28px;padding:14px 22px;border:none;background:rgba(5,5,5,.7);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid var(--line)}.topbar:after{display:none}.brand{gap:11px;color:var(--text)}.brand-mark{width:36px;height:36px;border-radius:11px;font-size:17px;font-weight:800;background:conic-gradient(from 210deg,#f6e3a8,#b88f35,#f3dc9b,#8f7130,#f6e3a8);box-shadow:0 6px 18px rgba(217,180,90,.28),inset 0 1px 0 rgba(255,255,255,.5)}.brand-name{font-size:15px;font-weight:800;letter-spacing:.22em}.brand-sub{font-size:10px;letter-spacing:.3em;margin-top:1px}.topbar .row{gap:8px}.switcher{display:inline-flex;padding:4px;gap:2px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.switcher a,.switcher button{min-height:34px;padding:0 14px;border-radius:99px;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:600;display:inline-flex;align-items:center;cursor:pointer}.switcher .on{background:rgba(217,180,90,.14);color:var(--gold-2);box-shadow:inset 0 0 0 1px rgba(217,180,90,.3)}.switcher a:not(.on):hover,.switcher button:not(.on):hover{color:var(--text)}@media (max-width:640px){.switcher .label-long{display:none}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:22px}.panel-title{font-size:11px;letter-spacing:.24em;color:var(--gold);font-weight:700;margin-bottom:16px}.page-title{font-size:30px;font-weight:700;letter-spacing:-.03em}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:18px;height:1px;background:currentColor;opacity:.7}.display{font-family:var(--serif);font-weight:400;font-size:clamp(38px,6vw,64px);line-height:1.02;letter-spacing:-.02em;margin:14px 0 12px}.display em{font-style:italic;background:linear-gradient(100deg,var(--gold-2),var(--gold) 45%,#b88f35);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:4px}.lead{color:#b9b3a6;font-size:16px;max-width:560px;line-height:1.6}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:44px 0 16px}.section-head h2{font-size:20px;font-weight:700}.section-head .muted{font-size:13px}.btn{min-height:44px;border-radius:12px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);font-weight:600;font-size:14px;letter-spacing:-.005em;transition:all .18s ease}.btn:hover{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.07)}.btn-gold{color:#120e04;border:none;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 24px rgba(217,180,90,.22)}.btn-gold,.btn-gold:hover{background:linear-gradient(180deg,#f3dc9b,#d9b45a 55%,#b88f35)}.btn-gold:hover{filter:brightness(1.07)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text);background:rgba(255,255,255,.05)}.btn-huge{min-height:60px;font-size:17px;letter-spacing:-.01em;border-radius:16px}.btn-sm{min-height:36px;font-size:13px;border-radius:10px}.input,select.input,textarea.input{border-radius:12px;border:1px solid var(--line-2);background:rgba(0,0,0,.35);transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(217,180,90,.12)}.field label{font-size:11px;letter-spacing:.16em;font-weight:600}.seg{border-radius:12px;border-color:var(--line-2);background:rgba(0,0,0,.3)}.mode-tabs button.on,.seg button.on{background:linear-gradient(180deg,#f3dc9b,#d9b45a 60%,#b88f35);color:#120e04}.mode-tabs{border-radius:16px;background:rgba(0,0,0,.35)}.chip,.mode-tabs,.tab{border-color:var(--line-2)}.chip.on,.tab.on{background:rgba(217,180,90,.12);border-color:rgba(217,180,90,.5);color:var(--gold-2)}.len{background:rgba(0,0,0,.3);border-color:var(--line-2);border-radius:14px}.len.on{background:rgba(217,180,90,.1);border:1px solid var(--gold);box-shadow:var(--glow)}.pill{border-color:var(--line-2);font-size:11px;padding:4px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill.ok{background:rgba(92,194,143,.1)}.pill.gold{background:rgba(217,180,90,.1)}.pill.bad{background:rgba(239,106,98,.1)}.error-box{border-radius:14px;border-color:rgba(239,106,98,.35);background:rgba(239,106,98,.08)}.progress{background:rgba(255,255,255,.06);height:8px}.dropzone{border:1px dashed rgba(217,180,90,.45);border-radius:var(--radius);background:radial-gradient(ellipse at top,rgba(217,180,90,.09),transparent 70%),rgba(0,0,0,.25);transition:all .2s}.dropzone.drag,.dropzone:hover{border-color:var(--gold-2);box-shadow:var(--glow)}.toast{box-shadow:0 12px 40px rgba(0,0,0,.5)}.sheet{border-color:var(--line-2);border-radius:24px;background:#0d0d0e;box-shadow:0 40px 120px rgba(0,0,0,.7)}.sheet-backdrop{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.7)}.hero2{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:28px;gap:28px;align-items:center;padding:28px 0 8px}@media (max-width:900px){.hero2{grid-template-columns:1fr}}.stats{display:flex;gap:26px;margin-top:22px;flex-wrap:wrap}.stat b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em}.stat span{letter-spacing:.16em}.stat span,.tool-group-label{font-size:11px;text-transform:uppercase;color:var(--muted)}.tool-group-label{font-weight:700;letter-spacing:.22em;margin:26px 0 12px}.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.tool{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;min-height:138px;border-radius:var(--radius);border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden;font:inherit}.tool:after{content:"";position:absolute;inset:0;background:radial-gradient(400px 140px at 0 0,rgba(217,180,90,.12),transparent 60%);opacity:0;transition:opacity .25s;pointer-events:none}.tool:hover{transform:translateY(-2px);border-color:rgba(217,180,90,.4);box-shadow:0 18px 40px rgba(0,0,0,.4)}.tool:hover:after{opacity:1}.tool-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--gold-2);background:linear-gradient(180deg,rgba(217,180,90,.2),rgba(217,180,90,.06));box-shadow:inset 0 0 0 1px rgba(217,180,90,.3)}.tool-icon.live{color:#ff8a80;background:linear-gradient(180deg,rgba(239,106,98,.22),rgba(239,106,98,.06));box-shadow:inset 0 0 0 1px rgba(239,106,98,.35)}.tool-name{font-weight:650;font-size:15px;letter-spacing:-.01em}.tool-desc{font-size:13px;color:var(--muted);line-height:1.45;margin-top:3px}.tool-go{position:absolute;top:18px;right:16px;color:var(--muted);opacity:0;transform:translateX(-4px);transition:all .2s}.tool:hover .tool-go{opacity:1;transform:none;color:var(--gold-2)}.tool.feature{background:linear-gradient(135deg,rgba(217,180,90,.16),rgba(217,180,90,.03) 60%);border-color:rgba(217,180,90,.3)}.tool-badge{position:absolute;top:16px;right:16px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}.project-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.project-card{border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,255,255,.025);transition:transform .2s,border-color .2s,box-shadow .2s}.project-card:hover{transform:translateY(-2px);border-color:rgba(217,180,90,.4);box-shadow:0 18px 40px rgba(0,0,0,.45)}.project-thumb{position:relative;background-color:#0c0c0c}.project-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.55))}.project-body{padding:14px 16px 16px}.empty{border:1px dashed var(--line-2);border-radius:var(--radius);padding:36px 20px;text-align:center;color:var(--muted)}.clip-card,.copy-box,.scene-row,.shot-editor,.transcript{border-color:var(--line);border-radius:16px}.clip-card{background:rgba(255,255,255,.025)}.clip-score{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.step{border-color:var(--line-2)}.notes{border-radius:14px}.login-card .brand-mark{margin:0 auto 14px;width:54px;height:54px;font-size:24px;border-radius:16px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.topbar{flex-wrap:wrap;row-gap:10px}@media (max-width:640px){.topbar .switcher{order:3;width:100%;justify-content:center}.topbar .switcher a,.topbar .switcher button{flex:1 1;justify-content:center}}.tools{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.tool.art{min-height:190px;padding:20px;gap:12px;justify-content:flex-end;border-radius:22px;border:1px solid color-mix(in srgb,var(--c1) 35%,transparent);background:radial-gradient(120% 90% at 100% 0,color-mix(in srgb,var(--c1) 55%,transparent) 0,transparent 55%),radial-gradient(80% 70% at 0 100%,color-mix(in srgb,var(--c1) 18%,transparent),transparent 70%),linear-gradient(165deg,var(--c2),#09090a 78%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 34px rgba(0,0,0,.45);isolation:isolate}.tool.art:after{opacity:1;inset:-40% -60%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.16) 50%,transparent 60%);transform:translateX(-60%);transition:transform .9s ease}.tool.art:active:after,.tool.art:hover:after{transform:translateX(60%)}.tool.art:hover{transform:translateY(-4px) scale(1.01);border-color:color-mix(in srgb,var(--c1) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--c1) 40%,transparent),0 24px 60px color-mix(in srgb,var(--c1) 22%,transparent)}.tool.art:active{transform:scale(.98)}.tool-art{position:absolute;right:-22px;top:-18px;color:var(--c1);opacity:.22;transform:rotate(-12deg);z-index:-1;filter:drop-shadow(0 0 18px var(--c1));transition:transform .5s ease,opacity .3s}.tool.art:hover .tool-art{transform:rotate(-4deg) scale(1.08);opacity:.32}.tool.art .tool-icon{position:absolute;top:18px;left:18px;width:46px;height:46px;border-radius:14px;color:#fff;background:color-mix(in srgb,var(--c1) 30%,rgba(0,0,0,.3));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 60%,transparent),0 8px 22px color-mix(in srgb,var(--c1) 35%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tool.art .tool-name{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:-.01em;line-height:1.05}.tool.art .tool-desc{color:rgba(246,243,236,.72);font-size:13.5px;margin-top:6px;max-width:260px}.tool-open{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:7px 13px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#0b0b0c;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--c1) 55%,#fff));box-shadow:0 6px 18px color-mix(in srgb,var(--c1) 35%,transparent)}.tool.art .tool-badge,.tool.art .tool-go{display:none}.tool-group-label{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.01em;text-transform:none;color:var(--text);margin:38px 0 14px;display:flex;align-items:center;gap:14px}.tool-group-label:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}.tool.art .tool-icon{position:relative;top:auto;left:auto;margin-bottom:auto}.tool.art{min-height:220px}