:root{--frost: #ecf0f4;--surface: #ffffff;--glass: rgba(255,255,255,.72);--glass-edge: #ffffffb3;--field: #f3f5f7;--field-hover: #e9edf1;--hairline: #c8c4be;--control-border: #85817b;--artboard: #d6d6d6;--ink: #000000;--ink-muted: #5b5f66;--ink-inverse: #ffffff;--ink-on-accent: #000000;--selected: #000000;--accent: #f29a33;--accent-strong: #e88a1f;--accent-soft: #fce6cc;--accent-ink: #9a5600;--signal: #e4572e;--signal-soft: #fbe0d8;--signal-ink: #b23a17;--info-soft: #dee7fa;--info-ink: #2f5fc4;--success-soft: #ddefe4;--success-ink: #2f6b47;--focus: #2f5fc4;--shadow-panel: 0 1px 2px rgba(15,23,42,.06), 0 12px 32px rgba(15,23,42,.08);--shadow-raise: 0 1px 2px rgba(15,23,42,.1), 0 2px 6px rgba(15,23,42,.06);--shadow-page: 0 2px 4px rgba(0,0,0,.08), 0 18px 40px rgba(0,0,0,.12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--chamfer: 10px;--blur-glass: 24px;--font-sans: "Urbanist", "Helvetica Neue", Arial, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--frost: #141518;--surface: #1e1f23;--glass: rgba(30,31,35,.74);--glass-edge: #ffffff14;--field: #2a2b30;--field-hover: #33353b;--hairline: #3a3b41;--control-border: #77736c;--artboard: #2b2b2b;--ink: #f5f6f7;--ink-muted: #a3a7ae;--ink-inverse: #000000;--selected: #f5f6f7;--accent-strong: #ffa94a;--accent-soft: #3d2a14;--accent-ink: #ffb866;--signal: #ff8a65;--signal-soft: #45231a;--signal-ink: #ff8a65;--info-soft: #1f2b44;--info-ink: #8ab4f8;--success-soft: #1f3a2b;--success-ink: #6fcf97;--focus: #8ab4f8;--shadow-panel: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.36);--shadow-raise: 0 1px 2px rgba(0,0,0,.5);--shadow-page: 0 2px 4px rgba(0,0,0,.5), 0 18px 40px rgba(0,0,0,.45);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--frost);font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}h1,h2,h3,h4{margin:0}.muted{color:var(--ink-muted)}.i{width:18px;height:18px;flex:none;display:block}.t-display{font-size:32px;line-height:36px;font-weight:600;letter-spacing:-.01em}.t-title{font-size:20px;line-height:26px;font-weight:600}.t-heading{font-size:15px;line-height:20px;font-weight:600}.t-label{font-size:13px;line-height:18px;font-weight:500}.t-caption{font-size:12px;line-height:16px;font-weight:500}.row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:var(--space-3)}.spacer{flex:1}.glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(140%);backdrop-filter:blur(var(--blur-glass)) saturate(140%);border:1px solid var(--glass-edge);box-shadow:var(--shadow-panel);border-radius:var(--radius-lg)}.panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}.clip{border-top-right-radius:0!important;clip-path:polygon(0 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% 100%,0 100%)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-weight:600;font-size:14px;cursor:pointer;background:none;color:var(--ink);white-space:nowrap;transition:background-color .15s ease,box-shadow .15s ease}.btn .i{width:16px;height:16px}.btn.primary{background:var(--accent);color:var(--ink-on-accent)}.btn.primary:hover:not(:disabled){background:var(--accent-strong)}.btn.secondary{background:var(--surface);box-shadow:inset 0 0 0 1px var(--control-border)}.btn.secondary:hover:not(:disabled){background:var(--field)}.btn.ghost:hover:not(:disabled){background:var(--field-hover)}.btn.danger{background:var(--signal);color:var(--ink-on-accent)}.btn.sm{height:28px;padding:0 var(--space-3);font-size:13px;border-radius:var(--radius-xs)}.btn.icon{width:36px;padding:0}.btn.sm.icon{width:28px}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.link{height:auto;padding:0;color:var(--accent-ink);font-size:12px;line-height:16px}.btn.link:hover{text-decoration:underline}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>.lbl{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:500;color:var(--ink-muted)}.field>.lbl.overridden{color:var(--accent-ink)}.field>.lbl .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.field>.lbl .btn.link{margin-left:auto}.input,.num,.select,textarea.input{display:flex;align-items:center;gap:var(--space-2);min-height:32px;padding:0 10px;background:var(--field);border:0;border-radius:var(--radius-sm);font-size:13px;font-weight:500;width:100%;min-width:0;transition:background-color .15s ease,box-shadow .15s ease}textarea.input{padding:8px 10px;resize:vertical;line-height:18px}.input:hover,.num:hover,.select:hover{background:var(--field-hover)}.input:focus,.num:focus-within,.select:focus{outline:none;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--focus)}.num input{all:unset;width:100%;min-width:0;font-variant-numeric:tabular-nums}.num .axis{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--ink-muted)}.num .unit{font-size:12px;color:var(--ink-muted)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:calc(100% - 15px) 14px,calc(100% - 10px) 14px;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px}.input:disabled,.select:disabled,.num.disabled{opacity:.55;cursor:not-allowed}.help{font-size:12px;line-height:16px;color:var(--ink-muted)}.help.error{color:var(--signal-ink)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.toggle{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:13px;font-weight:500}.toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:18px;border-radius:9px;background:var(--hairline);position:relative;cursor:pointer;transition:background .15s;margin:0}.toggle input:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-raise);transition:transform .15s}.toggle input:checked{background:var(--selected)}.toggle input:checked:after{transform:translate(12px)}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--field);border-radius:var(--radius-sm)}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;height:28px;padding:0 12px;border-radius:7px;font-size:13px;font-weight:500;color:var(--ink-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-raise);font-weight:600}.seg.full{display:flex}.seg.full button{flex:1;justify-content:center}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;white-space:nowrap;background:var(--field);color:var(--ink-muted)}.chip .i{width:14px;height:14px}.chip.design{background:var(--accent-soft);color:var(--accent-ink)}.chip.review{background:var(--info-soft);color:var(--info-ink)}.chip.done{background:var(--success-soft);color:var(--success-ink)}.chip.held{background:var(--signal-soft);color:var(--signal-ink)}.chip.cancelled{background:var(--field);color:var(--ink-muted)}.chip.live{background:var(--accent);color:var(--ink-on-accent)}.chip.retired{background:none;color:var(--ink-muted);box-shadow:inset 0 0 0 1px var(--hairline)}.chip.superseded{background:var(--field);color:var(--ink-muted)}.tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--radius-xs);background:var(--field);font-size:12px;font-weight:600;color:var(--ink-muted);white-space:nowrap}.tag .i{width:14px;height:14px}.dot{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 0 1px #80808073}.avatar{width:28px;height:28px;border-radius:50%;background:var(--selected);color:var(--ink-inverse);display:grid;place-items:center;font-size:12px;font-weight:600;flex:none}.shell{display:grid;grid-template-columns:76px 1fr;height:100%}.nav{margin:var(--space-6) 0 var(--space-6) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:6px;width:52px}.nav .brand{width:40px;height:40px;display:grid;place-items:center;margin-bottom:6px}.tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-sm);background:none;color:var(--ink);cursor:pointer;position:relative;transition:background-color .15s ease}.tool:hover{background:var(--field-hover)}.tool.active{background:var(--selected);color:var(--ink-inverse);border-top-right-radius:0;clip-path:polygon(0 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% 100%,0 100%)}.tool .key{position:absolute;right:3px;bottom:2px;font-size:9px;line-height:10px;font-weight:600;color:var(--ink-muted)}.tool.active .key{color:var(--ink-inverse);opacity:.7}.tool[data-tip]:hover:after,.tool[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--selected);color:var(--ink-inverse);font-size:12px;font-weight:500;line-height:16px;padding:6px 8px;border-radius:var(--radius-xs);white-space:nowrap;z-index:50;pointer-events:none}.sep{width:24px;height:1px;background:var(--hairline);margin:4px auto}.nav .bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.main{overflow:auto;padding:var(--space-6) var(--space-6) var(--space-12) var(--space-4);min-width:0}.page-head{display:flex;align-items:flex-end;gap:var(--space-4);margin:var(--space-2) 0 var(--space-6);flex-wrap:wrap}.page-head .sub{margin-top:4px}.crumb{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--ink-muted)}.crumb a:hover{color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.job{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 0 0 1px var(--hairline);cursor:pointer;position:relative;transition:box-shadow .15s ease}.job:hover{box-shadow:inset 0 0 0 1px var(--control-border),var(--shadow-raise)}.job:after{content:"";position:absolute;left:calc(100% - var(--chamfer));top:-1px;width:calc(var(--chamfer) * 1.4143 + 2px);height:2px;background:var(--hairline);transform-origin:0 50%;transform:rotate(45deg)}.job .top{display:flex;align-items:center;gap:var(--space-2);font-size:12px;font-weight:600;color:var(--ink-muted)}.job .top .type{margin-left:auto;font-weight:500}.job h3{font-size:15px;line-height:20px;font-weight:600}.job .meta{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:12px;font-weight:500;color:var(--ink-muted)}.job .meta span{display:inline-flex;align-items:center;gap:4px}.job .meta .i{width:14px;height:14px}.job .foot{display:flex;align-items:center;gap:var(--space-2);padding-top:10px;border-top:1px solid var(--hairline);min-height:35px}.job .note{font-size:12px;font-weight:500;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job .note.flag{color:var(--accent-ink)}.job .note.block{color:var(--signal-ink)}.job .avatar{width:24px;height:24px;font-size:11px;margin-left:auto}.toolbar{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:inset 0 0 0 1px var(--hairline)}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--ink-muted);padding:10px var(--space-4);border-bottom:1px solid var(--hairline)}.table td{padding:12px var(--space-4);border-bottom:1px solid var(--hairline);font-size:13px;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr.click{cursor:pointer}.table tr.click:hover td{background:var(--field)}.card{background:var(--surface);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--hairline);padding:var(--space-4)}.card h3{font-size:15px;line-height:20px;font-weight:600;margin-bottom:var(--space-3)}.dl{display:grid;grid-template-columns:160px 1fr;gap:8px var(--space-4);font-size:13px}.dl dt{color:var(--ink-muted);font-weight:500}.dl dd{margin:0;font-weight:500}.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-6);align-items:start}pre.code{background:var(--field);border-radius:var(--radius-sm);padding:var(--space-3);font-size:12px;overflow:auto;max-height:280px;margin:0}.empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--ink-muted)}.empty h3{color:var(--ink);font-size:15px;margin-bottom:6px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--hairline);border-top-color:var(--ink);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items:center;height:100%}.toasts{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100}.toast{background:var(--selected);color:var(--ink-inverse);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;box-shadow:var(--shadow-panel);max-width:520px}.toast.error{background:var(--signal);color:var(--ink-on-accent)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;display:grid;place-items:center;z-index:90;padding:var(--space-6)}.dialog{width:min(520px,100%);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);max-height:90vh;overflow:auto}.dialog .actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.signin{display:grid;place-items:center;min-height:100%;padding:var(--space-6);position:relative;overflow:hidden}.signin .aurora{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.signin .aurora span{position:absolute;border-radius:50%;filter:blur(100px);will-change:transform}.signin .aurora .b1{width:460px;height:460px;left:6%;top:4%;background:var(--accent);opacity:.42;animation:drift-a 26s ease-in-out infinite alternate}.signin .aurora .b2{width:340px;height:340px;right:8%;bottom:6%;background:var(--accent);opacity:.22;animation:drift-b 32s ease-in-out infinite alternate}.signin .aurora .b3{width:520px;height:520px;left:38%;top:34%;background:var(--hairline);opacity:.45;animation:drift-c 38s ease-in-out infinite alternate}@keyframes drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(90px,60px) scale(1.12)}}@keyframes drift-b{0%{transform:translate(0) scale(1.05)}to{transform:translate(-80px,-50px) scale(.92)}}@keyframes drift-c{0%{transform:translate(0) scale(.95)}to{transform:translate(-60px,40px) scale(1.08)}}.signin .box{position:relative;width:min(400px,100%);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);animation:rise .42s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.btn.google{height:44px;width:100%;position:relative;font-size:15px;padding:0 var(--space-12)}.btn.google .g{position:absolute;left:6px;top:6px;bottom:6px;aspect-ratio:1;background:#fff;border-radius:var(--radius-xs);display:grid;place-items:center}.wordmark{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.studio{position:relative;height:100vh;overflow:hidden;background:var(--frost)}.studio .topbar{position:absolute;left:var(--space-6);right:var(--space-6);top:16px;height:56px;display:flex;align-items:center;gap:12px;padding:0 10px 0 12px;z-index:5}.studio .topbar>.tool:first-child .i{transform:rotate(180deg)}.studio .topbar .title{font-size:15px;line-height:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio .topbar .why{font-size:12px;font-weight:500;color:var(--signal-ink)}.studio .rail{position:absolute;left:var(--space-6);top:96px;display:flex;flex-direction:column;gap:var(--space-1);padding:6px;z-index:4}.studio .pages{position:absolute;left:84px;top:96px;bottom:var(--space-6);width:132px;padding:12px 10px;overflow:auto;z-index:4}.studio .pages h4{font-size:13px;margin:0 4px 10px}.thumb{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:10px;cursor:pointer;background:none;border:0;width:100%;padding:0}.thumb .img{width:76px;aspect-ratio:612/792;border-radius:3px 0 3px 3px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--hairline);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}.thumb .img img{width:100%;height:100%;display:block}.thumb.on .img{box-shadow:0 0 0 2px var(--accent)}.thumb .n{font-size:11px;font-weight:600;color:var(--ink-muted);display:flex;align-items:center;gap:4px}.thumb.on .n{color:var(--ink)}.thumb .flag{width:6px;height:6px;border-radius:50%;background:var(--signal)}.studio .canvas{position:absolute;left:232px;right:344px;top:88px;bottom:0;background:var(--artboard);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:auto}.studio .canvas .sheets{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 24px 120px}.studio .canvas .sheets.spread{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start}.sheet{position:relative;background:#fff;box-shadow:var(--shadow-page);flex:none}.sheet img{display:block;width:100%;height:100%}.sheet .hit{position:absolute;left:0;right:0;cursor:pointer;border-radius:2px}.sheet .hit:hover{box-shadow:0 0 0 1px var(--accent)}.sheet .hit.sel{box-shadow:0 0 0 1.5px var(--accent);background:#f29a330f}.sheet .pno{position:absolute;left:-2px;top:-20px;font-size:11px;font-weight:600;color:var(--ink-muted)}.studio .floatbar{position:absolute;left:232px;right:344px;bottom:var(--space-6);display:flex;justify-content:center;pointer-events:none;z-index:4}.studio .floatbar>div{pointer-events:auto;display:flex;align-items:center;gap:4px;padding:6px}.studio .floatbar .tool{width:34px;height:34px}.vsep{width:1px;height:24px;background:var(--hairline);margin:0 4px}.studio .inspector{position:absolute;right:var(--space-6);top:96px;bottom:var(--space-6);width:304px;overflow:auto;z-index:4}.insp-head{display:flex;align-items:center;gap:var(--space-2);padding:14px var(--space-4) 12px;position:sticky;top:0;background:var(--surface);z-index:1}.section{border-top:1px solid var(--hairline);padding:12px var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.section>.title{font-size:13px;line-height:18px;font-weight:600;display:flex;align-items:center;gap:8px}.excerpt{font-size:12px;line-height:17px;color:var(--ink-muted);background:var(--field);border-radius:var(--radius-sm);padding:8px 10px;max-height:120px;overflow:auto}.issue{display:grid;grid-template-columns:20px 1fr;gap:4px 10px;padding:12px var(--space-4);border-top:1px solid var(--hairline)}.issue .ic{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;margin-top:1px}.issue .ic .i{width:14px;height:14px}.issue.blocker .ic{background:var(--signal);color:var(--ink-on-accent)}.issue.check .ic{background:var(--accent-soft);color:var(--accent-ink)}.issue.info .ic,.issue.dismissed .ic{background:var(--field);color:var(--ink-muted)}.issue .msg{font-size:13px;line-height:18px}.issue.dismissed .msg{color:var(--ink-muted);text-decoration:line-through}.issue .where{font-size:12px;line-height:16px;color:var(--ink-muted)}.issue .acts{grid-column:2;display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.slot{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:start}.slot .prev{width:72px;aspect-ratio:612/792;border-radius:6px;background:var(--field) center/cover no-repeat;box-shadow:inset 0 0 0 1px var(--hairline)}.slot .info{display:flex;flex-direction:column;gap:4px;font-size:12px}.slot .warn{color:var(--signal-ink);font-weight:600}.lib{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lib button{border:0;padding:0;background:var(--field) center/cover no-repeat;aspect-ratio:612/792;border-radius:6px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--hairline)}.lib button:hover{box-shadow:inset 0 0 0 2px var(--accent)}.busy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#d6d6d659;z-index:3}.kit{display:grid;grid-template-columns:200px minmax(0,1fr) 420px;gap:var(--space-6);align-items:start}.kit .side{position:sticky;top:0;display:flex;flex-direction:column;gap:2px;padding:6px}.kit .side button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;text-align:left;height:34px;padding:0 12px;border-radius:var(--radius-xs);font-size:13px;font-weight:500;cursor:pointer;color:var(--ink-muted)}.kit .side button:hover{background:var(--field-hover);color:var(--ink)}.kit .side button.on{background:var(--selected);color:var(--ink-inverse);font-weight:600}.kit .form{display:flex;flex-direction:column;gap:var(--space-4)}.kit .preview{position:sticky;top:0;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);max-height:calc(100vh - 48px);overflow:auto}.kit .preview .pg{width:100%;aspect-ratio:612/792;background:#fff;box-shadow:var(--shadow-page)}.kit .preview .pg img{width:100%;display:block}.colorrow{display:grid;grid-template-columns:1fr 36px;gap:var(--space-2);align-items:center}.colorrow .main{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 6px;background:var(--field);border-radius:var(--radius-sm)}.colorrow .sw{width:20px;height:20px;border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px #80808073;flex:none;position:relative;overflow:hidden}.colorrow .sw input{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:40px;height:40px;opacity:0;cursor:pointer}.colorrow .hex{all:unset;font-size:13px;font-weight:500;text-transform:uppercase;width:80px}.colorrow .name{margin-left:auto;font-size:12px;font-weight:600;color:var(--ink-muted);white-space:nowrap}.assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.asset{border-radius:var(--radius-sm);background:var(--field);padding:8px;display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:500;color:var(--ink-muted);overflow:hidden}.asset .im{height:64px;border-radius:6px;background:repeating-conic-gradient(var(--field-hover) 0 25%,var(--surface) 0 50%) 0 0/12px 12px;display:grid;place-items:center;overflow:hidden}.asset .im img{max-width:100%;max-height:100%}.asset span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1280px){.kit{grid-template-columns:180px minmax(0,1fr)}.kit .preview{display:none}}@media(max-width:900px){.split{grid-template-columns:1fr}.shell{grid-template-columns:64px 1fr}.nav{margin-left:12px}}:root[data-theme=dark]{--frost: #141518;--surface: #1e1f23;--glass: rgba(30,31,35,.74);--glass-edge: #ffffff14;--field: #2a2b30;--field-hover: #33353b;--hairline: #3a3b41;--control-border: #77736c;--artboard: #2b2b2b;--ink: #f5f6f7;--ink-muted: #a3a7ae;--ink-inverse: #000000;--selected: #f5f6f7;--accent-strong: #ffa94a;--accent-soft: #3d2a14;--accent-ink: #ffb866;--signal: #ff8a65;--signal-soft: #45231a;--signal-ink: #ff8a65;--info-soft: #1f2b44;--info-ink: #8ab4f8;--success-soft: #1f3a2b;--success-ink: #6fcf97;--focus: #8ab4f8;--shadow-panel: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.36);--shadow-raise: 0 1px 2px rgba(0,0,0,.5);--shadow-page: 0 2px 4px rgba(0,0,0,.5), 0 18px 40px rgba(0,0,0,.45);color-scheme:dark}:root[data-theme=light]{color-scheme:light}.tool.active{background:none;color:#fff;clip-path:none;border-radius:var(--radius-sm)}.tool.active:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:0;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);background:radial-gradient(circle at 50% 50%,#0000009e 0,#0000009e 34%,#0000 64%),linear-gradient(125deg,#000,#e4572e,#0b0b0b,#f29a33,#000 72%,#fdb746 88%,#000);background-size:100% 100%,320% 320%;animation:mishmash 7s ease-in-out infinite alternate}.tool.active>svg{position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.tool.active .key{display:none}@keyframes mishmash{0%{background-position:50% 50%,0% 40%}50%{background-position:50% 50%,60% 70%}to{background-position:50% 50%,100% 30%}}:root{--ambient-blur: 1.5px;--ambient-opacity: .7}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;filter:blur(var(--ambient-blur));opacity:var(--ambient-opacity)}.shell{position:relative;z-index:1}.nav .brand img,.nav .brand svg{display:block}.wordmark svg{flex:none}.signin .aurora .b1{opacity:.6;animation-duration:18s}.signin .aurora .b2{opacity:.4;animation-duration:22s}.signin .aurora .b3{opacity:.55;animation-duration:26s}.signin .aurora .b4{width:300px;height:300px;left:52%;top:8%;background:#e4572e;opacity:.32;animation:drift-d 20s ease-in-out infinite alternate}@keyframes drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(180px,120px) scale(1.25)}}@keyframes drift-b{0%{transform:translate(0) scale(1.1)}to{transform:translate(-170px,-110px) scale(.85)}}@keyframes drift-c{0%{transform:translate(0) scale(.9)}to{transform:translate(-140px,90px) scale(1.18)}}@keyframes drift-d{0%{transform:translate(0) scale(1)}to{transform:translate(-120px,160px) scale(1.3)}}.signin .mark-hero{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px}.signin .legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;font-size:12px;color:var(--ink-muted)}.signin .legal-links a{color:var(--ink-muted);text-underline-offset:2px}.signin .legal-links a:hover{color:var(--ink)}.theme-hint{font-size:9px;line-height:10px;font-weight:700;position:absolute;right:3px;bottom:2px;color:var(--ink-muted)}.keybox{font:600 13px/18px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--field);border-radius:var(--radius-sm);padding:10px 12px;word-break:break-all;-webkit-user-select:all;user-select:all}.code-sample{font:500 12px/18px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--field);border-radius:var(--radius-sm);padding:12px;overflow:auto;margin:0;white-space:pre}.origin{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--ink-muted)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:110px;border-radius:var(--radius-md);background:var(--field);box-shadow:inset 0 0 0 1px var(--hairline);cursor:pointer;text-align:center;padding:12px;font-size:13px;color:var(--ink-muted);transition:box-shadow .15s ease,background-color .15s ease}.dropzone:hover,.dropzone.over{box-shadow:inset 0 0 0 2px var(--accent);background:var(--field-hover)}.dropzone strong{color:var(--ink)}@media(prefers-reduced-motion:reduce){.tool.active:before{animation:none}.signin .aurora span{animation:none!important}}.dialog.wide{width:min(980px,100%)}.imp-group{display:flex;flex-direction:column;gap:2px}.imp-group h4{margin:12px 0 6px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}.imp-group h4 .btn{margin-left:auto}.imp-row{display:grid;grid-template-columns:22px 170px minmax(0,1fr) minmax(0,1.2fr);gap:12px;align-items:center;padding:8px 10px;border-radius:var(--radius-sm)}.imp-row:hover{background:var(--field)}.imp-row.off{opacity:.55}.imp-row .lbl{font-weight:600;font-size:13px}.imp-row .change{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0}.imp-row .change .old{color:var(--ink-muted);text-decoration:line-through;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%;flex:none}.imp-row .change .old:not(:only-child){font-variant-numeric:tabular-nums}.imp-row .change .new{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imp-row .why{font-size:12px;color:var(--ink-muted);line-height:16px}.imp-row .why .warn{color:var(--signal-ink);display:block}.sw{width:18px;height:18px;border-radius:5px;flex:none;box-shadow:inset 0 0 0 1px #0000001f}.conf{font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:1px 6px;border-radius:999px;background:var(--field);color:var(--ink-muted)}.conf.high{background:var(--success-soft);color:var(--success-ink)}.conf.medium{background:var(--info-soft);color:var(--info-ink)}.imp-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.imp-file{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:var(--radius-md);background:var(--field);cursor:pointer;font-size:12px;position:relative}.imp-file.on{box-shadow:inset 0 0 0 2px var(--accent)}.imp-file .thumb{height:74px;border-radius:var(--radius-sm);display:grid;place-items:center;overflow:hidden;background:#fff}.imp-file .thumb.dark{background:#1c1b1a}.imp-file .thumb img{max-width:90%;max-height:66px;object-fit:contain}.imp-file .thumb.font{background:var(--surface);font-size:22px;font-weight:600;color:var(--ink)}.imp-file input{position:absolute;top:12px;left:12px}.imp-file .nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imp-notes{margin:0;padding-left:18px;font-size:12px;color:var(--ink-muted)}.imp-sources{display:flex;flex-wrap:wrap;gap:6px}.imp-sources span{font-size:12px;background:var(--field);padding:2px 8px;border-radius:999px}.banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:-8px 0 16px;border-radius:var(--radius-md);background:var(--field);font-size:13px;color:var(--ink-muted)}.banner>svg{flex:none}.banner span{flex:1}.banner a{color:var(--ink);font-weight:600}.table tr.muted td{color:var(--ink-muted)}.requests-bar{flex-wrap:nowrap;gap:var(--space-4)}.requests-bar .seg{flex:1;min-width:0}.bar-end{display:flex;align-items:center;gap:var(--space-2);flex:none}.seg.hex{position:relative;isolation:isolate}.seg.hex button{position:relative;z-index:1;border-radius:0;transition:color .2s ease}.seg.hex button.on{background:none;box-shadow:none}.seg.hex button:focus-visible{outline:none;text-decoration:underline;text-underline-offset:4px}.seg-mark{--cut: 12px;position:absolute;z-index:0;top:3px;bottom:3px;left:0;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% 50%,calc(100% - var(--cut)) 100%,var(--cut) 100%,0 50%);background:var(--accent);transition:transform .3s cubic-bezier(.3,.7,.2,1),width .3s cubic-bezier(.3,.7,.2,1)}.seg-mark:after{content:"";position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;clip-path:polygon(calc(var(--cut) - 1px) 0,calc(100% - var(--cut) + 1px) 0,100% 50%,calc(100% - var(--cut) + 1px) 100%,calc(var(--cut) - 1px) 100%,0 50%);background:var(--surface)}.picker-box{position:relative}.picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;height:32px;padding:0 8px 0 10px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background-color .15s ease}.picker:hover,.picker.open{background:var(--field)}.picker .chev{color:var(--ink-muted);transition:transform .15s ease}.picker.open .chev{transform:rotate(180deg)}.picker .dot,.picker-list .dot{width:8px;height:8px;border-radius:50%;flex:none}.picker-list{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:220px;max-height:320px;overflow:auto;margin:0;padding:6px;list-style:none;border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.picker-list li{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer}.picker-list li.hi{background:var(--field)}.picker-list li.on{font-weight:700}.picker-list .tick{margin-left:auto;color:var(--accent-strong)}.fchip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;height:32px;padding:0 10px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:600;color:var(--ink-muted);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.fchip:hover{background:var(--field);color:var(--ink)}.fchip .box{width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--control-border);display:grid;place-items:center;transition:background-color .15s ease,box-shadow .15s ease}.fchip .box .i{width:12px;height:12px;stroke-width:2.4;color:#000}.fchip.on{color:var(--ink)}.fchip.on .box{background:var(--accent);box-shadow:none}@media(max-width:900px){.requests-bar{flex-wrap:wrap}.requests-bar .seg{flex-basis:100%}.bar-end{margin-left:auto}}.need-work{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-6);align-items:center;padding:22px 24px;margin-bottom:var(--space-4);position:relative;overflow:hidden}.need-work:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#fdb746,#e4572e)}.nw-count{display:flex;align-items:center;gap:16px}.nw-count .big{font-size:56px;line-height:1;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.nw-split{display:flex;gap:14px;margin-top:6px;font-size:13px;color:var(--ink-muted);flex-wrap:wrap}.nw-split b{color:var(--ink)}.nw-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fact{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:10px 12px;border-radius:var(--radius-md);background:var(--field);color:var(--ink);text-decoration:none}.fact .i{grid-row:span 2;color:var(--ink-muted)}.fact .v{font-size:20px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.fact .l{font-size:12px;color:var(--ink-muted)}a.fact:hover{background:var(--field-hover)}.fact.warn .v,.fact.warn .i{color:var(--signal-ink)}.nw-go{height:40px;padding:0 16px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.tile{display:flex;flex-direction:column;gap:2px;padding:16px 18px}.tile .l{font-size:13px;font-weight:600}.tile .v{font-size:30px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.tile .s{font-size:12px;color:var(--ink-muted)}.home-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-4)}.home-grid .card{display:flex;flex-direction:column;gap:12px}.home-grid h3{margin:0}.bars{width:100%;height:auto}.bars .axis{stroke:var(--hairline)}.bars .rx{fill:var(--ink-muted);opacity:.4}.bars .dx{fill:var(--accent)}.bars text{font-size:10px;fill:var(--ink-muted)}.legend{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-muted);margin-left:12px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.legend i.rx{background:var(--ink-muted);opacity:.4}.legend i.dx{background:var(--accent)}.stack{display:flex;height:10px;border-radius:999px;overflow:hidden;gap:2px;background:var(--field)}.stack span.live,.stack-legend i.live{background:var(--accent)}.stack span.design,.stack-legend i.design{background:#e4572e}.stack span.none,.stack-legend i.none{background:var(--hairline)}.stack-wrap{display:flex;flex-direction:column;gap:8px}.stack-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--ink-muted)}.stack-legend span{display:inline-flex;align-items:center;gap:6px}.stack-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.stack-legend b{color:var(--ink)}.mini-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.mini-list li{display:flex;align-items:baseline;gap:12px;padding:8px 0;border-top:1px solid var(--hairline);font-size:13px}.mini-list li:first-child{border-top:0}.mini-list a{color:var(--ink);font-weight:600;text-decoration:none}.mini-list a:hover{text-decoration:underline}.mini-list .muted{margin-left:auto;font-size:12px;white-space:nowrap}@media(max-width:1100px){.need-work{grid-template-columns:1fr}.nw-facts,.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid{grid-template-columns:1fr}}.me-link{display:block;border-radius:50%;position:relative}.me-link.on .avatar,.me-link:focus-visible .avatar{box-shadow:0 0 0 2px var(--glass),0 0 0 4px var(--accent)}.avatar img{display:block}.profile{display:grid;grid-template-columns:280px 1fr;gap:var(--space-4);align-items:start}.profile-photo{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 20px}.crop{position:relative;overflow:hidden;border-radius:50%;align-self:center;cursor:grab;touch-action:none;background:var(--field);box-shadow:0 0 0 1px var(--hairline)}.crop:active{cursor:grabbing}.crop:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.crop img{position:absolute;left:0;top:0;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none}input[type=range]{accent-color:var(--accent);width:100%}@media(max-width:900px){.profile{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.seg-mark{transition:none}}.dlayer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.dpage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;cursor:default;border-radius:1px}.dpage.sel{box-shadow:inset 0 0 0 2px var(--accent)}.dbox{position:absolute;pointer-events:auto;cursor:move;border-radius:2px;touch-action:none}.dbox:hover{box-shadow:0 0 0 1px var(--accent),0 0 0 3px #f29a332e}.dbox.sel{box-shadow:0 0 0 1.5px var(--accent);background:#f29a330f}.dbox.dragging{box-shadow:0 0 0 1.5px var(--accent);background:#f29a3324}.dbox.locked{cursor:pointer}.dbox .dh{position:absolute;right:-6px;bottom:-6px;width:11px;height:11px;border-radius:3px;background:var(--accent);box-shadow:0 0 0 2px #fff;cursor:nwse-resize;touch-action:none}.dbox .dh.w{top:calc(50% - 6px);bottom:auto;cursor:ew-resize}.dbox .dtip{position:absolute;left:0;top:-22px;white-space:nowrap;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:#000;color:#fff;pointer-events:none}.swatches{display:flex;flex-wrap:wrap;gap:6px}.sw-btn{position:relative;width:22px;height:22px;border-radius:6px;border:0;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #00000024;display:grid;place-items:center;color:var(--ink-muted);background:var(--field)}.sw-btn.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.sw-btn:disabled{cursor:default;opacity:.6}.sw-btn.custom{overflow:hidden}.sw-btn.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:0}.sw-btn .i{width:12px;height:12px}.layers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.layers li{display:flex;align-items:center;border-radius:var(--radius-sm)}.layers li:hover{background:var(--field)}.layers li.on{background:var(--accent-soft)}.layers li.off .nm{color:var(--ink-muted)}.layers .nm{flex:1;min-width:0;text-align:left;border:0;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--ink);padding:7px 8px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers .vis{border:0;background:none;color:var(--ink-muted);width:30px;height:30px;display:grid;place-items:center;cursor:pointer;border-radius:var(--radius-sm)}.layers .vis:hover:not(:disabled){color:var(--ink)}.add-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.add-grid .btn{justify-content:center}.addmenu{position:relative}.addmenu-list{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;padding:6px;min-width:160px;border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.addmenu-list button{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border:0;background:none;border-radius:var(--radius-sm);font:inherit;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer;text-align:left}.addmenu-list button:hover,.addmenu-list button:focus-visible{background:var(--field);outline:none}.btn.ghost.danger{background:none;color:var(--signal-ink)}.inspector .seg.full{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.inspector .seg.full button{min-width:0;padding-inline:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}