@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/assets/Inter-Regular-DNLm1dt3.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/assets/Inter-Medium-934lu3y0.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/assets/Inter-SemiBold-ClNxH311.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/assets/Inter-Bold-CytjP_7U.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--surface:#151c31;--soft:#1b2339;--panel:#141b30e0;--topbar:#0b1020d1;--topbar-line:#ffffff12;--avatar:#3a4a78;--tabs:#0003;--tab-on:#ffffff1c;--tab-on-shadow:none;--field:#0003;--chip-hover:#ffffff1a;--pop:#141b30f7;--bubble:#18203af0;--badge:#0a0e1c9e;--badge-ink:#fff;--badge-line:0 0 0 1px #ffffff12;--glass:#ffffff0b;--nav-on:#ffffff14;--field-panel:#ffffff0f;--field-line:inset 0 0 0 1px #ffffff12;--field-line-hover:inset 0 0 0 1px #ffffff24;--field-focus:inset 0 0 0 1px #6cb2ffa6, 0 0 0 3px #0a74ff26;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%2398a3bd' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--check-line:#a0aac38c;--stage:#0d1220;--line:#ffffff17;--line-strong:#ffffff2e;--ink:#f2f5fb;--ink-hover:#fff;--text:#d5dbe8;--muted:#98a3bd;--faint:#6b7690;--accent:#6cb2ff;--accent-ink:#9ccbff;--accent-soft:#16335f;--primary:#1a78ff;--primary-hover:#38f;--override:#ffb340;--override-soft:#ffb34024;--override-line:#ffb34073;--danger:#ff6b5e;--danger-fill:#e5392f;--danger-soft:#ff453a24;--ok:#30d158;--ok-soft:#30d15824;--warn-ink:#ffc56b;--warn-soft:#ffb34024;--chip:#ffffff0f;--shadow:0 8px 24px #00000052;--hi:inset 0 0 0 1px #ffffff0e;--backdrop:#0508128c;--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:20px;--r-xl:24px;--radius:var(--r-sm);--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--surface:#fff;--soft:#f3f5f8;--panel:#fffffff0;--topbar:#ffffffd1;--topbar-line:#10182814;--avatar:#2b3345;--tabs:#1018280f;--tab-on:#fff;--tab-on-shadow:0 1px 2px #10182829;--field:#fff;--chip-hover:#10182812;--pop:#fffffffa;--bubble:#fff;--badge:#ffffffe0;--badge-ink:var(--ink);--badge-line:0 0 0 1px #10182814;--glass:#fff;--nav-on:#10182812;--field-panel:#1018280d;--field-line:inset 0 0 0 1px #10182821;--field-line-hover:inset 0 0 0 1px #10182838;--field-focus:inset 0 0 0 1px #0a62d6cc, 0 0 0 3px #0a62d624;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%236a7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--check-line:#1018284d;--stage:#eceef2;--line:#1018281a;--line-strong:#10182833;--ink:#16181d;--ink-hover:#000;--text:#2a2f38;--muted:#6a7280;--faint:#9aa1ad;--accent:#0a62d6;--accent-ink:#0a62d6;--accent-soft:#e4eefc;--primary:#1a78ff;--primary-hover:#0a5fe0;--override:#a15c00;--override-soft:#fff4dc;--override-line:#f1c38b;--danger:#d92d20;--danger-fill:#d92d20;--danger-soft:#fdecea;--ok:#1f9d46;--ok-soft:#e3f5e9;--warn-ink:#8a5a00;--warn-soft:#fdf3dc;--chip:#f1f3f6;--shadow:0 8px 24px #1018281f;--hi:inset 0 0 0 1px #1018280a;--backdrop:#10182852}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overscroll-behavior:none}body{color:var(--ink);background:radial-gradient(1000px 600px at 15% -10%, #131d3a 0, transparent 60%), var(--bg);background-attachment:fixed;font:14px/1.45 Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=light] body{background:var(--bg)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.workspace{grid-template:"top"56px"main"1fr/1fr;height:100%;display:grid}.topbar{z-index:10;background:var(--topbar);border-bottom:1px solid var(--topbar-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-area:top;align-items:center;gap:10px;padding:0 20px;display:flex;position:relative}.topbar .spacer{flex:1}.topbar-actions{align-items:center;gap:8px;display:inline-flex}.topbar-actions button.primary{border:0;padding:8px 16px;font-weight:400}.topbar-actions .icon-button{width:36px;height:36px;color:var(--ink);background:0 0;border:0}.brand{color:var(--ink);letter-spacing:.01em;border-radius:var(--r-sm);background:0 0;border:0;align-items:center;gap:8px;padding:4px 6px;font-size:16px;font-weight:700;display:inline-flex}.brand:hover:not(:disabled){background:0 0}.brand-mark{background:var(--primary);border-radius:6px;width:22px;height:22px;position:relative;overflow:hidden}.brand-mark:before{content:"";background:#fff;border-radius:2px;width:8px;height:14px;position:absolute;top:4px;left:4px}.brand-mark:after{content:"";background:#9ccbff;border-radius:2px;width:5px;height:9px;position:absolute;top:9px;left:13px}.crumbs{white-space:nowrap;align-items:center;gap:2px;min-width:0;font-size:12px;display:inline-flex}.crumbs strong{color:var(--ink);text-overflow:ellipsis;font-weight:400;overflow:hidden}.crumb{color:var(--muted);background:0 0;border:0;padding:4px 6px;font-weight:400}.crumb.on{color:var(--ink)}.unsaved{background:var(--chip);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px}.editor-area{grid-area:main;min-width:0;min-height:0;position:relative}.empty-project{color:var(--muted);padding:32px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:600}.theme-menu{position:relative}.avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-ink);border-color:#0000;border-radius:50%;padding:0;font-size:16px}.menu-pop{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);width:260px;box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;top:42px;right:0}.menu-pop strong{color:var(--ink)}.seg{background:var(--chip);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:4px 10px}.seg button[aria-pressed=true],.seg button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:var(--hi)}.link{color:var(--accent-ink);background:0 0;border:0;padding:0}.link:hover:not(:disabled){background:0 0;text-decoration:underline}label.inline{align-items:center;gap:6px;display:inline-flex}label.inline select{width:auto}.library-area{overflow:auto}.library{flex-direction:column;gap:16px;max-width:1280px;margin:0 auto;padding:24px;display:flex}.library-bar{flex-wrap:wrap;align-items:center;gap:22px;padding-top:8px;display:flex}.library-bar h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.library-bar label.inline{border-radius:999px;gap:8px;height:32px;padding:6px 10px}.library-bar label.inline:hover{background:var(--chip-hover)}.library-bar label.inline>.muted{color:var(--ink);font-weight:500}.library-bar label.inline select{width:auto;height:auto;min-height:0;box-shadow:none;color:var(--muted);background-color:#0000;background-position:right 0 center;border-radius:0;padding:0 18px 0 0}.library-bar label.inline select:hover{box-shadow:none}.library-bar .search{order:1;width:260px;margin-left:auto}.library-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.library-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.piece-card{border-radius:var(--r-lg);background:var(--glass);box-shadow:var(--hi);border:0;padding:4px 4px 0;position:relative;overflow:hidden}.piece-card.on{box-shadow:inset 0 0 0 1px var(--accent)}.piece-card.new{color:var(--muted)}.piece-open{text-align:left;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:0;display:flex}.piece-open:hover:not(:disabled){background:var(--soft)}.piece-thumb{aspect-ratio:1;border-radius:var(--r-md);background:var(--stage);justify-content:center;align-items:center;display:flex;overflow:hidden}.piece-thumb img{max-width:100%;max-height:100%;box-shadow:0 1px 3px #00000040}.piece-thumb.add{color:var(--muted);background:0 0}.piece-info{flex-direction:column;gap:4px;min-width:0;padding:10px 8px 12px 12px;display:flex}.piece-card.new .piece-name{padding:10px 8px 12px 12px}.library-grid .piece-card.new{flex-direction:column;gap:14px;padding:8px 16px;display:flex}.library-grid .piece-card.new .piece-open{flex:1;justify-content:center;align-items:center;gap:14px}.library-grid .piece-card.new .piece-open:hover:not(:disabled){background:0 0}.library-grid .piece-thumb.add{aspect-ratio:auto;width:64px;height:64px;color:var(--ink);background:#2a3144;border-radius:50%}.library-grid .piece-card.new .piece-name{color:var(--muted);padding:0;font-size:14px;font-weight:400}:root[data-theme=light] .library-grid .piece-thumb.add{background:#10182814}.piece-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.piece-meta{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.piece-origin{text-overflow:ellipsis;overflow:hidden}.piece-rename{padding:2px 6px}.kind{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:1px 6px;font-size:10px;font-weight:600}.kind-art{background:var(--chip);color:var(--text)}.kind-motion{background:var(--accent-soft);color:var(--accent-ink)}.piece-menu-button{width:35px;height:24px;color:var(--muted);background:0 0;border:0;padding:2px 8px;position:absolute;bottom:23px;right:12px}.piece-preview-button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;padding:0;position:absolute;bottom:21px;right:50px}.piece-preview-button:hover{color:var(--ink)}.modal.preview{width:min(900px,100vw - 32px)}.preview-head{align-items:center;gap:12px;display:flex}.preview-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.preview-title h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-head select{flex:none;width:auto}.preview-stage{border-radius:var(--r-md);background:var(--bg);justify-content:center;align-items:center;gap:12px;padding:18px;display:flex}.preview-image{flex:1;justify-content:center;align-items:center;min-width:0;height:min(58vh,560px);display:flex}.preview-image img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:var(--shadow)}.piece-menu{z-index:6;background:var(--panel);border-radius:var(--r-md);min-width:160px;box-shadow:var(--hi), var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;flex-direction:column;padding:6px;display:flex;position:absolute;bottom:44px;right:12px}.piece-menu button{border-radius:var(--r-sm);color:var(--ink);background:0 0;border:0;justify-content:flex-start;padding:8px 10px;font-weight:400}.piece-menu button:hover:not(:disabled){background:var(--chip-hover);border-color:#0000}.piece-menu button.danger{color:var(--danger)}.library-list .piece-card{padding:0}.library-list .piece-open{flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;min-height:68px;padding:10px 12px}.library-list .piece-thumb{border-radius:var(--r-sm);flex:none;width:48px;height:48px}.library-list .piece-info,.library-list .piece-card.new .piece-name{padding:0}.library-list .piece-name{font-size:14px}.library-list .piece-status{top:50%;left:auto;right:96px;transform:translateY(-50%)}.library-list .piece-menu-button{top:50%;bottom:auto;right:12px;transform:translateY(-50%)}.library-list .piece-preview-button{top:50%;bottom:auto;transform:translateY(-50%)}.library-list .piece-menu{top:44px;bottom:auto}.stage-bar{background:var(--panel);border-bottom:1px solid var(--line);grid-area:bar;align-items:center;gap:12px;padding:8px 12px;display:flex}.stage-bar .spacer{flex:1}.stage-bar .group{gap:4px;display:flex}.stage-bar select{width:auto}.app{background:var(--stage);grid-template:"left stage properties"1fr/292px 1fr 312px;height:100%;display:grid}.panel.left{border-left:0;border-right:1px solid var(--line);grid-area:left}.app>.panel{border-radius:var(--r-xl);box-shadow:var(--hi), var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;margin:12px;padding:14px}.app>.panel.left{margin-right:0}.app>.panel:not(.left){margin-left:0}.app>.panel .layers{padding:0}.app>.panel .section,.app>.panel .context{padding:12px 0}.app>.panel .element-id{padding:10px 0 0}.app>.panel>p{padding:12px 0}.stage{background:var(--stage);grid-area:stage;position:relative;overflow:hidden}.canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.muted{color:var(--muted)}.group-banner{border:1px solid var(--accent);background:var(--accent-soft);border-radius:8px;margin:0 0 10px;padding:8px 10px;font-size:12px}.group-banner-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.group-banner p{color:var(--text);margin:4px 0 0}.popover{z-index:15;pointer-events:auto;background:var(--pop);border-radius:var(--r-lg);width:380px;box-shadow:var(--hi), var(--shadow);border:0;flex-direction:column;gap:8px;padding:16px;display:flex;position:fixed}.presets{flex-wrap:wrap;gap:6px;display:flex}.popover form{gap:8px;display:flex}.popover h3{color:var(--ink);margin:0 0 4px;font-size:14px;font-weight:600}.popover>.field-label{color:var(--muted);margin-top:6px;font-weight:400}.popover form input{flex:1;min-width:0}.presets button .muted{font-size:12px}.presets button,.popover form button{background:var(--glass);min-height:36px;color:var(--ink);border:0;padding:8px 16px;font-weight:400}.presets button:hover:not(:disabled),.popover form button:hover:not(:disabled){background:var(--chip-hover);border-color:#0000}.board-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.board-label{pointer-events:auto;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex;position:absolute;overflow:hidden;transform:translateY(calc(-100% - 6px))}.board-title{border-radius:var(--r-xs);min-width:0;color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:baseline;gap:6px;padding:2px 6px;display:inline-flex;overflow:hidden}.board-title:hover:not(:disabled){background:var(--chip)}.board-title strong{color:var(--text);font-weight:600}.board-detail{text-overflow:ellipsis;font-size:11px;overflow:hidden}.board-label.active .board-title strong{color:var(--accent-ink)}.board-label.alert .board-detail{color:var(--danger)}.board-label.grouped .board-title{box-shadow:inset 0 0 0 1px var(--override-line)}.board-marked{pointer-events:none;box-shadow:0 0 0 2px var(--accent);border-radius:2px;position:absolute}.board-label .badge{white-space:nowrap;margin:0}.board-label .score{margin:0}.board-check{flex:none;margin:0}.board-remove{width:24px;height:24px;color:var(--faint);opacity:0;background:0 0;border:0;flex:none;padding:0}.board-label:hover .board-remove,.board-remove:focus-visible{opacity:1}.pill{background:var(--panel);box-shadow:var(--hi), var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;border-radius:999px;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}.pill-sep{background:var(--line);width:1px;height:20px;margin:0 4px}.pill button{background:0 0;border-color:#0000;border-radius:999px}.pill button:hover:not(:disabled){background:var(--chip)}.pill select{border-radius:999px;width:auto}.tools{z-index:4;position:absolute;top:12px;left:12px}.tools button{min-height:36px;color:var(--ink);font-weight:400}.tools .icon-button{width:36px;height:36px;padding:0}.new-element{position:relative}.new-menu{z-index:6;background:var(--panel);border-radius:var(--r-md);min-width:170px;box-shadow:var(--hi), var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;flex-direction:column;align-items:stretch;gap:2px;padding:6px;display:flex;position:absolute;top:48px;left:-8px}.new-menu button{border-radius:var(--r-sm);color:var(--ink);background:0 0;border:0;justify-content:flex-start;gap:10px;padding:8px 16px;font-weight:400}.new-menu button:hover:not(:disabled){background:var(--chip-hover);border-color:#0000}.new-menu .menu-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);padding:6px 16px 2px;font-size:11px;font-weight:600}.new-menu hr{background:var(--line);border:0;width:100%;height:1px;margin:4px 0}.new-menu button svg{color:var(--muted)}.bottom-bar{z-index:4;white-space:nowrap;gap:2px;position:absolute;bottom:16px;left:12px}.bottom-bar .fmb{height:36px;color:var(--ink);gap:7px;padding:0 14px 0 11px;font-size:13px;font-weight:500}.bottom-bar .fmb .muted{font-weight:400}.group-menu .fmb svg:last-child{transform:rotate(90deg)}.group-menu{position:relative}.bar-menu{z-index:6;background:var(--panel);border-radius:var(--r-md);min-width:170px;box-shadow:var(--hi), var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;flex-direction:column;align-items:stretch;gap:2px;padding:6px;display:flex;position:absolute;bottom:48px;left:-8px}.bar-menu button{border-radius:var(--r-sm);color:var(--ink);background:0 0;border:0;justify-content:flex-start;padding:8px 16px;font-weight:400}.bar-menu button:hover:not(:disabled){background:var(--chip-hover);border-color:#0000}.bar-menu .muted{padding:4px 16px;font-size:12px}.island{z-index:10;border-radius:var(--r-xl);color:#fff;background:#000000e6;width:300px;max-width:calc(100vw - 24px);font-size:12px;position:fixed;top:8px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff1a}.island.open{background:#000;width:470px}.island .island-head{color:#fff;white-space:nowrap;background:0 0;border-radius:0;gap:8px;min-height:38px;padding:0 16px;font-weight:400}.island .island-head:hover:not(:disabled){color:#fff;background:#ffffff14}.island-head{border-radius:var(--r-xl);width:100%;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.island-head:hover:not(:disabled){background:#ffffff14}.island .dot{border-radius:50%;width:8px;height:8px}.dot.ok{background:var(--ok)}.dot.warn{background:#ffb340}.dot.own{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.dot.override{background:var(--override);border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.island-body{flex-direction:column;gap:10px;padding:4px 18px 16px;display:flex}.island-body h4{letter-spacing:.06em;text-transform:uppercase;color:#98a3bd;margin:0;font-size:11px}.island-body .hint{color:#98a3bd}.island-score{justify-content:space-between;align-items:center;gap:12px;display:flex}.island-big{font-size:34px;font-weight:700;line-height:1}.island-big small{color:#98a3bd;margin-left:4px;font-size:12px;font-weight:500}.island .issue{color:#eef1f6;background:#ffffff0f}.island button{color:#eef1f6;background:#ffffff14;border-color:#0000;border-radius:999px;padding:3px 10px;font-size:12px}.island button.link{color:#9ccbff;background:0 0;padding:0}.tabs{overscroll-behavior-x:contain;scrollbar-width:none;z-index:1;background:linear-gradient(var(--tabs), var(--tabs)), var(--panel);border-radius:999px;flex:none;gap:2px;margin-bottom:10px;padding:4px;display:flex;position:sticky;top:0;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--ink);white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1 0 auto;padding:6px 7px;font-weight:400}.tab:hover:not(:disabled){color:var(--ink);background:0 0}.tab.on{background:var(--tab-on);box-shadow:var(--tab-on-shadow)}.tab.on:hover:not(:disabled){background:var(--tab-on)}.panel-body{flex-direction:column;display:flex}.layers,.layers ul{margin:0;padding:0;list-style:none}.layers{padding:6px}.layer{border-radius:var(--r-sm);align-items:center;gap:2px;min-height:32px;font-size:13px;display:flex}.layer:hover{background:var(--chip)}.layer.on{background:var(--accent-soft)}.layer.off .layer-name{opacity:.45}.layer.board .layer-name{color:var(--ink);font-weight:600}.layer.board.on{background:0 0}.layer.board.on .layer-name{color:var(--accent-ink)}.layer-name{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;flex:1;justify-content:flex-start;gap:8px;padding:5px 6px}.layer-name:hover:not(:disabled){background:0 0}.layer-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer .icon-button{width:26px;height:26px;color:var(--faint);background:0 0;border:0}.layer .icon-button.act{color:var(--text)}.layer.removed .layer-label{text-decoration:line-through}.layer-tag{background:var(--chip);color:var(--muted);border-radius:4px;flex:none;padding:0 5px;font-size:10px;line-height:14px}.layer.removed .layer-name{cursor:default}.layer-restore{color:var(--accent-ink);flex:none;padding:3px 8px;font-size:12px}.layer .chev{width:20px}.chev .rot{display:inline-flex;transform:rotate(90deg)}.panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;grid-area:properties;min-height:0;display:flex;overflow:auto}.panel>p{margin:0;padding:12px}.context{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.context .pill{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-transform:uppercase;letter-spacing:.04em;border:0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.context.master .pill{color:var(--accent-ink);background:var(--accent-soft)}.context.variant .pill{color:var(--override);background:var(--override-soft)}.element-id{color:var(--muted);margin:0;padding:10px 12px 0;font-size:12px}.section{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:12px;display:flex}.section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:11px}.hide-order{flex-direction:column;gap:6px;display:flex}.hide-order h4{color:var(--muted);margin:4px 0 0;font-size:11px;font-weight:600}.hide-order-list,.hide-order-never{border:1px dashed var(--line);border-radius:6px;flex-direction:column;gap:2px;min-height:28px;margin:0;padding:4px;list-style:none;display:flex}.hide-order-list li,.hide-order-never li{background:var(--panel);cursor:grab;border-radius:4px;align-items:center;gap:6px;padding:2px 4px;font-size:12px;display:flex}.hide-order-list li.dragging{opacity:.4}.hide-order-list li.hint{cursor:default;background:0 0}.hide-order .layer-label{flex:1;min-width:0}.hide-order .icon-button{width:22px;height:22px;color:var(--faint);background:0 0;border:0}.hide-order .grip{color:var(--faint)}.hide-order-n{width:16px;color:var(--muted);font-variant-numeric:tabular-nums}.hide-order .hint .ghost{color:var(--accent-ink);margin-left:6px;padding:0 4px}.section p{margin:0}.app>.panel :is(.section,.field,.panel-body)>button:not(.primary,.icon-button,.reset){align-self:flex-start;min-height:28px;padding:4px 12px;font-size:12px}.app>.panel :is(.section,.field,.panel-body)>button.primary{align-self:stretch;min-height:32px}.field{flex-direction:column;gap:4px;display:flex}.field-label{justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.field-label .scrub{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.field:has(>input[role=switch]){grid-template-columns:1fr auto;align-items:center;column-gap:8px;display:grid}.field:has(>input[role=switch])>.hint{grid-column:1/-1;margin:0}.field.overridden .field-label span:first-child{color:var(--override)}.field.overridden input,.field.overridden select,.field.overridden textarea,.app>.panel .field.overridden input,.app>.panel .field.overridden select,.app>.panel .field.overridden textarea{background-color:var(--override-soft);box-shadow:inset 0 0 0 1px var(--override-line)}.reset{color:var(--override);border-color:var(--override-line);background:var(--surface);align-items:center;gap:4px;padding:1px 6px;font-size:11px;display:inline-flex}.row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.image-field{align-items:center;gap:8px;display:flex}.asset-id{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-size:12px;overflow:hidden}.file-button{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:6px;flex:none;padding:5px 10px}.file-button:hover{background:var(--bg)}.file-button:focus-within{box-shadow:var(--focus-ring)}.file-button.disabled{opacity:.4;cursor:default}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.segmented{border:1px solid var(--line-strong);border-radius:6px;display:flex;overflow:hidden}.segmented button{border:0;border-radius:0;flex:1}.segmented button+button{border-left:1px solid var(--line-strong)}.segmented button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.switch{align-items:center;gap:8px;font-weight:400;display:flex}.facts{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.frame,.hint{color:var(--muted);font-size:12px}.warn{color:var(--danger)}.error{color:var(--danger);margin:0;padding:0 12px}.import-busy{color:var(--muted);padding:0 12px}.banner{z-index:2;background:var(--surface);border:1px solid var(--danger);border-radius:var(--radius);padding:6px 12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.loading,.fatal{padding:24px}.suggestions{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.suggestions li{border-radius:6px;align-items:flex-start;gap:6px;display:flex}.suggestions li:hover,.suggestions li:focus-within{background:var(--accent-soft)}.skipped-item{cursor:default;border-radius:4px}.skipped-item:hover,.skipped-item:focus{background:var(--accent-soft);outline:none}.suggestion-target{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.suggestion-el{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);font-size:12px;overflow:hidden}.suggestion-actions{flex-direction:column;gap:4px;display:flex}.toolbar-switch{color:var(--muted);white-space:nowrap;font-size:12px}.modal-backdrop{z-index:10;background:var(--backdrop);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-radius:var(--r-xl);width:min(480px,100vw - 32px);max-height:calc(100vh - 64px);box-shadow:var(--hi), var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;flex-direction:column;gap:14px;padding:22px;display:flex;overflow:auto}.modal-backdrop.side{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;justify-content:flex-end}.modal-backdrop.side .modal{max-height:calc(100vh - 32px)}.modal h2{color:var(--ink);margin:0;font-size:21px;font-weight:700}.modal>label:not([class]){color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.modal>label:not([class]) :is(input,select,textarea){color:var(--ink);font-size:14px}.modal>.field>.field-label{color:var(--muted);font-weight:400}.boards{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.boards legend{margin-bottom:6px;font-size:12px;font-weight:600}.boards .hint{margin-left:auto}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions button,.modal-actions button.primary{border:0;min-height:36px;padding:8px 16px;font-weight:400}.modal-actions .spacer{flex:1}.focal-modal{width:min(640px,100vw - 32px)}.focal-frame{touch-action:none;-webkit-user-select:none;user-select:none;align-self:center;position:relative}.focal-frame img{max-width:100%;max-height:60vh;display:block}.focal-box{cursor:move;border:2px solid #ff4d4f;position:absolute;box-shadow:0 0 0 9999px #10101073}.focal-handle{background:#fff;border:2px solid #ff4d4f;border-radius:2px;width:12px;height:12px;position:absolute}.focal-handle.nw{cursor:nwse-resize;top:-7px;left:-7px}.focal-handle.ne{cursor:nesw-resize;top:-7px;right:-7px}.focal-handle.sw{cursor:nesw-resize;bottom:-7px;left:-7px}.focal-handle.se{cursor:nwse-resize;bottom:-7px;right:-7px}button{font:inherit;border:1px solid var(--line);background:var(--chip);color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}button:hover:not(:disabled){background:var(--soft);border-color:var(--line-strong);color:var(--ink)}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);outline:none}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}button.ghost{background:0 0;border-color:#0000}button.small{padding:2px 8px;font-size:12px}button.danger-fill{background:var(--danger-fill);border-color:var(--danger-fill);color:#fff;font-weight:600}.icon-button{border-radius:50%;width:30px;height:30px;padding:5px}.icon-button.on{color:var(--accent-ink);background:var(--accent-soft);border-color:var(--accent)}.icon-button.danger:hover{color:var(--danger)}.danger-button{color:var(--danger);align-self:flex-start}:is(select,textarea,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])){font:inherit;border-radius:var(--r-md);background-color:var(--field);min-height:36px;color:var(--ink);width:100%;min-width:0;box-shadow:var(--field-line);border:0;padding:7px 11px}:is(select,textarea,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])):hover{box-shadow:var(--field-line-hover)}:is(select,textarea,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus{box-shadow:var(--field-focus);outline:none}.app>.panel :is(select,textarea,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])){border-radius:var(--r-sm);background-color:var(--field-panel);min-height:32px;box-shadow:none;padding:5px 8px;font-size:13px}.app>.panel :is(select,textarea,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])):hover{box-shadow:var(--field-line)}.app>.panel :is(select,textarea,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus{box-shadow:inset 0 0 0 1px var(--accent)}::placeholder{color:var(--faint)}select:not([multiple]){appearance:none;background-image:var(--chevron);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-right:30px;overflow:hidden}.app>.panel select:not([multiple]){background-position:right 8px center;padding-right:26px}select:disabled,input:disabled,textarea:disabled{opacity:.5;cursor:default}input[type=number]{appearance:textfield;font-variant-numeric:tabular-nums}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}textarea{resize:vertical;min-height:72px;line-height:1.4}input[type=color]{height:30px;padding:2px}input[type=range]{accent-color:var(--primary)}input[type=checkbox],input[type=radio]{appearance:none;width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--check-line);cursor:pointer;background:0 0;flex:none;margin:0;padding:0;transition:background .12s,box-shadow .12s;position:relative}input[type=checkbox]{border-radius:4px}input[type=radio]{border-radius:50%}input[type=checkbox]:hover,input[type=radio]:hover{box-shadow:inset 0 0 0 1.5px var(--muted)}input[type=checkbox]:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;transition:transform .12s;position:absolute;top:2px;left:5px;transform:rotate(45deg)scale(0)}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--primary);box-shadow:none}input[type=checkbox]:checked:after{transform:rotate(45deg)scale(1)}input[type=radio]:checked{box-shadow:inset 0 0 0 4px var(--primary);background:#fff}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{box-shadow:var(--focus-ring)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.4;cursor:default}input[type=checkbox][role=switch]{background:var(--chip-hover);width:28px;height:16px;box-shadow:none;border-radius:999px}input[type=checkbox][role=switch]:after{background:#fff;border:0;border-radius:50%;width:12px;height:12px;transition:left .12s;top:2px;left:2px;transform:none}input[type=checkbox][role=switch]:checked{background:var(--primary)}input[type=checkbox][role=switch]:checked:after{left:14px;transform:none}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:28px;font-size:12px;font-weight:600;display:flex}.toggle>span{min-width:0}a.button{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);align-items:center;padding:5px 10px;text-decoration:none;display:inline-flex}.choices{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.choice{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.choice.on{border-color:var(--accent);background:var(--accent-soft)}.choice input{margin-top:3px}.choice b{color:var(--ink);font-weight:600;display:block}.checks{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.checks legend{margin-bottom:6px}.check{border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12px;display:inline-flex}.brand-version-preview{flex-direction:column;gap:6px;display:flex}.brand-version-head{justify-content:space-between;align-items:center;font-size:12px;display:flex}.brand-version-strip{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.brand-version-thumb{color:var(--muted);flex-direction:column;flex:none;align-items:center;gap:4px;margin:0;font-size:11px;display:flex}.brand-version-thumb img,.brand-version-wait{max-width:140px;max-height:110px;box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;display:block}.brand-version-wait{background:var(--line);opacity:.5;width:110px;height:80px}.alternatives{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px;display:grid}.alternative{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:6px;display:flex}.alternative img{border:1px solid var(--line);max-width:104px;max-height:104px}.alternative.applied{border-color:var(--accent);background:var(--accent-soft)}.alt-label{font-size:12px;font-weight:600}.alt-score{color:var(--muted);font-size:11px}.anchor-grid{border-radius:var(--r-sm);background:var(--field-panel);grid-template-rows:repeat(3,20px);grid-template-columns:repeat(3,20px);width:max-content;padding:4px;display:grid}.anchor-grid button{cursor:pointer;background:0 0;border:0;border-radius:4px;width:20px;height:20px;padding:0;position:relative}.anchor-grid button:after{content:"";background:var(--faint);border-radius:50%;width:4px;height:4px;margin:auto;transition:all .12s;position:absolute;inset:0}.anchor-grid button:hover:not(:disabled){background:var(--chip-hover);border:0}.anchor-grid button:hover:after{background:var(--ink)}.anchor-grid button[aria-pressed=true]:after{background:var(--accent);border-radius:3px;width:10px;height:10px}.learned,.design{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;font-size:12px;list-style:none;display:flex}.design-row{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.confidence{background:var(--chip);color:var(--muted);border-radius:999px;margin-left:auto;padding:0 6px;font-size:11px}.confidence-high,.confidence-defined{background:var(--ok-soft);color:var(--ok)}.confidence-medium{background:var(--warn-soft);color:var(--warn-ink)}.overlay-toggles{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.overlay-toggles .toggle{font-weight:400}.grid-editor{grid-template-columns:1fr 1fr;gap:6px;font-size:12px;display:grid}.grid-editor label{flex-direction:column;gap:2px;display:flex}.grid-editor input{width:100%}.grid-actions{grid-column:1/-1;gap:6px;display:flex}.issues{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;font-size:12px;list-style:none;display:flex}.issue{border-radius:var(--r-sm);background:var(--chip);border-left:3px solid var(--faint);padding:8px 10px}.issue-error{background:var(--danger-soft);border-left-color:var(--danger)}.issue-suggestion{background:var(--warn-soft);border-left-color:#e0a100}.issue-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.count{color:var(--warn-ink);font-size:12px;font-weight:400}.count-error{color:var(--danger)}.notice{z-index:4;color:#fff;background:#1b1b1f;border-radius:8px;margin:0;padding:6px 12px;font-size:12px;position:absolute;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.notice .muted{color:#b8bcc6}.scale-steps{flex-wrap:wrap;gap:4px;margin:4px 0 8px;display:flex}.scale-steps .step{border-radius:4px;padding:1px 6px;font-size:11px}.scale-steps .step.on{background:var(--accent);color:#fff}.scale-steps .step.near{outline:1px dashed var(--accent)}.preflight{border:1px solid var(--danger);border-radius:var(--r-sm);background:var(--danger-soft);max-height:280px;margin-bottom:8px;padding:8px;font-size:12px;overflow:auto}.alt-review{font-size:10px;display:block}.brands{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.brands li{align-items:center;gap:8px;display:flex}.swatches{gap:2px;display:inline-flex}.swatch{border:1px solid #0002;border-radius:3px;width:14px;height:14px;display:inline-block}.brand-editor{max-height:85vh;overflow:auto}.brand-editor h3{margin:12px 0 4px;font-size:13px}.file-button{border:1px solid var(--line-strong);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:12px;display:inline-block;position:relative}.file-button input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.score{border-radius:999px;margin-left:6px;padding:0 7px;font-size:11px;font-weight:600;display:inline-block}.score-good{background:var(--ok-soft);color:var(--ok)}.score-fair{background:var(--warn-soft);color:var(--warn-ink)}.score-poor{background:var(--danger-soft);color:var(--danger)}.score-components{flex-wrap:wrap;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.app>.panel .analysis .section{border-bottom:1px solid var(--line);margin:0;padding:14px 0}.app>.panel .analysis .section:last-child{border-bottom:0}.analysis .section h3{color:var(--muted);font-weight:400}.analysis .brand-score h3{text-transform:none;letter-spacing:normal;color:var(--ink);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.analysis .issue{border-radius:var(--r-md);color:var(--ink);background:#ffffff0a;border:0;padding:12px;font-size:13px}.analysis .issue>div:first-child:before{content:"";background:var(--faint);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.analysis .issue-error>div:first-child:before{background:var(--danger)}.analysis .issue-suggestion>div:first-child:before{background:#e0a100}.analysis .issue-actions{margin-top:8px}.analysis .issue-actions button{border:0;padding:6px 12px;font-weight:400}.analysis .issue-actions :is([data-testid^=fix-],[data-testid^=score-fix-]){background:var(--accent);color:#fff}:root[data-theme=light] .analysis .issue{background:#1018280a}.color-map{border-collapse:collapse;width:100%;margin:8px 0}.color-map th{text-align:left;vertical-align:top;width:9rem;padding:6px 8px 6px 0;font-weight:600}.color-map td{border-top:1px solid var(--line);padding:6px 0}.map-option{align-items:center;gap:6px;padding:2px 0;display:flex}.map-option.low{opacity:.6}.asset-thumb{text-align:center;border:1px solid #0002;border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:9px;display:inline-flex;position:relative;overflow:hidden}.asset-thumb img{object-fit:contain;width:100%;height:100%}.asset-thumb-clip{color:#fff;pointer-events:none;background:#000b;border-radius:3px;padding:0 4px;font-size:10px;line-height:1.5;position:absolute;bottom:3px;left:3px}.thumb-grid{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.thumb-cell{position:relative}.thumb-cell button{border-radius:50%;padding:0 5px;line-height:1.2;position:absolute;top:-6px;right:-6px}.motion-app{grid-template:"bar properties""formats properties""insert properties""stage properties"1fr"timeline timeline"/1fr 300px;height:100%;display:grid}.insert-bar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;grid-area:insert;align-items:center;gap:6px;padding:6px 12px;display:flex}.clip-loading{z-index:2;color:#fff;pointer-events:none;background:#000a;border-radius:10px;padding:2px 10px;font-size:13px;position:absolute;top:12px;left:16px}.format-bar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;grid-area:formats;align-items:center;gap:6px;padding:6px 12px;display:flex}.format-bar .chip{border:1px solid var(--line);background:var(--chip);border-radius:999px;align-items:center;display:inline-flex}.format-bar .chip button,.format-bar>.chip{background:0 0;border:0;padding:3px 8px;font-size:12px}.format-bar>button.chip{border:1px solid var(--line);background:var(--chip);border-radius:999px}.format-bar .chip.current{outline:2px solid var(--accent)}.format-add{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.format-add input{width:72px}.motion-stage{background:var(--stage);grid-area:stage;min-height:0;position:relative}.motion-stage canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.timeline{border-top:1px solid var(--line);background:var(--panel);grid-area:timeline;gap:8px;padding:8px 12px;display:grid}.timeline-play{align-items:center;gap:10px;display:flex}.timeline-play input[type=range]{flex:1}.timeline-frames{align-items:center;gap:6px;display:flex;overflow-x:auto}.timeline-slot{align-items:center;gap:6px;display:flex}.transition-chip{color:var(--muted);white-space:nowrap;font-size:11px}.frame-card{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);gap:2px;padding:4px;font-size:11px;display:grid}.frame-card img{object-fit:contain;background:var(--stage);width:96px;height:96px}.frame-card.current{outline:2px solid var(--accent)}.timeline-edit{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.timeline-actions{gap:6px;display:flex}.frame-inputs{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.frame-inputs input{width:100%}.easing-editor{gap:6px;display:grid}.easing-numbers{flex-wrap:wrap;gap:6px;display:flex}.easing-numbers input{width:64px}.easing-curve{background:var(--soft);border:1px solid var(--line);border-radius:4px}.easing-box{fill:none;stroke:#0001}.easing-arm{stroke:#999;stroke-dasharray:3 3}.easing-path{fill:none;stroke:var(--accent);stroke-width:2px}.easing-handle{fill:#fff;stroke:var(--accent);stroke-width:2px;cursor:grab}.color-field{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.order-buttons{flex-wrap:wrap;gap:4px;display:flex}.color-field{position:relative}.color-chip{z-index:1;width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;border:0;border-radius:6px;flex:none;padding:0;position:absolute;top:6px;left:6px}.app>.panel .color-chip{border-radius:5px;width:22px;height:22px;top:5px;left:5px}input.color-hex,.app>.panel input.color-hex{text-transform:uppercase;flex:120px;padding-left:38px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app>.panel input.color-hex{padding-left:34px}.color-field>.brand-swatches{flex-basis:100%}.color-picker{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);width:240px;box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.color-picker-head{align-items:center;gap:4px;display:flex}.color-picker-head b{flex:1;font-size:12px}.color-sv{cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:6px;height:140px;position:relative}.color-hue{cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px;position:relative}.color-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #0006}.color-hue .color-thumb{top:50%}.color-inputs{gap:6px;display:flex}.color-inputs label{color:var(--muted,inherit);align-items:center;gap:3px;font-size:11px;display:flex}.color-inputs input{width:48px}.brand-swatches{flex-wrap:wrap;gap:4px;display:flex}.swatch-button{cursor:pointer;border:1px solid #0003;border-radius:4px;width:20px;height:20px;padding:0}.swatch-button.current{outline:2px solid var(--accent);outline-offset:1px}.brand-link{color:var(--muted,inherit);flex-basis:100%;align-items:center;gap:4px;font-size:11px;display:flex}.brand-link button{padding:0 4px;font-size:11px}.judge{max-width:1400px;height:100%;margin:0 auto;padding:16px 24px 48px;overflow:auto}.judge-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.judge-header>a{color:var(--text);font-weight:600;text-decoration:none}.judge-header nav{gap:16px;display:flex}.judge-rounds{gap:8px;padding:0;list-style:none;display:grid}.judge-rounds li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:baseline;gap:16px;padding:10px 14px;display:flex}.judge-rounds li span{color:var(--muted);flex:1}.judge-name{align-items:end;gap:8px;display:flex}.judge-name label{gap:4px;display:grid}.judge-progress{color:var(--muted);align-items:center;gap:8px;display:flex}.judge-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0}.judge-question{font-size:15px}.judge-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.judge-side{background:var(--stage);border-radius:var(--radius);cursor:pointer;border:2px solid #0000;align-content:start;justify-items:center;gap:8px;padding:16px;display:grid}.judge-side:hover,.judge-side:focus-visible{border-color:var(--accent)}.judge-side img{object-fit:contain;background:var(--surface);max-width:100%;max-height:62vh;box-shadow:0 1px 4px #0002}.judge-actions{justify-content:center;margin:12px 0;display:flex}.judge-reasons{border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;gap:6px 16px;display:flex}.judge-reasons label{align-items:center;gap:4px;display:flex}.judge-error{color:var(--danger)}.judge-muted,.judge-empty{color:var(--muted)}.judge-verdict{font-size:16px;font-weight:600}.judge-results table{border-collapse:collapse;background:var(--surface);margin:16px 0}.judge-results th,.judge-results td{border:1px solid var(--line);text-align:left;padding:4px 10px}.judge-regression td{color:var(--danger)}.judge-reference{align-items:center;gap:16px;margin-bottom:12px;display:flex}.judge-reference img{object-fit:contain;background:var(--surface);max-width:280px;max-height:160px;box-shadow:0 1px 4px #0002}.feedback{flex-direction:column;gap:8px;display:flex}.feedback-actions{gap:8px;display:flex}.feedback-suspects{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.feedback textarea{resize:vertical;min-height:56px;font:inherit}.feedback .alternatives{grid-template-columns:repeat(3,1fr)}.feedback .alternative img{max-width:72px;max-height:72px}.feedback .alternative[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.feedback-issues{margin:0;padding-left:16px;font-size:12px}.feedback-issues button{margin-left:6px}.feedback .chips,.element-issues .chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.feedback .chip,.element-issues .chip{border:1px solid var(--line);background:var(--chip);border-radius:999px;padding:2px 8px;font-size:12px}.feedback .chip[aria-pressed=true],.element-issues .chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.element-issues{flex-direction:column;gap:4px;margin:4px 0 8px;display:flex}.feedback-ask,.feedback-example{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);flex-direction:column;gap:6px;padding:8px;font-size:12px;display:flex}.feedback-download{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:8px;display:flex}.adjusted-dot{background:var(--override);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.field-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.field .field-label{flex-wrap:wrap;gap:8px}.badge.muted-badge{color:var(--muted);background:var(--bg)}.link-banner{border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);justify-content:space-between;align-items:center;gap:8px;margin:8px 12px 0;padding:8px 10px;font-size:12px;display:flex}.link-banner strong{color:var(--ink);font-weight:600}.field-label .muted-badge{margin-left:auto}.import-report{width:min(480px,100vw - 32px)}.report-group h3{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 6px;font-size:11px;font-weight:600}.report-rows{border:1px solid var(--line);border-radius:var(--radius);max-height:180px;margin:0;padding:0;list-style:none;overflow:auto}.report-rows li{color:var(--ink);justify-content:space-between;gap:8px;padding:6px 10px;font-size:12px;display:flex}.report-rows li+li{border-top:1px solid var(--line)}.report-warning{color:var(--override)!important}.tag{background:var(--bg);color:var(--muted);border-radius:4px;padding:1px 6px;font-size:11px}.badge{color:var(--override);background:var(--override-soft);border-radius:999px;padding:0 7px;font-size:11px;display:inline-block}.motion-app .panel{grid-area:properties}.library-shell{grid-template-columns:292px minmax(0,1fr);min-height:100%;display:grid}.library-nav{border-radius:var(--r-xl);background:var(--glass);height:calc(100vh - 80px);box-shadow:var(--hi);align-self:start;margin:12px 0 12px 12px;padding:14px;position:sticky;top:12px}.library-nav b{color:var(--ink);padding:2px 12px 10px;display:block}.library-nav [role=tablist]{flex-direction:column;gap:2px;display:flex}.library-nav button{border-radius:var(--r-sm);width:100%;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:flex-start;padding:8px 16px;font-weight:400}.library-nav button:hover:not(:disabled){background:var(--chip-hover)}.library-nav button.on,.library-nav button.on:hover:not(:disabled){background:var(--nav-on)}.library-shell>.library{width:100%;max-width:none;margin:0;padding:12px 20px 24px}.crumb.back{color:var(--accent-ink);margin-left:8px}.brand-cover{position:relative}.brand-cover-name{color:var(--ink);mix-blend-mode:difference;filter:invert();font-size:18px}.badge.ok{color:var(--ok);background:var(--ok-soft)}.brand-screen{grid-template-columns:292px minmax(0,1fr);align-items:start;display:grid}.brand-nav{border-radius:var(--r-xl);background:var(--glass);height:calc(100vh - 80px);box-shadow:var(--hi);flex-direction:column;margin:12px 0 12px 12px;padding:14px;display:flex;position:sticky;top:12px}.brand-nav-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;padding:2px 12px 10px;font-size:14px;line-height:1.45;overflow:hidden}.brand-nav button{border-radius:var(--r-sm);color:var(--ink);text-align:left;background:0 0;border:0;justify-content:flex-start;margin-bottom:2px;padding:8px 16px;font-weight:400}.brand-nav button:hover:not(:disabled){background:var(--chip-hover);color:var(--ink)}.brand-nav button.on,.brand-nav button.on:hover:not(:disabled){background:var(--nav-on);color:var(--ink)}.brand-main{flex-direction:column;gap:16px;width:100%;min-width:0;max-width:1040px;margin:12px auto 0;padding:12px 8px 24px;display:flex}.brand-head{margin:6px 2px}.brand-head h1{letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;font-size:30px}.brand-head p{color:var(--muted);margin:0;font-size:15px}.brand-field{flex-direction:column;gap:8px;display:flex}.brand-field-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.brand-field-label{color:var(--ink);font-weight:600}.brand-label{color:var(--text);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.brand-text{resize:vertical;width:100%;font:inherit;line-height:1.5}.brand-text.tall{min-height:160px}.brand-card{border-radius:var(--r-lg);background:var(--glass);box-shadow:var(--hi);text-align:left;color:var(--ink);border:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:12px;font-size:14px;font-weight:400;display:flex}.brand-card b{color:var(--ink)}.brand-card:not(.static):hover:not(:disabled){background:var(--chip-hover)}.brand-card-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand-card-top h1{color:var(--ink);margin:0;font-size:24px}.brand-card-body{min-width:0;display:block}.brand-upload{align-items:flex-start}.brand-upload p{margin:0}.brand-overview{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.brand-chips{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--soft);flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.brand-chips.static{background:0 0;border:0;padding:0}.brand-chips input{min-width:180px;box-shadow:none;background:0 0;border:0;flex:1}.brand-chip{background:var(--chip);color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;display:inline-flex}.brand-chip button{color:var(--muted);background:0 0;border:0;padding:0}.brand-suggestions{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.brand-suggestions button{border-radius:999px;padding:3px 10px;font-size:12px}.brand-rows{flex-direction:column;gap:8px;display:flex}.brand-row{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.brand-row input[type=number]{width:64px}.brand-row select{width:auto}.brand-font-sample{flex-direction:column;min-width:120px;display:flex}.brand-font-sample b{color:var(--ink);font-size:18px}.brand-manual{border-top:1px dashed var(--line);flex-basis:100%;padding-top:8px}.brand-manual summary{cursor:pointer;color:var(--muted);font-size:13px}.brand-manual-body{padding-top:10px}.brand-manual-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.brand-manual-field{flex-wrap:wrap;align-content:start;align-items:center;gap:6px 12px;font-size:13px;display:flex}.brand-manual-field>span:first-child{color:var(--ink);flex-basis:100%;font-weight:500}.brand-manual-field .hint{flex-basis:100%}.brand-manual-preview{border-radius:var(--r-sm);background:var(--soft);grid-column:1/-1;padding:10px 12px;font-size:12px}.brand-manual-preview p{color:var(--ink);margin:2px 0 8px;font-size:22px}.brand-anchors{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--soft);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;width:168px;padding:6px;display:grid}.brand-anchors button{border:1px dashed var(--line);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.brand-anchors button.on{border-style:solid;border-color:var(--accent)}.brand-grid-previews{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:12px;display:flex}.brand-grid-preview{color:var(--muted);flex-direction:column;gap:6px;margin:0;font-size:12px;display:flex}.brand-grid-preview .sheet{fill:var(--surface);stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.brand-grid-preview .safe{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.brand-grid-preview .col{fill:var(--accent);opacity:.08}.brand-grid-preview .col.odd{opacity:.18}.brand-manual-stack{flex-direction:column;gap:18px;display:flex}.brand-source input{flex:240px;max-width:420px}.issue-source{color:var(--muted);font-size:12px}.brand-pairs{border-collapse:collapse;font-size:13px}.brand-pairs th,.brand-pairs td{text-align:left;white-space:nowrap;padding:4px 8px;font-weight:400}.brand-pairs thead th{color:var(--muted);font-size:12px}.brand-inks{border-collapse:collapse;font-size:13px}.brand-inks th,.brand-inks td{text-align:left;white-space:nowrap;padding:4px 6px;font-weight:400}.brand-inks thead th{color:var(--muted);font-size:12px}.brand-inks input[type=number]{width:4.5em}.brand-inks .brand-color-swatch{vertical-align:middle;width:14px;height:14px;display:inline-block}.brand-pair{opacity:.25;width:44px;height:32px;box-shadow:inset 0 0 0 1px var(--line);border:2px solid #0000;border-radius:6px;padding:0;font-weight:700}.brand-pair.on{opacity:1;border-color:var(--accent)}.brand-pair:disabled{opacity:.1}.brand-share{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px 12px;display:flex}.brand-share input[type=number]{width:64px}.brand-share>label:first-child{min-width:130px}.brand-share-dot{width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--line);border-radius:3px;display:inline-block}.brand-share-bar{border-radius:var(--r-sm);height:28px;box-shadow:inset 0 0 0 1px var(--line);flex-basis:100%;display:flex;overflow:hidden}.brand-share-bar .rest{background:repeating-linear-gradient(45deg, transparent 0 6px, var(--line) 6px 7px)}.brand-gradient{border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;flex-basis:100%;gap:8px;padding:10px;display:flex}.brand-gradient-strip{border-radius:var(--r-sm);height:40px;box-shadow:inset 0 0 0 1px var(--line);display:block}.brand-gradient-head,.brand-gradient-stop{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.brand-gradient-head>input{flex:160px}.brand-gradient input[type=number]{width:64px}.brand-gradient>button{align-self:flex-start}.gradient-field,.gradient-editor{flex-direction:column;gap:8px;display:flex}.gradient-editor .brand-gradient-strip{height:24px}.gradient-angle,.gradient-stop{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.gradient-angle input,.gradient-stop>input[type=number]{width:64px}.gradient-editor>button{align-self:flex-start}.stroke-field{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.stroke-field>input[type=number]{width:64px}.brand-colors{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.brand-color{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-direction:column;gap:8px;padding:10px;display:flex;position:relative}.brand-color-swatch{border-radius:var(--r-sm);height:72px;box-shadow:inset 0 0 0 1px var(--line);display:block}.brand-color .icon-button{background:var(--panel);position:absolute;top:14px;right:14px}.brand-color.add{min-height:150px;color:var(--muted);background:0 0;border-style:dashed;justify-content:center;align-items:center}.brand-strip{border-radius:var(--r-sm);height:40px;box-shadow:inset 0 0 0 1px var(--line);display:flex;overflow:hidden}.brand-strip span{flex:1}.brand-thumbs{flex-wrap:wrap;gap:6px;display:flex}.brand-assets{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.brand-asset{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-direction:column;gap:6px;padding:8px;display:flex}.brand-asset-thumb{background:0 0;border:0;justify-content:center;padding:0;display:flex}.brand-asset .icon-button{align-self:flex-end}.brand-zoom{max-width:min(640px,92vw)}.brand-button{box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-self:flex-start;padding:8px 20px;font-weight:600;display:inline-block}.brand-palette-title{color:var(--muted);margin:20px 0 10px;font-size:13px;font-weight:600}.brand-palette-title:first-child{margin-top:0}.brand-palette-edit{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin:20px 0 12px;padding-top:16px;display:flex}.brand-palette-head{align-items:center;gap:10px;display:flex}.brand-palette-head input{flex:1;min-width:0}.brand-style-radius{align-items:center;gap:10px;display:inline-flex}.brand-palette+.brand-palette{margin-top:6px}@media (width<=760px){.brand-screen{grid-template-columns:minmax(0,1fr);padding:16px}.brand-main{margin-top:0;padding:12px 0 0}.brand-head h1{font-size:24px}.brand-nav{flex-direction:row;height:auto;margin:0;position:static;overflow-x:auto}.brand-nav-title{display:none}.brand-nav button{flex:none}}.login{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;position:relative}.login-card{background:var(--panel);border-radius:var(--r-xl);width:min(400px,100%);box-shadow:var(--hi), var(--shadow);border:0;flex-direction:column;padding:26px;display:flex}.login-card h1{color:var(--ink);margin:0 0 12px;font-size:28px}.login-card p{margin:0 0 4px}.login-card label{color:var(--muted);flex-direction:column;gap:4px;margin-top:12px;font-size:12px;display:flex}.login-card label input{font-size:14px}.login-card button.primary{border:0;min-height:36px;margin-top:18px;padding:8px 16px;font-weight:400}.login-card button:not(.primary){min-height:36px;margin-top:8px;padding:8px 16px}.login-brand{position:absolute;top:12px;left:20px}.login-card .error{margin-top:12px}.project-thumb{color:var(--muted)}.piece-thumb img.project-cover{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none}.search{min-width:200px}.avatar{background:var(--avatar);color:#fff;border:0;border-radius:50%;width:34px;height:34px;padding:0;font-size:12px;font-weight:600}.avatar:hover:not(:disabled){background:var(--avatar);color:#fff}.save-state{background:var(--chip);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px}.save-state.conflict,.save-state.invalid{background:var(--danger-soft,var(--chip));color:var(--danger)}.save-state .link{margin-left:6px}.save-state:is(.saved,.pending,.saving){background:0 0;align-items:center;gap:6px;margin-right:4px;padding:0;font-size:12px;display:inline-flex}.save-state:is(.saved,.pending,.saving) svg{color:var(--ink)}.modal.settings{gap:16px;width:min(860px,100vw - 32px);min-height:min(520px,100vh - 64px);padding:26px}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings-head .icon-button{width:36px;height:36px;color:var(--ink);background:0 0;border:0;padding:0;font-weight:400}.settings-body{grid-template-columns:180px 1fr;gap:28px;min-width:0;display:grid}.settings-nav{flex-direction:column;gap:2px;display:flex}.settings-nav button{text-align:left;border-radius:var(--r-sm);min-height:36px;color:var(--ink);background:0 0;border:0;justify-content:flex-start;padding:8px 16px;font-weight:400}.settings-nav button.on,.settings-nav button.on:hover:not(:disabled){background:var(--nav-on);color:var(--ink)}.settings-pane{flex-direction:column;gap:12px;min-width:0;display:flex}.settings-pane h3{color:var(--ink);margin:0;font-size:18px}.settings-pane h4{color:var(--ink);margin:0;font-size:13px}.settings-pane .field-label{color:var(--muted);font-weight:400}.settings-pane .seg{background:#00000038;align-self:flex-start;gap:0;padding:4px;box-shadow:inset 0 0 0 1px #ffffff0d}.settings-pane .seg button{min-height:36px;padding:8px 16px;font-weight:400}.settings-pane .seg button[aria-checked=true],.settings-pane .seg button[aria-pressed=true]{box-shadow:none;background:#ffffff1c}:root[data-theme=light] .settings-pane .seg{box-shadow:none;background:#1018280f}:root[data-theme=light] .settings-pane .seg button[aria-checked=true],:root[data-theme=light] .settings-pane .seg button[aria-pressed=true]{background:#fff;box-shadow:0 1px 2px #10182829}.settings-form{flex-direction:column;gap:12px;display:flex}.settings-form button{align-self:flex-start}.settings-pane :is(.settings-form,.settings-section,.settings-inline)>button{border:0;min-height:36px;padding:8px 16px;font-weight:400}.settings-section{border-top:1px solid var(--line);padding-top:14px}.settings-section.integration{flex-direction:column;gap:10px;display:flex}.settings-section.integration ol{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.5}.connected-ais{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.connected-ais li{justify-content:space-between;align-items:center;gap:12px;display:flex}.integration-note{border-radius:var(--r-sm);background:var(--nav-on);margin:0;padding:10px 12px;font-size:13px}.settings-inline{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.settings-inline .grow,.settings-inline input[readonly]{flex:1;min-width:180px}.settings-inline>select{flex:none;width:auto}.settings-table{border-collapse:collapse;width:100%}.settings-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 4px}.settings-table strong{color:var(--ink);font-weight:400}.settings-sub{font-size:12px;display:block}.settings-role{width:130px}.settings-act{text-align:right;white-space:nowrap}.settings-act .link+.link{margin-left:12px}.danger-link{color:var(--danger)}.ok{color:var(--accent-ink);margin:0}.invite-link{border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.modal .error{padding:0}@media (width<=640px){.settings-body{grid-template-columns:1fr;gap:16px}.settings-nav{flex-direction:row;overflow-x:auto}.settings-nav button{flex:none}.settings-role{width:auto}}.st-approved{--st:var(--ok)}.st-in_review{--st:var(--override)}.st-in_progress{--st:var(--accent)}.st-rejected{--st:var(--danger)}.status-dot{background:var(--st);border-radius:50%;flex:none;width:8px;height:8px}.status-text{color:var(--st);white-space:nowrap;font-size:11px}.piece-status{background:var(--badge);box-shadow:var(--badge-line);color:var(--badge-ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:7px;padding:5px 11px 5px 9px;font-size:12px;font-weight:500;line-height:1;display:inline-flex;position:absolute;top:16px;left:16px}.comment-pins{pointer-events:none;position:absolute;inset:0;overflow:clip}.pin{pointer-events:auto;background:var(--primary);color:#fff;width:28px;height:28px;box-shadow:var(--shadow);border:2px solid #fff;border-radius:50% 50% 50% 0;padding:0;font-size:11px;font-weight:700;transition:transform .15s;position:absolute;transform:translateY(-100%)}.pin:hover:not(:disabled){background:var(--primary-hover);color:#fff;border-color:#fff;transform:translateY(-100%)scale(1.1)}.pin.resolved{opacity:.55}.pin.draft{background:var(--surface);color:var(--ink);border-color:var(--line-strong);justify-content:center;align-items:center;display:inline-flex}.pin-pop{pointer-events:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:min(300px,86vw);box-shadow:var(--shadow);color:var(--text);z-index:2;padding:12px;position:absolute;transform:translate(36px,-28px)}.thread{flex-direction:column;gap:10px;display:flex}.thread-head,.message-head,.comment-meta{align-items:center;gap:6px;display:flex}.thread .grow,.message-head .grow{flex:1}.thread .icon-button{width:26px;height:26px}.chip{background:var(--chip);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;display:inline-flex}.avatar.sm{border:1px solid var(--accent);flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;display:inline-flex}.message{position:relative}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:4px 0 0 28px}.message-menu{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow);z-index:3;flex-direction:column;padding:4px;display:flex;position:absolute;top:28px;right:0}.message-menu button{border-radius:var(--r-xs);background:0 0;border:0;justify-content:flex-start}.message-menu button.danger{color:var(--danger)}.mention{color:var(--accent-ink);font-weight:600}.mention-box{position:relative}.mention-row{align-items:flex-end;gap:6px;display:flex;position:relative}.mention-row textarea,.app>.panel .mention-row textarea{resize:vertical;border-radius:var(--r-md);background:var(--field);min-height:34px;max-height:140px;box-shadow:var(--field-line);color:var(--ink);font:inherit;border:0;flex:1;padding:8px 40px 8px 12px}.mention-send,.mention-send.icon-button{border:0;width:28px;height:28px;padding:0;font-weight:400;position:absolute;top:4px;right:4px}.mention-list{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow);z-index:3;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0}.mention-list button{border-radius:var(--r-xs);background:0 0;border:0;justify-content:flex-start;width:100%}.mention-list button.on{background:var(--accent-soft);color:var(--accent-ink)}.comment-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.comment-card{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--soft);position:relative}.comment-card.on{border-color:var(--accent)}.comment-card.resolved{opacity:.6}.comment-card.resolved .comment-body{color:var(--muted)}.comment-open{border-radius:var(--r-sm);text-align:left;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:6px;width:100%;padding:10px 44px 10px 10px;font-weight:400;display:flex}.comment-body{color:var(--ink);overflow-wrap:anywhere}.comment-resolve{width:26px;height:26px;position:absolute;top:8px;right:8px}.pin-pop.bare{width:min(260px,86vw);box-shadow:none;color:var(--ink);background:0 0;border:0;padding:0;font-size:13px}.pin-pop.bare .mention-row textarea{border:1px solid var(--accent);background:var(--bubble);color:var(--ink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:7px 40px 7px 12px;font-size:13px;line-height:20px}.pin-pop.left{transform:translate(calc(-100% - 8px),-28px)}.pin-pop.up{transform:translate(36px,calc(8px - 100%))}.pin-pop.left.up{transform:translate(calc(-100% - 8px),calc(8px - 100%))}.chip.warn{background:var(--warn-soft);color:var(--warn-ink)}.chip.decided-approved{background:var(--ok-soft);color:var(--ok)}.chip.decided-rejected{background:var(--danger-soft);color:var(--danger)}.chip.decided-changes{background:var(--accent-soft);color:var(--accent-ink)}.approval-block{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--soft);flex-direction:column;align-items:flex-start;gap:6px;padding:10px;display:flex}.approval-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.approval-title{color:var(--ink);font-size:12px;font-weight:600}.approval-actions{flex-wrap:wrap;gap:6px;display:flex}.approval-button{background:var(--glass);color:var(--ink);border:0;border-radius:12px;padding:10px 8px;font-size:13px;font-weight:600}.section h3.request-title{text-transform:none;letter-spacing:normal;color:var(--ink);font-size:17px;font-weight:700}.request-actions-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.app>.panel .request-actions-row select{background-color:var(--glass);border-radius:12px;min-width:0;min-height:38px;padding:10px 26px 10px 10px;font-size:13px;font-weight:500}.request-actions-row .approval-button.on{background:var(--accent);color:#fff}.request-form{flex-direction:column;gap:4px;display:flex}.request-form .field-label{color:var(--muted);margin-top:8px;font-weight:400}.request-scope .link{margin-left:4px}.request-formats{flex-direction:column;gap:4px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.request-formats .check{color:var(--text);align-items:center;gap:6px;font-size:12px;display:flex}.request-actions{justify-content:space-between;align-items:center;display:flex}.inbox .island-head b{font-weight:600}.inbox-bell{color:#ffc56b;background:#ffb3402e;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;display:inline-flex}.inbox .island-body{gap:normal;padding:0}.inbox-list{padding:0 18px 4px}.inbox .island-body h4{padding:8px 16px 2px}.inbox-row{border-top:1px solid #ffffff1a;align-items:flex-start;gap:10px;margin-top:2px;padding:6px 16px 14px;display:flex}.inbox-row .avatar{margin-top:2px}.inbox-text{flex:1;min-width:0}.inbox-text p{-webkit-line-clamp:2;color:#fff;-webkit-box-orient:vertical;margin:0 0 4px;display:-webkit-box;overflow:hidden}.inbox-text .hint{color:#ffffffb3;font-size:11px}.island .inbox-row button{flex:none;padding:4px 12px}.inbox .chip.warn{color:#ffc56b;background:#ffb3402e}.share{display:inline-flex;position:relative}.share-pop{z-index:30;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:320px;box-shadow:var(--shadow);color:var(--text);flex-direction:column;gap:14px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.share-pop h4{color:var(--ink);margin:0 0 2px;font-size:13px}.share-pop .hint{margin:0 0 8px}.share-pop input{width:100%;margin-bottom:8px}.share-actions{gap:6px;display:flex}.danger-text{color:var(--danger)}.viewer{flex-direction:column;height:100vh;display:flex}.viewer .topbar{gap:12px}.viewer-stage{flex:1;min-height:0}.viewer-label{pointer-events:none;color:var(--muted)}.viewer-message{text-align:center;max-width:480px;color:var(--muted);margin:48px auto}.brand-tab .section select{width:100%}.brand-pick{align-items:center;gap:8px;display:flex}.brand-pick select{flex:1;min-width:0}.brand-more{flex:none;position:relative}.brand-more .icon-button{width:36px;height:36px;color:var(--ink);background:0 0;border:0;padding:0}.kebab-menu{z-index:6;background:var(--panel);border-radius:var(--r-md);min-width:170px;box-shadow:var(--hi), var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;flex-direction:column;align-items:stretch;gap:2px;padding:6px;display:flex;position:absolute;top:42px;right:0}.kebab-menu button{border-radius:var(--r-sm);color:var(--ink);white-space:nowrap;background:0 0;border:0;justify-content:flex-start;padding:8px 16px;font-weight:400}.kebab-menu button:hover:not(:disabled){background:var(--chip-hover);border-color:#0000}.brand-tab select[data-testid=brand-select]{height:44px;box-shadow:var(--hi);background-color:#ffffff0d;border:0;border-radius:12px;padding:0 40px 0 14px;font-weight:600}.brand-tab select[data-testid=brand-select]:hover{background-color:#ffffff14}:root[data-theme=light] .brand-tab select[data-testid=brand-select]{background-color:#1018280a;box-shadow:inset 0 0 0 1px #1018281f}:root[data-theme=light] .brand-tab select[data-testid=brand-select]:hover{background-color:#10182812}.brand-logos,.brand-assets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.brand-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-tab .brand-card{border:1px solid var(--line);background:var(--chip);box-shadow:var(--hi);text-align:left;color:var(--text);border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px;font-size:11px;display:flex}.brand-tab .brand-card span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.brand-tab .brand-card:hover:not(:disabled){background:var(--soft);border-color:var(--line-strong)}.brand-tab .brand-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.brand-tab .brand-card.wide{flex-direction:row;justify-content:space-between;width:100%;margin:0 0 6px;padding:8px 10px}.brand-button-sample{border:1px solid var(--line);padding:4px 12px;font-size:12px;font-weight:700}.brand-swatches{flex-wrap:wrap;gap:6px;margin:8px 0 4px;display:flex}.brand-swatches .swatch{cursor:pointer;border-radius:50%;width:24px;height:24px;padding:0}.brand-swatches .swatch.on{outline:2px solid var(--accent);outline-offset:2px}.app>.panel .brand-tab .section{border-bottom:0;gap:4px;padding:12px 0 0}.app>.panel .brand-tab .section:first-child{padding-top:0}.brand-tab .section h3{text-transform:none;letter-spacing:normal;color:var(--muted);font-size:12px;font-weight:400}.brand-tab .brand-card,.brand-tab .brand-card.wide{border-radius:var(--r-md);box-shadow:none;color:var(--ink);background:#00000029;border:0}.brand-tab .brand-card:hover:not(:disabled){background:#0000003d}.brand-tab .brand-card.on{box-shadow:none;outline:2px solid var(--accent);outline-offset:2px}.brand-tab .brand-card.wide{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0 0 6px;padding:10px 12px}.brand-tab .brand-card.wide[data-testid^=brand-add-button-]{flex-direction:column-reverse;gap:6px}.brand-tab .brand-button-sample{border:0;padding:8px 18px;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px #80808059}.brand-tab .brand-logos .brand-card{padding:6px}.brand-tab .brand-assets .brand-card{border-radius:var(--r-sm);background:#ffffff0b;gap:4px;padding:0 0 4px;overflow:hidden}.brand-tab .brand-assets .brand-card span{align-self:stretch;padding:0 6px}.brand-tab .brand-swatches .swatch{border:0;width:34px;height:34px;box-shadow:inset 0 0 0 1px #80808099}:root[data-theme=light] .brand-tab .brand-card,:root[data-theme=light] .brand-tab .brand-card.wide{background:#1018280a}.brand-lock{color:var(--ink-2,var(--ink));align-items:center;gap:6px;padding:0 12px 10px;font-size:12px;display:flex}.plain-fieldset{border:0;min-width:0;margin:0;padding:0;display:contents}.approval-formats{margin:4px 0 0;padding:0;font-size:12px;list-style:none}.approval-formats .warn{color:var(--danger,#b42318)}.piece-offkit{background:var(--badge);box-shadow:var(--badge-line);color:var(--warn-ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:500;line-height:1;position:absolute;top:16px;right:16px}.library-list .piece-offkit{top:50%;right:230px;transform:translateY(-50%)}.brand-conformity-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.brand-theme-role{min-width:88px;color:var(--muted);font-size:12px}.theme-picker{flex-wrap:wrap;margin-top:8px}.kit-manual{flex-direction:column;gap:28px;display:flex}.kit-manual-sheet h2{margin:0 0 4px;font-size:16px}.kit-manual-sheet h3{color:var(--muted);margin:14px 0 8px;font-size:13px;font-weight:600}.kit-manual-boards{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.kit-manual-board{flex-direction:column;gap:6px;max-width:320px;margin:0;font-size:12px;display:flex}.kit-manual-board.dont .kit-manual-art{outline:2px solid var(--danger)}.kit-manual-art{border:1px solid var(--line);position:relative}.kit-manual-art img{display:block}.kit-manual-notes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.kit-manual-notes .ok{fill:var(--ok);opacity:.85}.kit-manual-notes .no{fill:none;stroke:var(--danger);stroke-width:2px;vector-effect:non-scaling-stroke}.kit-manual-notes .clear{fill:none;stroke:var(--accent);stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.kit-manual-notes .margin{fill:none;stroke:var(--accent);vector-effect:non-scaling-stroke}.kit-manual-notes .column{stroke:var(--accent);opacity:.4;vector-effect:non-scaling-stroke}.kit-manual-issue{color:var(--danger)}.proposal-list ul,.proposal-screen .brand-card ul{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.proposal-meta{padding:0 12px 10px}.proposal-screen .brand-nav button{align-items:center;gap:8px;display:flex}.proposal-screen .brand-nav .badge{margin-left:auto}.proposal-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.proposal-diff{border-collapse:collapse;width:100%;font-size:13px}.proposal-diff th,.proposal-diff td{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:6px 8px}.proposal-diff thead th{color:var(--muted);border-top:0;font-weight:600}.proposal-diff tbody th{width:30%;font-weight:500}.proposal-diff tr.refused th,.proposal-diff tr.refused td:not(.proposal-refuse){color:var(--muted);text-decoration:line-through}.proposal-diff td.proposal-refuse{white-space:nowrap;text-align:right;width:1%}.proposal-proof{color:var(--muted);margin-top:2px;font-size:12px;display:block}.proposal-manual{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;display:grid}.proposal-manual h2{color:var(--muted);margin:0 0 8px;font-size:14px}.proposal-screen .brand-card-top .spacer{flex:1}.proposal-swatch{vertical-align:-1px;width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--line);border-radius:3px;display:inline-block}.batch-steps{flex-direction:column;gap:2px;margin:0;padding:0 12px;list-style:none;display:flex}.batch-steps button{text-align:left;border-radius:var(--r-sm);background:0 0;border:0;justify-content:flex-start;width:100%;padding:4px 6px}.batch-steps button.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.batch-step-n{min-width:1.4em;color:var(--muted);display:inline-block}.batch-drop{border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center;cursor:pointer;flex-direction:column;gap:4px;padding:16px 12px;display:flex}.batch-drop.over,.batch-drop:focus-within{border-color:var(--accent);background:var(--accent-soft)}.batch-drop input[type=file]{opacity:0;width:1px;height:1px;position:absolute}.batch-table-wrap{border:1px solid var(--line);border-radius:var(--radius);contain:inline-size;max-height:260px;overflow:auto}.batch-table-wrap::-webkit-scrollbar{width:8px;height:8px}.batch-table-wrap::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.batch-table-wrap::-webkit-scrollbar-corner{background:0 0}@supports not selector(::-webkit-scrollbar){.batch-table-wrap{scrollbar-width:thin}}.batch-cell{text-overflow:ellipsis;max-width:12em;display:block;overflow:hidden}.batch-report-wrap{max-height:360px}.batch-report-detail td{border-top:0;padding-top:0}.batch-table{border-collapse:collapse;width:100%;font-size:12px}.batch-table caption{text-align:left;color:var(--muted);padding:4px 6px;font-size:11px}.batch-table th,.batch-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap;padding:4px 6px}.batch-table td.wrap{white-space:normal}.batch-elements{flex-direction:column;gap:6px;display:flex}.batch-element{border:1px solid var(--line);border-radius:var(--r-sm);flex-direction:column;gap:6px;min-width:0;padding:8px 10px;display:flex}.batch-element:hover,.batch-element:focus-within{border-color:var(--accent);background:var(--accent-soft)}.batch-element-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.batch-slot{grid-template-columns:5.5em minmax(0,1fr);align-items:center;gap:2px 8px;display:grid}.batch-slot-prop{color:var(--muted);font-size:12px}.batch-slot select{width:100%;min-width:0}.batch-slot select.bound{box-shadow:inset 0 0 0 1px var(--accent)}.batch-slot-sample,.batch-slot-hint{grid-column:2;margin:0}.batch-slot-sample{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.batch-slot-more{flex-wrap:wrap;gap:4px 10px;font-size:12px;display:flex}.batch-others summary{cursor:pointer;color:var(--muted);padding:4px 0}.batch-others[open] summary{margin-bottom:6px}.batch-status-ok{color:var(--ok,inherit)}.batch-status-aviso{color:var(--override)}.batch-status-erro{color:var(--danger)}.batch-counts{gap:12px;margin:0;padding:0;list-style:none;display:flex}.batch-drop{position:relative}.replay-head,.replay-modal-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.replay-timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.replay-entry{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding:8px 0;display:flex}.replay-entry-line{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:12px;display:flex}.replay-entry-line time,.replay-scope{color:var(--muted)}.replay-entry>button{align-self:flex-start}.replay-chips{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.replay-chip{border:1px solid var(--line);background:var(--chip);border-radius:999px;margin-left:4px;padding:1px 8px;font-size:11px;font-weight:400;display:inline-block}.replay-chips .replay-chip{margin-left:0}.replay-chip.pending{color:var(--muted);border-style:dashed}.modal.replay-modal{width:min(1100px,100vw - 32px)}.replay-body{flex-direction:column;gap:10px;display:flex}.replay-warning{border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-ink);margin:0;padding:6px 10px;font-size:12px}.replay-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.replay-filter{align-items:center;gap:6px;font-size:12px;display:inline-flex}.replay-grid{border-collapse:collapse;width:100%;font-size:12px}.replay-grid caption{text-align:left;color:var(--muted);padding:4px 0;font-size:11px}.replay-grid th,.replay-grid td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:6px}.replay-thumb{line-height:0;display:inline-block;position:relative}.replay-thumb img{border:1px solid var(--line);max-width:200px;max-height:130px;display:block}.replay-thumb.empty{color:var(--muted);line-height:normal}.replay-box{--tone:var(--accent);box-sizing:border-box;outline:2px solid var(--tone);outline-offset:1px;pointer-events:none;background:0 0;position:absolute}.replay-box.manual{--tone:var(--override)}.replay-box.lost{--tone:var(--danger)}.replay-box-label{background:var(--tone);color:#fff;white-space:nowrap;border-radius:2px;padding:0 3px;font-size:9px;line-height:13px;position:absolute;bottom:calc(100% + 4px);left:-3px}.replay-box-label.below{top:calc(100% + 4px);bottom:auto}.replay-legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.replay-legend-item{align-items:center;gap:6px;display:inline-flex}.replay-legend-item:before{content:"";outline:2px solid var(--accent);outline-offset:-2px;border-radius:1px;width:12px;height:8px}.replay-legend-item.manual:before{outline-color:var(--override)}.replay-legend-item.lost:before{outline-color:var(--danger)}.replay-marks{flex-direction:column;gap:2px;margin:0;padding-left:16px;display:flex}.replay-mark-text.blocked,.replay-mark-text.discarded{color:var(--danger)}.replay-mark-text.preserved{color:var(--override)}