@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111113;--work:#161618;--panel:#1b1b1e;--ink:#f4f2eb;--muted:#b2b0ad;--dim:#969491;--line:#363638;--lime:#d0ef69;--lav:#c4b9fb;--mono:'IBM Plex Mono',Consolas,monospace;--arabic:'IBM Plex Sans Arabic',Tahoma,sans-serif;--display:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--arabic)}a{color:inherit;text-decoration:none}button,textarea,select{font:inherit}button{cursor:pointer}button,a,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button:disabled{cursor:default;opacity:.45}::selection{background:var(--lime);color:var(--bg)}h1,h2,p,figure{margin:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;right:12px;top:-100px;z-index:20;background:var(--lime);color:var(--bg);padding:8px 18px}.skip:focus{top:8px}
.top{position:sticky;top:0;z-index:5;background:rgba(17,17,19,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.top-inner{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:inline-flex;align-items:center;gap:9px;justify-self:start;font:700 30px/.95 var(--display);letter-spacing:-.08em;width:max-content}.brand svg{width:28px;height:28px;color:var(--lime);stroke:none}.brand-dot{color:var(--lime)}nav{display:flex;gap:34px;color:#d9d7d0;font-size:14px}nav a,.footer>a:last-child,.ghost,.text-btn{transition:color .16s}nav a:hover,.footer>a:last-child:hover,.ghost:hover,.text-btn:hover{color:var(--lime)}.header-cta{justify-self:end;display:flex;align-items:center;gap:10px;color:var(--lime);font-size:14px}.header-cta svg{width:16px}
.hero{display:grid;grid-template-columns:1fr 1.18fr;column-gap:clamp(36px,5.5vw,88px);align-items:center;padding-top:56px}.eyebrow,.kicker{display:flex;align-items:center;justify-content:flex-end;gap:9px;font:500 11px/1.4 var(--mono);letter-spacing:.105em;color:var(--lime)}.eyebrow i,.console-top i,.studio-bar i,.frame-tag i{height:7px;width:7px;display:inline-block;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d0ef6950;flex:none}.hero h1{font-size:clamp(56px,6.25vw,102px);line-height:1.08;letter-spacing:-.054em;font-weight:700;margin:23px 0 20px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:clamp(16px,1.55vw,21px);line-height:1.72;color:#cccac2;max-width:430px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:29px;flex-wrap:wrap}.primary{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;background:var(--lime);color:#161a0d;padding:10px 17px;min-height:47px;font-weight:700;border-radius:4px;transition:background .15s,transform .15s}.primary:hover{background:#e2ff8a;transform:translateY(-1px)}.primary:active{transform:none}.ghost{font-size:14px;text-decoration:underline;text-underline-offset:5px;color:#dddacf}
.hero-frame{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.43;background:#05090d;border:1px solid #4b4b4b}.hero-frame img{display:block;width:100%;height:100%;object-fit:cover}.hero-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0009,transparent 22%,transparent 72%,#000c),repeating-linear-gradient(0deg,transparent 0 3px,#0001 4px 5px)}.frame-tag,.frame-id,figcaption{position:absolute;z-index:1;color:#fff;font:500 10px/1.3 var(--mono);letter-spacing:.09em}.frame-tag{top:19px;left:22px;display:flex;align-items:center;gap:8px}.frame-tag i{background:#f7715d;width:6px;height:6px}.frame-id{top:19px;right:22px}.corner{position:absolute;z-index:1;width:16px;height:16px;border:1px solid #e7f1d2a0}.tl{left:22px;top:49px;border-right:0;border-bottom:0}.tr{right:22px;top:49px;border-left:0;border-bottom:0}.bl{left:22px;bottom:49px;border-right:0;border-top:0}.br{right:22px;bottom:49px;border-left:0;border-top:0}figcaption{bottom:17px;left:22px;right:22px;display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #ffffff59}
.filmrail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-column:1/-1;margin-top:34px;height:48px;align-items:end;padding-bottom:10px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg,#444 0 1px,transparent 1px calc(100% / 48)) left top/100% 6px no-repeat;color:#b8b5b0;font:500 11px/1 var(--mono);letter-spacing:.07em}.filmrail span{padding-left:9px;border-left:1px solid var(--line)}.filmrail b{color:#e4e2db;font-weight:500}.filmrail i{position:absolute;width:9px;height:9px;transform:rotate(45deg);background:var(--lime);top:-2px;left:calc(25% - 4px)}
.workbench{background:var(--work);margin-top:30px;border-block:1px solid var(--line);padding:0 0 75px}.studio-bar,.console-top{display:flex;justify-content:space-between;align-items:center;font:500 10px/1 var(--mono);letter-spacing:.1em;color:var(--dim)}.studio-bar{height:51px;border-bottom:1px solid var(--line);margin-bottom:31px}.studio-bar span:first-child,.console-top span:first-child{display:flex;align-items:center;gap:9px;color:#e5e2db}.studio-bar b{color:var(--lime)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(295px,360px);gap:clamp(24px,3.4vw,52px);align-items:start}.work{min-width:0}.step+.step{margin-top:54px;padding-top:33px;border-top:1px solid var(--line)}.kicker{color:#a7a4a0;gap:10px;margin-bottom:10px}.kicker b{background:var(--lime);color:#14170c;padding:3px 6px;border-radius:2px;font-weight:600;order:2;letter-spacing:0}.step h2{font-size:clamp(26px,3vw,42px);line-height:1.22;font-weight:700;letter-spacing:-.035em}.sub{color:var(--muted);margin:9px 0 21px;font-size:15px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 15px}.filter,.text-btn{background:transparent;border:0;color:var(--muted)}.filter{padding:5px 12px;min-height:36px;border:1px solid var(--line);border-radius:3px;font-size:13px}.filter:hover{border-color:#8a8a83;color:var(--ink)}.filter[aria-pressed=true]{background:var(--lime);color:#171a0f;border-color:var(--lime);font-weight:700}
.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.style-card{position:relative;min-width:0;overflow:hidden;text-align:right;color:var(--ink);border:1px solid #454447;border-radius:4px;background:#202023;padding:0;transition:border-color .16s,background .16s}.style-card:hover,.style-card[aria-pressed=true]{border-color:var(--lime);background:#262a21}.card-photo{position:relative;display:block;aspect-ratio:1.67;overflow:hidden;background:#242125}.card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.style-card:hover img{transform:scale(1.035)}.card-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 42%);pointer-events:none}.shot-id{position:absolute;left:9px;bottom:8px;color:#fff;font:500 9px/1 var(--mono);z-index:1;text-shadow:0 1px 5px black}.select-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid #ffffff80;border-radius:3px;background:#141416ed;color:#fff;z-index:1;flex:none}.card-photo .select-mark{position:absolute;top:8px;right:8px}.select-mark svg{width:15px;height:15px}.select-mark .yes,[aria-pressed=true] .select-mark .no{display:none}[aria-pressed=true] .select-mark .yes{display:block}[aria-pressed=true] .select-mark{background:var(--lime);color:var(--bg);border-color:var(--lime)}.card-body{display:block;padding:9px 10px 11px}.card-name{display:block;font:700 clamp(13px,1.4vw,17px)/1.25 var(--display);text-align:left;margin-bottom:4px}.card-desc{display:block;font-size:12px;line-height:1.5;color:#c8c6c2}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool{display:flex;flex-direction:column;border:1px solid var(--line);background:#202023;border-radius:4px;overflow:hidden}.tool:has(button[aria-pressed=true]){border-color:var(--lime)}.tool button{border:0;color:inherit;background:transparent;text-align:left;padding:12px;flex:1}.tool button:hover{background:#2c2c2e}.tool-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tool-id{width:30px;height:30px;display:grid;place-items:center;border-radius:3px;background:#383044;color:#e5d6ff;font:600 10px/1 var(--mono);flex:none}.tool-name{font:700 16px/1.2 var(--display);overflow-wrap:anywhere}.tool-head .select-mark{margin-left:auto}.tool-desc{display:block;text-align:right;font-size:13px;line-height:1.55;color:#cfccc6}.tool-foot{padding:7px 12px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 8px;align-items:center;font:500 10px/1.5 var(--mono);color:var(--lav)}.tool-foot a{color:#e4e0d8;font:500 12px/1.5 var(--arabic)}.tool-foot a:hover{color:var(--lime)}.tool-foot svg{width:13px;height:13px}.brief-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.brief-form .wide{grid-column:1/-1}.brief-form label{display:block;font-size:14px;font-weight:600}.brief-form label span{font-size:12px;color:var(--dim);font-weight:400;margin-inline-start:5px}.brief-form select,.brief-form textarea{display:block;width:100%;margin-top:4px;border:1px solid #525153;border-radius:4px;background:#202023;color:var(--ink);padding:8px 11px}.brief-form select{min-height:44px}.brief-form textarea{resize:vertical;min-height:85px}.brief-form textarea::placeholder{color:#a4a2a0}
.console{position:sticky;top:92px;min-width:0;border:1px solid #4b4a4d;border-radius:5px;background:var(--panel);overflow:hidden;box-shadow:0 17px 35px #0003}.console-top{background:#252529;border-bottom:1px solid #47464a;height:35px;padding-inline:12px}.console-top i{height:6px;width:6px}.console-top span:last-child{color:var(--lav)}.console-body{padding:15px}.console-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.console-head h2{font-size:27px;line-height:1.2}.text-btn{font-size:12px;padding:6px 2px}.console-help,.console-note{font-size:13px;color:var(--muted)}.console-help{margin-top:6px}.selection-meta{margin:12px 0 10px;border-top:1px solid var(--line);padding-top:8px;font-size:12px;color:#d1cfca}.chosen{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chosen:empty{display:none}.chip{padding:3px 6px;max-width:100%;background:#2c3025;border:1px solid #4c5940;border-radius:3px;color:#deedba;font:500 10px/1.3 var(--mono);overflow-wrap:anywhere}.chip:hover{border-color:var(--lime)}.console textarea{width:100%;height:clamp(164px,31vh,297px);min-height:132px;resize:vertical;display:block;border:1px solid #414044;border-left:2px solid #a69dcf;border-radius:3px;background:#121214;color:#ded9f3;padding:11px;font:400 11px/1.7 var(--mono);text-align:left;scrollbar-color:#626069 #121214}.console-actions{display:grid;grid-template-columns:1fr 44px;gap:8px;margin-top:10px}.console-actions .primary{min-height:43px;padding:6px 8px}.console-actions svg{width:17px;height:17px}.icon-btn{display:grid;place-items:center;border:1px solid #55545a;background:#252529;color:var(--ink);border-radius:4px}.icon-btn:hover{border-color:var(--lime);color:var(--lime)}.console-note{margin-top:9px;line-height:1.55}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:90px;color:var(--muted);font-size:13px}.footer .brand{font-size:23px;color:var(--ink);gap:6px}.footer .brand svg{width:21px;height:21px}.mobile-output{display:none}.toast{position:fixed;bottom:20px;left:20px;z-index:10;background:var(--lime);color:var(--bg);padding:7px 12px;border-radius:4px;font-weight:700;pointer-events:none}.toast:empty{display:none}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.workspace{grid-template-columns:minmax(0,1fr) minmax(265px,31%);gap:22px}.hero{column-gap:34px}.hero h1{font-size:clamp(51px,7.3vw,76px)}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{column-gap:25px;padding-top:35px}.hero h1{font-size:clamp(43px,7.7vw,65px)}.hero-actions{gap:12px}.tool-head{gap:5px}.tool-head .tool-id{display:none}}
@media(max-width:660px){html{scroll-padding-top:67px}.top-inner{height:57px;grid-template-columns:1fr auto}.top-inner nav{display:none}.header-cta{font-size:13px}.brand{font-size:26px}.wrap{width:calc(100% - 32px)}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:29px;gap:22px}.hero h1{font-size:clamp(49px,12vw,68px);margin:13px 0}.hero p{font-size:16px}.hero-actions{margin-top:17px}.hero-frame{aspect-ratio:1.58}.filmrail{margin-top:0;height:39px;font-size:9px;letter-spacing:0}.filmrail span{padding-left:4px}.workbench{margin-top:22px;padding-bottom:37px}.studio-bar{margin-bottom:22px;height:41px}.workspace{display:flex;flex-direction:column;gap:32px}.work,.console{width:100%}.console{position:static}.console textarea{height:260px}.step+.step{margin-top:32px;padding-top:24px}.footer{padding-bottom:53px;min-height:115px}.footer p{display:none}.mobile-output{position:fixed;display:flex;align-items:center;gap:8px;z-index:4;bottom:13px;left:13px;border-radius:4px;padding:7px 11px;background:var(--lime);color:var(--bg);font-size:14px;font-weight:700;box-shadow:0 3px 15px #0008}.mobile-output b{background:#171b0d;color:var(--lime);font:600 11px/1 var(--mono);border-radius:3px;padding:4px 6px}.mobile-output.off{display:none}.toast{bottom:58px}}
@media(max-width:360px){.wrap{width:calc(100% - 24px)}.hero-actions{gap:9px}.style-grid,.tool-grid{gap:7px}.card-body{padding-inline:7px}.tool button{padding:8px}.tool-name{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.edit-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:10px 11px;border:1px solid #4a494c;border-radius:4px;background:#202023}
.edit-controls>span{font-size:13px;color:var(--muted)}
.caption-toggle{display:inline-flex;align-items:center;gap:8px;min-height:37px;padding:5px 8px;border:1px solid #5c5a61;border-radius:4px;color:var(--ink);background:#262529;font-size:14px;font-weight:700}
.caption-toggle b{font:600 12px/1 var(--mono)}
.caption-toggle:hover,.caption-toggle[aria-checked=true]{border-color:var(--lime)}
.switch-track{position:relative;display:block;width:31px;height:17px;border:1px solid #a2a094;border-radius:12px;background:#171719}
.switch-track::after{content:"";position:absolute;inset:3px 3px auto auto;width:9px;height:9px;border-radius:50%;background:#d7d5d0;transition:transform .16s}
[aria-checked=true] .switch-track{background:var(--lime);border-color:var(--lime)}
[aria-checked=true] .switch-track::after{background:#171a0d;transform:translateX(-14px)}
.auto-strip{display:flex;align-items:center;gap:7px 11px;flex-wrap:wrap;margin:9px 0 16px;color:var(--muted);font-size:12px}
.auto-strip div{display:flex;flex-wrap:wrap;gap:5px}
.auto-tag,.chip-auto{padding:3px 6px;border:1px solid #57516c;border-radius:3px;background:#2b2637;color:#e4dafc;font:500 10px/1.4 var(--mono)}
.auto-tag:hover,.chip-auto:hover{border-color:var(--lav)}
.tool button[aria-disabled=true]{cursor:default}
.tool button[aria-disabled=true]:hover{background:transparent}
.tool-status:empty{display:none}
.tool-status{display:block;width:max-content;max-width:100%;margin:7px 0 0 auto;padding:1px 6px;background:#373049;color:#e7dbff;border-radius:3px;font:600 11px/1.5 var(--arabic)}
.source-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:15px}
.source-spec div{padding:9px 11px;border:1px solid var(--line);border-inline-start:2px solid var(--lime);background:#202023;border-radius:4px}
.source-spec b,.source-spec span{display:block}
.source-spec b{font-size:14px}
.source-spec span{font-size:12px;color:var(--muted);line-height:1.5}
@media(max-width:410px){.edit-controls{gap:6px;padding:8px}.edit-controls>span{font-size:12px}}