:root,[data-theme=dark]{color-scheme:dark;--ui-0:1 0 3;--ui-12:13 12 15;--ui-18:19 18 21;--ui-23:24 23 26;--ui-28:29 28 31;--ui-34:35 34 37;--ui-42:43 42 45;--ui-52:53 52 55;--ui-66:67 66 69;--ui-82:82 82 82;--ui-102:102 102 102;--ui-128:163 163 163;--ui-156:190 190 190;--ui-184:220 220 220;--ui-218:245 245 245;--ui-242:250 250 250;--ui-255:255 255 255;--studio-swatch-radius:5px;--selection:#ddd;--selection-bg:#313033;--selection-border:#08070a;--danger:#e49696;--danger-bg:rgb(190 64 64 / .12);--success:#8fbc9c;--overlay-shadow:0 10px 40px rgb(0 0 0 / .28)}[data-theme=light]{color-scheme:light;--ui-0:255 255 255;--ui-12:252 252 252;--ui-18:248 248 248;--ui-23:243 243 243;--ui-28:237 237 237;--ui-34:230 230 230;--ui-42:216 216 216;--ui-52:201 201 201;--ui-66:181 181 181;--ui-82:153 153 153;--ui-102:116 116 116;--ui-128:91 91 91;--ui-156:70 70 70;--ui-184:49 49 49;--ui-218:29 29 29;--ui-242:15 15 15;--ui-255:5 5 5;--selection:#171717;--selection-bg:#e6e6e6;--selection-border:#c2c2c2;--danger:#ad3535;--danger-bg:rgb(190 64 64 / .07);--success:#287448;--overlay-shadow:0 10px 35px rgb(0 0 0 / .12)}select{color-scheme:inherit}select option,select optgroup{background-color:rgb(var(--ui-23));color:rgb(var(--ui-218))}select option:disabled{color:rgb(var(--ui-128))}:root,[data-theme=dark]{--studio-bg:#1a191c;--studio-side:#111013;--studio-panel:#161518;--studio-raised:#313033;--studio-button-bottom:#262528;--studio-inset:#0e0d10;--studio-border:#08070a;--studio-divider:#252427;--studio-rim:#39383b;--studio-rim-top:#454447;--studio-rim-bottom:#212023;--studio-text:#f2f2f2;--studio-secondary:#bcbcbc;--studio-muted:#999999;--studio-accent:#dedede;--studio-accent-text:#18171a;--studio-selected:#313033;--studio-focus:#dedede;--studio-edge:rgb(255 255 255 / .07);--studio-shadow:rgb(0 0 0 / .28);--studio-active-ink:#fff;--studio-icon-glow:drop-shadow(0 0 3px rgb(255 255 255 / .3));--studio-control:linear-gradient(#0c0b0e,#0c0b0e);--studio-idle-bevel:inset 0 1px 0 var(--studio-rim-top),inset 0 -1px 0 var(--studio-rim-bottom),inset 0 0 0 1px var(--studio-rim);--studio-control-shadow:inset 0 1px 0 #686868,inset 0 -1px 0 #18171a,inset 0 0 0 3px #373639,0 2px 4px var(--studio-shadow);--studio-pressed-shadow:inset 0 2px 4px var(--studio-shadow),inset 0 0 0 1px var(--studio-border),0 1px 0 var(--studio-edge);--studio-input-shadow:inset 0 0 0 1px var(--studio-rim),inset 0 2px 4px rgb(0 0 0 / .2);--studio-panel-shadow:0 2px 6px rgb(0 0 0 / .18);--studio-overlay-shadow:0 8px 24px rgb(0 0 0 / .3);--studio-chevron:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23bcbcbc%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M17.657%209.343%2012%2015%206.343%209.343%22%2F%3E%3C%2Fsvg%3E)}[data-theme=light]{--studio-bg:#f4f4f4;--studio-side:#e8e8e8;--studio-panel:#eeeeee;--studio-raised:#fafafa;--studio-button-bottom:#e6e6e6;--studio-inset:#dedede;--studio-border:#c2c2c2;--studio-divider:#d4d4d4;--studio-rim:#bcbcbc;--studio-rim-top:#ffffff;--studio-rim-bottom:#c8c8c8;--studio-accent:#333;--studio-accent-text:#fff;--studio-active-ink:#171717;--studio-icon-glow:drop-shadow(0 1px 0 #fff);--studio-control:linear-gradient(#fff,#fff);--studio-control-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #aaa,inset 0 0 0 3px #ddd,0 2px 4px var(--studio-shadow);--studio-text:#171717;--studio-secondary:#4c4c4c;--studio-muted:#626262;--studio-selected:#e6e6e6;--studio-focus:#171717;--studio-edge:rgb(255 255 255 / .8);--studio-shadow:rgb(0 0 0 / .1);--studio-input-shadow:inset 0 0 0 1px var(--studio-rim),inset 0 2px 3px rgb(0 0 0 / .06);--studio-panel-shadow:0 2px 6px rgb(0 0 0 / .08);--studio-overlay-shadow:0 8px 24px rgb(0 0 0 / .12);--studio-chevron:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234c4c4c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M17.657%209.343%2012%2015%206.343%209.343%22%2F%3E%3C%2Fsvg%3E)}:root{color-scheme:dark;--bg:rgb(var(--ui-18));--panel:rgb(var(--ui-23));--panel2:rgb(var(--ui-28));--line:rgb(var(--ui-42));--text:rgb(var(--ui-218));--muted:rgb(var(--ui-128));--dim:rgb(var(--ui-82));--accent:rgb(var(--ui-184));--accent-bg:rgb(var(--ui-42));--green:rgb(var(--ui-184));--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.3;cursor:default}input,textarea,select{color:var(--text);background:rgb(var(--ui-18));border:1px solid rgb(var(--ui-52));border-radius:5px;padding:9px 11px;min-width:0}input:focus,textarea:focus,select:focus{outline:none;border-color:rgb(var(--ui-128));box-shadow:0 0 0 2px rgb(var(--ui-184) / .047)}textarea{resize:vertical;line-height:1.6}select{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.icon{vertical-align:middle}.muted{color:var(--muted)}.boot{height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:20px}.boot strong{font-weight:500}.boot span{font-size:14px;color:var(--muted)}.topbar{height:65px;display:flex;align-items:center;padding:0 18px;gap:18px;border-bottom:1px solid var(--line);background:rgb(var(--ui-23));position:relative;z-index:5}.wordmark{display:flex;align-items:center;font-size:17px;letter-spacing:-.6px;font-weight:650;white-space:nowrap}.wordmark>span:not(.mark){color:rgb(var(--ui-156));font-weight:400}.wordmark .mark{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid rgb(var(--ui-66));background:rgb(var(--ui-42));color:var(--accent);border-radius:7px;margin-right:9px}.wordmark small{font:14px var(--mono);letter-spacing:1px;color:rgb(var(--ui-82));margin-left:12px}.project-title{display:flex;gap:13px;align-items:center;min-width:140px;max-width:220px}.top-divider{width:1px;background:var(--line);height:22px}.project-title input{padding:4px 0;background:none;border:0;max-width:150px;width:100%;font-size:14px;color:rgb(var(--ui-184));text-overflow:ellipsis}.version-tag{font:14px var(--mono);color:rgb(var(--ui-102));border:1px solid rgb(var(--ui-52));padding:2px 4px;border-radius:3px}.mode-switch{display:flex;gap:3px;background:rgb(var(--ui-12));padding:4px;border:1px solid rgb(var(--ui-42));border-radius:7px;margin:auto}.mode-switch button{padding:7px 10px;display:flex;align-items:center;gap:8px;border-radius:4px;color:rgb(var(--ui-128));font-size:14px}.mode-switch button.active{background:rgb(var(--ui-42));color:rgb(var(--ui-242));box-shadow:0 1px 3px #0005}.mode-switch button.active .icon{color:var(--accent)}kbd{font:14px var(--mono);border:1px solid rgb(var(--ui-52));padding:0 4px;border-radius:3px;line-height:20px;color:rgb(var(--ui-128))}.mode-switch kbd{margin-left:7px;font-size:14px;opacity:.7}.top-actions{display:flex;align-items:center;gap:7px}.save-status{font-size:14px;color:rgb(var(--ui-128));display:flex;align-items:center;gap:6px;margin-right:12px;white-space:nowrap}.save-status>span,.status-dot{width:5px;height:5px;background:rgb(var(--ui-156));border-radius:50%;display:inline-block}.save-status.pending>span{background:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;min-height:33px;padding:7px 12px;border:1px solid rgb(var(--ui-52));border-radius:5px;background:rgb(var(--ui-42));white-space:nowrap}.button:hover{background:rgb(var(--ui-52));border-color:rgb(var(--ui-82))}.button.accent{background:var(--accent);border-color:var(--accent);color:rgb(var(--ui-34));font-weight:500}.button.accent:hover{background:rgb(var(--ui-184))}.button.subtle{background:transparent;border-color:rgb(var(--ui-52));color:rgb(var(--ui-184))}.button.danger{color:rgb(var(--ui-156));background:transparent;border-color:rgb(var(--ui-66))}.icon-btn{height:29px;width:29px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--ui-156))}.icon-btn:hover{background:rgb(var(--ui-42));color:rgb(var(--ui-255))}.icon-btn.small{width:24px;height:24px}.icon-btn.small svg{width:13px;height:13px}.text-button{display:flex;align-items:center;gap:7px;font-size:14px;color:rgb(var(--ui-184))}.app-body{height:calc(100svh - 93px);display:grid;grid-template-columns:50px 258px minmax(320px,1fr) 286px}.rail{background:rgb(var(--ui-23));border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:14px 0 10px;gap:9px}.rail-btn{display:grid;place-items:center;height:33px;width:33px;border-radius:6px;color:rgb(var(--ui-128))}.rail-btn:hover{background:rgb(var(--ui-34));color:rgb(var(--ui-218))}.rail-btn.active{color:var(--accent);background:rgb(var(--ui-42));border:1px solid rgb(var(--ui-66))}.rail-spacer{flex:1}.rail-end{font:14px var(--mono);color:rgb(var(--ui-66));border-top:1px solid rgb(var(--ui-42));width:25px;text-align:center;padding-top:12px}.library-panel{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 19px 18px}.overline{font:14px/1.5 var(--mono);letter-spacing:1.3px;color:rgb(var(--ui-128));display:block}.panel-heading .overline{font-size:14px;letter-spacing:1.25px;margin-bottom:6px}.panel-heading h2{font-size:14px;font-weight:500;letter-spacing:-.3px}.count-badge{font:14px var(--mono);color:rgb(var(--ui-156));background:rgb(var(--ui-34));border:1px solid rgb(var(--ui-52));border-radius:4px;padding:3px 5px}.library-tabs{display:flex;gap:3px;margin:0 17px 16px;background:rgb(var(--ui-18));padding:3px;border:1px solid rgb(var(--ui-42));border-radius:5px}.library-tabs button{flex:1;border-radius:3px;color:rgb(var(--ui-128));padding:5px;font-size:14px}.library-tabs button.active{background:rgb(var(--ui-42));color:rgb(var(--ui-218))}.searchbox{display:flex;align-items:center;gap:8px;margin:0 17px 11px;border:1px solid rgb(var(--ui-52));background:rgb(var(--ui-18));border-radius:5px;padding:0 9px;color:rgb(var(--ui-102))}.searchbox:focus-within{border-color:rgb(var(--ui-128))}.searchbox input{border:none;box-shadow:none;background:none;width:100%;padding:8px 0;font-size:14px}.searchbox .icon{width:13px}.searchbox kbd{font-size:14px;line-height:20px}#category-filter{margin:0 17px 12px;background:rgb(var(--ui-28));font-size:14px;color:rgb(var(--ui-156));padding:7px 9px}.library-list{overflow:auto;flex:1;padding:0 10px 20px;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-52)) transparent}.group-label{display:block;padding:16px 9px 8px;font:14px var(--mono);letter-spacing:.9px;text-transform:uppercase;color:rgb(var(--ui-128))}.block-item{width:100%;text-align:left;display:flex;align-items:center;gap:10px;border:1px solid transparent;padding:9px 7px;border-radius:5px;font-size:14px;color:rgb(var(--ui-184));min-height:53px}.block-item:hover{background:rgb(var(--ui-42));border-color:rgb(var(--ui-52))}.block-symbol{width:28px;height:29px;border:1px solid rgb(var(--ui-52));border-radius:4px;display:grid;place-items:center;color:rgb(var(--ui-128));flex-shrink:0;background:rgb(var(--ui-28))}.block-symbol svg{width:13px}.block-item>span:nth-child(2){min-width:0}.block-item small{display:block;font-size:14px;color:rgb(var(--ui-102));margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:158px}.block-add{margin-left:auto;color:rgb(var(--ui-128));font-size:17px;opacity:0}.block-item:hover .block-add{opacity:1}.library-footer{padding:12px 17px;border-top:1px solid var(--line);font-size:14px;color:rgb(var(--ui-128));display:flex;align-items:center;gap:6px}.library-footer>span:last-child{margin-left:auto;color:rgb(var(--ui-102))}.workspace{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:rgb(var(--ui-18))}.workspace-toolbar{height:46px;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 23px;border-bottom:1px solid var(--line);background:rgb(var(--ui-23))}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px;color:rgb(var(--ui-102));min-width:0}.breadcrumb .icon{width:13px}.breadcrumb select{border:0;background:none;font-size:14px;color:rgb(var(--ui-218));padding:0;max-width:125px}.breadcrumb strong{font-weight:500;color:rgb(var(--ui-218))}.crumb-slash{color:rgb(var(--ui-66))}.toolbar-right{display:flex;align-items:center;gap:12px;font-size:14px;white-space:nowrap}.toolbar-divider{width:1px;height:12px;background:rgb(var(--ui-52))}.planning-scroll{overflow:auto;padding:44px 58px 30px;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-66)) transparent}@media(max-width:991px){.planning-scroll{padding:44px 31px 30px}}@media(max-width:650px){.planning-scroll{padding:44px 22px 30px}}.page-intro .overline{color:rgb(var(--ui-128));margin-bottom:12px;font-size:14px}.page-intro h1{font-size:33px;font-weight:500;line-height:1.25;letter-spacing:-1.2px;color:rgb(var(--ui-242))}@media(max-width:991px){.page-intro h1{font-size:24px}}@media(max-width:650px){.page-intro h1{font-size:24px}}.page-intro h1>span{color:var(--accent)}.page-intro>p{color:rgb(var(--ui-128));font-size:14px;margin-top:11px;line-height:1.7}.page-meta{display:flex;align-items:center;gap:17px;margin-top:23px;flex-wrap:wrap}.page-meta>span,.page-meta>button{display:flex;align-items:center;gap:6px;font-size:14px;color:rgb(var(--ui-156))}.page-meta>span{padding:4px 8px;border:1px solid rgb(var(--ui-52));border-radius:3px;color:rgb(var(--ui-184))}.page-meta .icon{width:12px;height:12px}.page-meta button:hover{color:var(--accent)}.outline-label{display:flex;justify-content:space-between;font:14px var(--mono);letter-spacing:1px;color:rgb(var(--ui-102));margin:35px 0 11px;padding:0 3px}.outline-label span:last-child{margin-right:20px}.outline{position:relative;display:flex;flex-direction:column;gap:9px}.outline:before{content:"";position:absolute;left:26px;top:30px;bottom:20px;width:1px;background:rgb(var(--ui-52))}.outline-card{position:relative;display:flex;align-items:center;gap:13px;padding:17px 14px;min-height:97px;border:1px solid rgb(var(--ui-52));border-radius:6px;background:rgb(var(--ui-28));transition:border-color .15s,background .15s;cursor:pointer}.outline-card:hover{border-color:rgb(var(--ui-82));background:rgb(var(--ui-34))}.outline-card.selected{border-color:rgb(var(--ui-128));background:linear-gradient(110deg,rgb(var(--ui-42)),rgb(var(--ui-34)) 70%);box-shadow:0 0 0 1px rgb(var(--ui-156) / .063)}.outline-card.selected:before{content:"";position:absolute;left:-1px;top:26px;bottom:26px;width:2px;background:var(--accent);border-radius:2px}.drag-handle{color:rgb(var(--ui-102));font-size:15px;cursor:grab}.section-number{font:14px var(--mono);color:rgb(var(--ui-128));min-width:16px}.section-type{width:34px;height:36px;display:grid;place-items:center;border:1px solid rgb(var(--ui-66));color:rgb(var(--ui-156));background:rgb(var(--ui-42));border-radius:5px;flex-shrink:0}.selected .section-type{color:rgb(var(--ui-156));background:rgb(var(--ui-42));border-color:rgb(var(--ui-82))}.outline-content{min-width:0;flex:1}.outline-content>div:first-child{display:flex;align-items:center;gap:8px}.outline-content h3{font-weight:500;font-size:14px;color:rgb(var(--ui-218))}.outline-content>p{font-size:14px;color:rgb(var(--ui-128));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;max-width:300px}.outline-badges{display:flex;gap:5px;margin-top:7px}.outline-badges>span{font:14px var(--mono);padding:2px 5px;border:1px solid rgb(var(--ui-52));background:rgb(var(--ui-34));color:rgb(var(--ui-156));border-radius:3px}.outline-badges>span.has-notes{color:rgb(var(--ui-156));border-color:rgb(var(--ui-82))}.mini-layout{width:53px;height:34px;border:1px solid rgb(var(--ui-66));padding:5px;border-radius:3px;display:grid;grid-template-columns:1fr 1fr;gap:4px;flex-shrink:0;opacity:.6}.mini-layout i{display:block;background:rgb(var(--ui-82));border-radius:1px}.mini-layout i:first-child{grid-row:span 2}.mini-layout.header,.mini-layout.footer{display:flex;align-items:center}.mini-layout.header i,.mini-layout.footer i{height:5px;flex:1}.mini-layout.cta,.mini-layout.proof,.mini-layout.stats{grid-template-columns:repeat(3,1fr)}.mini-layout.cta i:first-child,.mini-layout.proof i:first-child,.mini-layout.stats i:first-child{grid-row:auto}.row-tools{display:flex;flex-direction:column;gap:1px;opacity:0}.outline-card:hover .row-tools,.outline-card.selected .row-tools,.outline-card:focus-within .row-tools{opacity:1}.row-arrow{width:12px;color:rgb(var(--ui-102))}.outline-card.selected .row-arrow{color:var(--accent)}.disabled-section{opacity:.45}.outline-card.dragging{opacity:.35}.outline-card.drag-over{border-top:2px solid var(--accent)}.add-section{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:17px;margin-top:12px;border:1px dashed rgb(var(--ui-66));border-radius:6px;color:rgb(var(--ui-156));font-size:14px}.add-section:hover{background:rgb(var(--ui-34));border-color:rgb(var(--ui-128))}.add-section svg{width:13px}.add-section>span{color:rgb(var(--ui-102));font-size:14px;margin-left:10px}.planning-tip{display:flex;align-items:flex-start;gap:9px;color:rgb(var(--ui-128));font-size:14px;max-width:450px;margin:23px auto 0;line-height:1.7}.planning-tip svg{width:12px;height:12px;color:rgb(var(--ui-128));margin-top:1px}.planning-tip button{padding:0;color:rgb(var(--ui-184));font-size:inherit;text-decoration:underline;text-decoration-color:rgb(var(--ui-82));text-underline-offset:3px}.inspector{background:var(--panel);border-left:1px solid var(--line);min-height:0;display:flex;flex-direction:column;overflow:hidden}.inspector-heading{height:46px;min-height:46px;border-bottom:1px solid var(--line);padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:rgb(var(--ui-156))}.inspector-heading>span:first-child{display:flex;align-items:center;gap:8px}.inspector-heading svg{width:13px}.tiny-pill{font:14px var(--mono);border:1px solid rgb(var(--ui-52));padding:2px 5px;color:rgb(var(--ui-128));border-radius:3px}.inspector-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-66)) transparent}.selected-heading{padding:23px 19px;border-bottom:1px solid var(--line)}.selected-heading .overline{font-size:14px;color:rgb(var(--ui-156));margin-bottom:9px}.selected-heading h2{font-size:17px;font-weight:500;letter-spacing:-.5px}.selected-heading p{font-size:14px;color:rgb(var(--ui-128));margin-top:8px;line-height:1.7}.inspector-section{padding:18px 19px;border-bottom:1px solid var(--line)}.section-label{font:14px var(--mono);letter-spacing:.85px;color:rgb(var(--ui-156));margin-bottom:15px;display:flex;justify-content:space-between}.section-label>span{color:rgb(var(--ui-102));font-size:14px;letter-spacing:0}.variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.variant{position:relative;border:1px solid rgb(var(--ui-66));background:rgb(var(--ui-34));border-radius:5px;padding:9px 7px 7px;text-align:left;color:rgb(var(--ui-156));min-width:0}.variant:hover{border-color:rgb(var(--ui-102))}.variant.active{border-color:rgb(var(--ui-128));background:rgb(var(--ui-42));color:rgb(var(--ui-184))}.variant>span:last-of-type{font-size:14px;line-height:1.4;display:block;margin-top:7px;min-height:21px}.variant>.icon{position:absolute;right:5px;bottom:7px;width:10px;height:10px;color:var(--accent)}.variant-drawing{display:grid;height:38px;width:100%;grid-template-columns:1fr 1fr;gap:4px;padding:5px;background:rgb(var(--ui-23));border:1px solid rgb(var(--ui-66));border-radius:2px}.variant-drawing i{display:block;background:rgb(var(--ui-82));border-radius:1px}.variant.active .variant-drawing i{background:rgb(var(--ui-128))}.variant-drawing i:first-child{grid-row:span 2}.v-center,.v-cover,.v-editorial,.v-full,.v-single{grid-template-columns:1fr}.v-center i:first-child,.v-cover i:first-child,.v-editorial i:first-child,.v-full i:first-child,.v-single i:first-child{grid-row:auto}.v-grid,.v-cards,.v-tiers,.v-strip,.v-steps,.v-logos{grid-template-columns:repeat(3,1fr)}.v-grid i:first-child,.v-cards i:first-child,.v-tiers i:first-child,.v-strip i:first-child,.v-steps i:first-child,.v-logos i:first-child{grid-row:auto}.v-list,.v-rows,.v-timeline{grid-template-columns:1fr}.v-list i:first-child,.v-rows i:first-child,.v-timeline i:first-child{grid-row:auto}.v-right i:first-child{order:2}.v-featured i:first-child{grid-column:span 2;grid-row:auto}.v-compare{grid-template-columns:1fr 1fr}.v-compare i:first-child{grid-row:auto}.v-compare i:last-child{display:none}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field:last-child{margin-bottom:0}.field>span{font-size:14px;color:rgb(var(--ui-156))}.field input,.field textarea,.field select{width:100%;font-size:14px;line-height:1.65;background:rgb(var(--ui-23));border-color:rgb(var(--ui-52));color:rgb(var(--ui-218))}.field small{font-size:14px;color:rgb(var(--ui-102));line-height:1.6}.field textarea{min-height:76px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-row .field{margin:0}.field-row select{font-size:14px;padding:7px}.switch-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:rgb(var(--ui-156));position:relative;cursor:pointer}.switch-row input{position:absolute;right:0;opacity:0;width:28px;height:18px;cursor:pointer}.switch-track{width:27px;height:16px;border-radius:10px;background:rgb(var(--ui-66));padding:3px;pointer-events:none}.switch-track:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background:rgb(var(--ui-184));transition:transform .15s}.switch-row input:checked+.switch-track{background:rgb(var(--ui-82))}.switch-row input:checked+.switch-track:after{transform:translate(11px);background:rgb(var(--ui-184))}.switch-row input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:3px}.inspector-actions{display:flex;gap:8px;margin-top:21px}.inspector-actions .button{font-size:14px;flex:1;padding:7px}.inspector-actions svg{width:12px;height:12px}.statusbar{height:28px;background:rgb(var(--ui-23));border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 17px;font:14px var(--mono);color:rgb(var(--ui-128));gap:18px}.statusbar>span:first-child{display:flex;align-items:center;gap:8px;letter-spacing:.6px}.statusbar>span:nth-child(2){color:rgb(var(--ui-102));font-size:14px}.device-switch{display:flex;gap:2px;border:1px solid rgb(var(--ui-66));border-radius:4px;padding:2px;background:rgb(var(--ui-23))}.device-switch button{padding:4px 8px;color:rgb(var(--ui-128));border-radius:2px}.device-switch button.active{color:rgb(var(--ui-184));background:rgb(var(--ui-52))}.device-switch svg{width:13px;height:13px}.viewport-label{font:14px var(--mono);color:rgb(var(--ui-128))}.visual-workspace{background:rgb(var(--ui-34))}.visual-caption{display:flex;justify-content:space-between;padding:17px 25px 10px;color:rgb(var(--ui-184));font-size:14px}.visual-caption>span:last-child{font:14px var(--mono);letter-spacing:.8px;color:rgb(var(--ui-102))}.canvas-scroll{flex:1;overflow:auto;padding:14px 30px 30px;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-82)) transparent}.canvas-frame{margin:0 auto;background:rgb(var(--ui-242));box-shadow:0 10px 45px #0003;border-radius:6px;overflow:hidden;flex-shrink:0}.device-desktop{width:1200px}.device-tablet{width:768px}.device-mobile{width:390px}.frame-browser{display:flex;align-items:center;gap:5px;height:29px;background:rgb(var(--ui-218));color:rgb(var(--ui-184));padding:0 11px;border-bottom:1px solid rgb(var(--ui-218))}.frame-browser>span:not(.frame-code){width:5px;height:5px;background:rgb(var(--ui-184));border-radius:50%}.frame-browser small{font:14px var(--mono);margin:auto;color:rgb(var(--ui-156))}.frame-code{font:14px var(--mono)}#wireframe{display:block;border:0;background:rgb(var(--ui-242));width:100%;height:800px;color-scheme:light}.device-tablet #wireframe{height:900px}.device-mobile #wireframe{height:844px}.canvas-bottom{font:14px var(--mono);color:rgb(var(--ui-128));display:flex;align-items:center;gap:7px;justify-content:center;width:max-content;min-width:100%;margin-top:18px}.canvas-bottom svg{width:12px}.template-card{position:relative;display:block;width:100%;padding:10px;border:1px solid rgb(var(--ui-52));border-radius:6px;background:rgb(var(--ui-34));margin-bottom:10px;text-align:left}.template-card:hover{border-color:rgb(var(--ui-128))}.template-mini{height:72px;background:rgb(var(--ui-23));border:1px solid rgb(var(--ui-66));border-radius:3px;padding:8px;display:grid;grid-template-rows:4px 20px 5px 1fr;gap:5px;margin-bottom:12px}.template-mini>span{width:50%;background:rgb(var(--ui-102))}.template-mini div{display:flex;gap:5px}.template-mini i{background:rgb(var(--ui-66));flex:1;border-radius:2px}.template-mini b{height:4px;background:rgb(var(--ui-102));width:75%}.template-number{position:absolute;right:16px;top:16px;font:14px var(--mono);color:rgb(var(--ui-156))}.template-card strong{display:block;font-size:14px;font-weight:500}.template-card>small{display:block;color:rgb(var(--ui-128));font-size:14px;margin-top:3px}.template-meta{display:flex;justify-content:space-between;color:rgb(var(--ui-156));font:14px var(--mono);margin-top:14px}.template-meta>span{color:rgb(var(--ui-156))}.template-meta svg{width:9px;height:9px}.framework-card{display:block;width:100%;padding:15px 11px;text-align:left;border:1px solid rgb(var(--ui-66));border-radius:5px;margin-bottom:9px;background:rgb(var(--ui-34))}.framework-card:hover,.framework-card.chosen{border-color:rgb(var(--ui-128));background:rgb(var(--ui-42))}.framework-card .overline{font-size:14px}.framework-card strong{display:block;font-size:14px;font-weight:500;margin:6px 0;color:rgb(var(--ui-218))}.framework-card strong svg{float:right;color:var(--accent);width:12px}.framework-card p{font-size:14px;line-height:1.8;color:rgb(var(--ui-156));margin-bottom:7px}.framework-card small{font-size:14px;color:rgb(var(--ui-128))}.sidebar-description{font-size:14px;color:rgb(var(--ui-128));line-height:1.8;padding:0 19px 18px}.file-tree{flex:1;overflow:auto;padding:0 10px}.file-tree>button{display:flex;align-items:center;gap:9px;width:100%;padding:11px 8px;font:14px var(--mono);text-align:left;color:rgb(var(--ui-156));border-radius:4px}.file-tree>button.active{background:rgb(var(--ui-42));color:rgb(var(--ui-184))}.file-tree>button:hover{background:rgb(var(--ui-42))}.file-tree small{margin-left:auto;font-size:14px;color:rgb(var(--ui-102))}.file-tree svg{width:12px}.export-note{font-size:14px;line-height:1.8;color:rgb(var(--ui-128));padding:16px;display:flex;gap:8px;border-top:1px solid var(--line)}.export-note svg{width:12px;height:12px;color:rgb(var(--ui-156));margin-top:3px}.full{margin:0 16px 17px}.export-scroll{overflow:auto;padding:44px 35px 30px;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-66)) transparent}.export-summary{display:flex;align-items:center;gap:30px;padding:24px 0;margin:15px 0 3px}.export-summary>div:not(.export-summary-action){display:flex;flex-direction:column}.export-summary strong{font-size:23px;font-weight:400;letter-spacing:-1px;color:rgb(var(--ui-218))}.export-summary span{font:14px var(--mono);color:rgb(var(--ui-128))}.export-summary-action{margin-left:auto;display:flex;align-items:flex-end;flex-direction:column;gap:6px}.export-summary-action button{font-size:14px}.export-summary-action svg{width:12px}.code-panel{border:1px solid rgb(var(--ui-66));border-radius:6px;overflow:hidden;background:rgb(var(--ui-23))}.code-header{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 15px;border-bottom:1px solid rgb(var(--ui-66));background:rgb(var(--ui-34));font:14px var(--mono);color:rgb(var(--ui-128))}.code-header>span:first-child{display:flex;gap:8px;color:rgb(var(--ui-218))}.code-header svg{width:12px}.code-panel pre{padding:24px;margin:0;font:14px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:rgb(var(--ui-156));max-height:calc(100svh - 370px);min-height:220px;overflow:auto;tab-size:2;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-82)) transparent}.check-list{padding:0;list-style:none;margin:0}.check-list li{display:flex;align-items:center;gap:8px;color:rgb(var(--ui-156));font-size:14px;margin-bottom:13px}.check-list svg{width:12px;color:rgb(var(--ui-184))}.helper-text{font-size:14px;line-height:1.8;color:rgb(var(--ui-128));margin-top:16px}.empty-small{padding:35px 12px;text-align:center;font-size:14px;color:rgb(var(--ui-128));line-height:1.9}.empty-canvas{padding:45px 20px;text-align:center;border:1px dashed rgb(var(--ui-66));border-radius:7px}.empty-canvas>svg{width:30px;height:30px;color:rgb(var(--ui-156));margin-bottom:20px}.empty-canvas h2{font-size:19px;font-weight:400;letter-spacing:-.5px}.empty-canvas p{font-size:14px;color:rgb(var(--ui-128));margin:12px 0 24px}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#000b;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:min(580px,100%);max-height:90svh;background:rgb(var(--ui-28));border:1px solid rgb(var(--ui-66));border-radius:11px;box-shadow:0 30px 100px #0008;display:flex;flex-direction:column;overflow:hidden}.modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 27px 20px;border-bottom:1px solid rgb(var(--ui-66))}.modal header .overline{font-size:14px;color:rgb(var(--ui-156))}.modal h2{font-weight:450;letter-spacing:-.7px;font-size:23px;margin:8px 0}.modal header p{color:rgb(var(--ui-156));font-size:14px;line-height:1.8}.modal-body{padding:22px 27px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-82)) transparent}.modal>footer{padding:16px 27px;border-top:1px solid rgb(var(--ui-66));display:flex;gap:9px;justify-content:flex-end}.template-section-list>div{display:flex;gap:15px;padding:9px;border-bottom:1px solid rgb(var(--ui-52));font-size:14px;color:rgb(var(--ui-184))}.template-section-list span{font:14px var(--mono);color:rgb(var(--ui-128))}.framework-structure{font-size:19px;line-height:1.8;color:rgb(var(--ui-184))}.framework-details p{padding:12px 0;border-bottom:1px solid rgb(var(--ui-66));color:rgb(var(--ui-184));font-size:14px}.framework-details span{display:inline-block;min-width:80px;color:rgb(var(--ui-128));font:14px var(--mono)}.new-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.new-option{display:flex;flex-direction:column;gap:13px;border:1px solid rgb(var(--ui-66));background:rgb(var(--ui-42));padding:24px;text-align:left;border-radius:7px}.new-option:hover{border-color:rgb(var(--ui-156))}.new-option svg{color:var(--accent);width:22px;height:22px}.new-option strong{font-size:14px;font-weight:500}.new-option span{color:rgb(var(--ui-156));font-size:14px;line-height:1.8}.new-template-list{display:grid;gap:7px}.new-template-list button{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid rgb(var(--ui-66));border-radius:5px;text-align:left;font-size:14px}.new-template-list button:hover{border-color:rgb(var(--ui-128));background:rgb(var(--ui-42))}.new-template-list button>span{margin-left:auto;font:14px var(--mono);color:rgb(var(--ui-128))}.guide p{font-size:14px;color:rgb(var(--ui-156));line-height:1.9;margin-bottom:20px}.guide strong{display:block;font-size:14px;font-weight:500;color:rgb(var(--ui-184));margin-bottom:5px}#toast{position:fixed;bottom:47px;left:50%;transform:translate(-50%,10px);z-index:60;background:rgb(var(--ui-52));border:1px solid rgb(var(--ui-102));color:rgb(var(--ui-218));box-shadow:0 8px 35px #0005;padding:11px 19px;border-radius:6px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%)}@media(min-width:1800px){.app-body{grid-template-columns:52px 280px minmax(500px,1fr) 310px}.planning-scroll{padding-left:80px;padding-right:80px}.outline-content>p{max-width:450px}}@media(max-width:1350px){.wordmark small{display:none}.project-title{max-width:160px;min-width:80px}.project-title input{max-width:110px}.topbar{gap:12px}.save-status{display:none}.app-body{grid-template-columns:45px 230px minmax(300px,1fr) 260px}.planning-scroll{padding:35px 22px}.outline-card{gap:9px;padding:14px 10px}.mini-layout{display:none}.mode-switch button{padding:7px 9px}.mode-switch kbd{display:none}.export-scroll{padding:35px 22px}.export-summary{gap:18px}.export-summary-action{gap:8px}}@media(max-width:1080px){.app-body{grid-template-columns:42px 205px minmax(280px,1fr) 235px}.top-actions>.button.subtle{display:none}.project-title{display:none}.topbar{padding:0 12px}.wordmark{font-size:15px}.mode-switch{margin:auto}.library-panel .panel-heading{padding:20px 12px}.library-tabs,.searchbox,#category-filter{margin-left:10px;margin-right:10px}.block-item small{max-width:120px}.inspector-section,.selected-heading{padding:16px 13px}.section-number,.drag-handle{display:none}.outline-content>p{max-width:180px}.outline-card{gap:10px}.section-type{width:27px;height:29px}.row-tools{display:none}.page-meta{gap:12px}.toolbar-right{gap:7px}.workspace-toolbar{padding:0 15px}.viewport-label{display:none}.statusbar>span:nth-child(2){display:none}.export-summary{flex-wrap:wrap}.export-summary-action{width:100%;flex-direction:row;margin:0}.code-panel pre{max-height:calc(100svh - 430px)}}@media(max-width:850px){.app-body{grid-template-columns:42px 185px minmax(300px,1fr)}.inspector{position:fixed;right:0;top:111px;bottom:28px;width:235px;z-index:9;box-shadow:-10px 0 30px #0004;transform:translate(100%);transition:transform .2s}.app-body:focus-within .inspector{transform:translate(0)}.top-actions .icon-btn,.top-actions .button.accent{display:none}.topbar{gap:5px}.mode-switch button{font-size:14px;padding:7px 10px;gap:5px}.wordmark .mark{width:25px;height:25px}.wordmark{font-size:14px}.page-intro h1{font-size:25px}.outline-content>p{max-width:250px}.mini-layout{display:grid}.row-tools{display:flex}.section-number{display:block}.canvas-scroll{padding:14px 20px}.library-footer{font-size:14px;padding:10px}.visual-caption>span:last-child{display:none}}@media(max-width:600px){body{overflow:auto}.topbar{height:58px;padding:0 10px;flex-wrap:wrap;gap:6px}.wordmark{font-size:14px}.wordmark .mark{display:none}.mode-switch{margin-left:auto;margin-right:0}.mode-switch button{padding:6px 8px;font-size:14px}.mode-switch svg{width:12px;height:12px}.top-actions{display:none}.app-body{height:calc(100svh - 86px);grid-template-columns:37px minmax(0,1fr);grid-template-rows:160px minmax(0,1fr)}.rail{grid-row:1/3;padding-top:10px}.rail-btn{width:28px;height:29px}.library-panel{grid-column:2;border-bottom:1px solid var(--line)}.panel-heading{padding:10px 12px!important}.panel-heading .overline,.count-badge,.library-tabs,#category-filter,.library-footer{display:none}.panel-heading h2{font-size:14px}.searchbox{position:absolute;right:12px;top:65px;width:145px;margin:0;height:29px}.searchbox input{font-size:14px}.library-list{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:0 10px 10px;min-height:100px}.group-label{display:none}.block-item{min-width:143px;max-width:143px;flex-direction:column;align-items:flex-start;gap:5px;padding:9px;min-height:82px;border:1px solid rgb(var(--ui-52));background:rgb(var(--ui-34))}.block-symbol{height:21px;width:23px}.block-item>span:nth-child(2){font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.block-item small{font-size:14px;max-width:123px}.block-add{position:absolute;display:none}.workspace{grid-column:2;grid-row:2}.workspace-toolbar{height:39px;min-height:39px;padding:0 12px}.toolbar-right .text-button{font-size:14px}.toolbar-right .muted{display:none}.planning-scroll{padding:25px 14px}.page-intro h1{font-size:23px;letter-spacing:-.9px}.page-intro>p{font-size:14px}.page-meta{gap:10px}.page-meta button{font-size:14px}.outline-label{margin-top:24px}.outline-card{padding:12px 9px;min-height:85px;gap:9px}.section-number,.mini-layout,.row-arrow{display:none}.outline-content h3{font-size:14px}.outline-content>p{font-size:14px;max-width:180px}.outline-badges>span{font-size:14px}.outline-content{min-width:0}.outline-card .row-tools{display:flex;opacity:1}.outline-card .row-tools button{width:20px;height:20px}.section-type{width:25px;height:28px}.add-section{padding:12px;font-size:14px}.add-section>span{display:none}.planning-tip{font-size:14px}.statusbar{padding:0 10px;font-size:14px}.statusbar>span:last-child{display:none}.inspector{top:257px;bottom:28px;width:min(290px,calc(100vw - 50px))}.app-body:focus-within .inspector{transform:translate(100%)}.inspector.mobile-open,.app-body:focus-within .inspector.mobile-open{transform:translate(0)}.inspector-heading{cursor:pointer}.template-card{min-width:190px;margin:0}.template-mini{display:none}.template-number{top:10px;right:10px}.template-card strong{padding-right:25px;font-size:14px}.template-meta{margin-top:12px}.framework-card{min-width:210px;margin:0;padding:11px}.framework-card .overline{font-size:14px}.framework-card strong{font-size:14px;margin:3px 0}.framework-card p{font-size:14px;line-height:1.5;margin:0}.framework-card small{font-size:14px}.visual-caption{padding:12px;font-size:14px}.canvas-scroll{padding:10px 14px 20px}.canvas-bottom{font-size:14px}.export-scroll{padding:25px 14px}.export-summary{gap:20px;padding-top:12px}.export-summary strong{font-size:20px}.export-summary-action button{padding:7px;font-size:14px}.code-panel pre{padding:15px;font-size:14px;max-height:300px}.code-header{font-size:14px;padding:0 10px}.library-panel:has(.file-tree){overflow:auto}.library-panel .sidebar-description,.library-panel .export-note,.library-panel>.full{display:none}.file-tree{display:flex;gap:8px;padding:0 10px}.file-tree>button{min-width:150px;font-size:14px;border:1px solid rgb(var(--ui-66));padding:15px 9px;align-self:flex-start}.new-options{grid-template-columns:1fr}.modal-backdrop{padding:14px}.modal>header{padding:20px}.modal-body{padding:20px}.modal>footer{padding:14px 20px}.modal h2{font-size:21px}.new-option{padding:18px;gap:9px}.framework-structure{font-size:16px}}.frame-viewport{position:relative;margin:0 auto}.frame-viewport>.canvas-frame{position:absolute;top:0;left:0;transform-origin:top left}.inspector-close{display:none}@media(max-width:850px){.app-body:focus-within .inspector{transform:translate(100%)}.inspector.open,.app-body:focus-within .inspector.open{transform:translate(0)}.inspector-close{display:inline-flex;margin-left:8px}.inspector-heading>.tiny-pill{margin-left:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.studio-loader,.studio-loader:after{box-sizing:border-box}.studio-loader{display:inline-block;width:32px;height:32px}.studio-loader:after{content:" ";display:block;width:26px;height:26px;margin:3px;border-radius:50%;border:2.6px solid currentColor;border-color:currentColor transparent currentColor transparent;animation:studio-loader-spin 1.2s linear infinite}@keyframes studio-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.studio-loader{flex:none;vertical-align:middle;color:inherit}@media(prefers-reduced-motion:reduce){.studio-loader:after{animation:none;transform:rotate(45deg)}}.navigator-page{display:flex;align-items:center;gap:8px;color:rgb(var(--ui-184));font-size:14px;padding:10px 16px;border-bottom:1px solid var(--line);background:rgb(var(--ui-23))}.navigator-page>span{color:rgb(var(--ui-156))}.navigator-page>button:first-of-type{margin-left:auto}.navigator-page button{font-size:14px;color:rgb(var(--ui-156));padding:0 4px}.navigator-tree{flex:1;overflow:auto;padding:7px 0 25px;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-66)) transparent}.nav-row{display:flex;align-items:center;min-height:29px;padding-left:calc(5px + var(--depth)*13px);padding-right:9px;border:1px solid transparent;position:relative;color:rgb(var(--ui-156))}.nav-row:hover{background:rgb(var(--ui-42));color:rgb(var(--ui-218))}.nav-row.selected{background:rgb(var(--ui-42));border-color:rgb(var(--ui-102));color:rgb(var(--ui-184))}.nav-row.nav-section{margin-top:7px;font-weight:500;color:rgb(var(--ui-184))}.nav-disclosure{width:16px;min-width:16px;padding:0;font-size:17px;line-height:20px;color:rgb(var(--ui-128))}.nav-disclosure:disabled{opacity:0;pointer-events:none}.nav-label{display:flex;gap:7px;align-items:center;text-align:left;min-width:0;flex:1;padding:3px 0;font-size:14px;line-height:1.5}.nav-label>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tag-icon{font:14px var(--mono);color:rgb(var(--ui-128));min-width:12px}.selected .tag-icon{color:var(--accent)}.style-dot{display:block;width:4px;height:4px;border-radius:50%;background:rgb(var(--ui-156));margin-left:auto;flex-shrink:0}.nav-drop-before{box-shadow:inset 0 2px var(--accent)}.nav-drop-after{box-shadow:inset 0 -2px var(--accent)}.nav-drop-inside{background:rgb(var(--ui-66))!important;border-color:rgb(var(--ui-156))!important}.nav-additions{padding:13px 13px 12px;border-top:1px solid var(--line);background:rgb(var(--ui-28))}.nav-additions .overline{font-size:14px;letter-spacing:.5px;margin-bottom:10px}.nav-additions>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.nav-additions button{font-size:14px;text-align:center;border:1px solid rgb(var(--ui-66));border-radius:4px;padding:6px 4px;background:rgb(var(--ui-34));color:rgb(var(--ui-184))}.nav-additions button:hover{border-color:rgb(var(--ui-128));background:rgb(var(--ui-42))}.designer-insert-back{padding:12px 16px 0;font-size:14px;color:rgb(var(--ui-156))}.library-panel:has(.navigator-tree)>.library-footer{font-size:14px;line-height:1.7;padding:10px 14px}.designer-inspector-tabs{display:flex;border-bottom:1px solid var(--line);background:rgb(var(--ui-23));padding:0 14px;flex-shrink:0}.designer-inspector-tabs button{font-size:14px;padding:11px 17px;color:rgb(var(--ui-128));border-bottom:2px solid transparent}.designer-inspector-tabs button.active{color:rgb(var(--ui-184));border-color:rgb(var(--ui-156))}.element-selector{display:flex;align-items:center;gap:7px;margin:17px 13px 12px;border:1px solid rgb(var(--ui-82));border-radius:5px;padding:6px;background:rgb(var(--ui-23))}.element-tag{font:14px var(--mono);color:rgb(var(--ui-184));background:rgb(var(--ui-66));border:1px solid rgb(var(--ui-102));padding:3px 5px;border-radius:3px}.element-selector input{border:0;background:none;box-shadow:none;min-width:0;width:100%;font-size:14px;padding:2px;color:rgb(var(--ui-218))}.element-selector>button{font-size:18px;padding:0 3px;color:rgb(var(--ui-156))}.breakpoint-banner{display:flex;align-items:center;gap:6px;padding:0 14px 14px;font-size:14px;line-height:1.7;color:rgb(var(--ui-156))}.breakpoint-banner small{margin-left:auto;font:14px var(--mono);color:rgb(var(--ui-128))}.style-group{border-top:1px solid rgb(var(--ui-52))}.style-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:14px 15px;font-size:14px;font-weight:500;color:rgb(var(--ui-184))}.style-group>summary::-webkit-details-marker{display:none}.style-group>summary>span{color:rgb(var(--ui-128));font-size:15px}.style-group:not([open])>summary>span{transform:rotate(-90deg)}.style-group>div{padding:0 14px 15px}.control-caption{display:block;font:14px var(--mono);letter-spacing:.8px;color:rgb(var(--ui-128));margin-bottom:9px}.style-segment{display:flex;border:1px solid rgb(var(--ui-66));border-radius:5px;overflow:hidden;margin-bottom:13px;background:rgb(var(--ui-28))}.style-segment button{flex:1;font-size:14px;padding:7px 4px;color:rgb(var(--ui-156));border-right:1px solid rgb(var(--ui-66))}.style-segment button:last-child{border:0}.style-segment button.active{background:rgb(var(--ui-66));color:rgb(var(--ui-184))}.style-segment button:hover{color:rgb(var(--ui-218));background:rgb(var(--ui-42))}.designer-field{display:flex;flex-direction:column;gap:6px;margin-bottom:11px;min-width:0}.designer-field>span{font-size:14px;color:rgb(var(--ui-156));display:flex;align-items:center;gap:6px}.designer-field>span>i{color:rgb(var(--ui-184));font-size:14px;font-style:normal}.designer-field input,.designer-field select,.designer-field textarea{width:100%;font-size:14px;padding:7px 8px;border:1px solid rgb(var(--ui-66));border-radius:4px;background:rgb(var(--ui-28));color:rgb(var(--ui-218))}.designer-field input::placeholder{color:rgb(var(--ui-102));font-size:14px}.designer-field select{padding-left:6px;padding-right:3px;line-height:1.4}.designer-field textarea{font-size:14px;line-height:1.7;resize:vertical}.designer-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.spacing-box{position:relative;border:1px solid rgb(var(--ui-102));border-radius:5px;height:117px;background:rgb(var(--ui-42) / .533);margin-bottom:10px;padding:8px}.spacing-box.margin{background:rgb(var(--ui-52) / .4);border-color:rgb(var(--ui-82))}.spacing-box>span{position:absolute;left:8px;top:7px;font:14px var(--mono);letter-spacing:.8px;color:rgb(var(--ui-156))}.spacing-box.padding>span{color:rgb(var(--ui-156))}.spacing-box>input{position:absolute;width:43px;height:24px;font:14px var(--mono);background:rgb(var(--ui-28));border:1px solid rgb(var(--ui-82));padding:4px;text-align:center;color:rgb(var(--ui-218))}.spacing-box.margin>input{border-color:rgb(var(--ui-82))}.spacing-box input::placeholder{color:rgb(var(--ui-102));font-size:14px}.spacing-box .box-top{left:calc(50% - 21px);top:7px}.spacing-box .box-right{right:7px;top:calc(50% - 12px)}.spacing-box .box-bottom{left:calc(50% - 21px);bottom:7px}.spacing-box .box-left{left:7px;top:calc(50% - 12px)}.box-center{position:absolute;inset:39px 55px;border:1px solid rgb(var(--ui-102) / .267);background:rgb(var(--ui-34) / .533);display:flex;align-items:center;justify-content:center;font:14px var(--mono);letter-spacing:.5px;color:rgb(var(--ui-128));pointer-events:none}.style-hint{font-size:14px;line-height:1.8;color:rgb(var(--ui-128));margin:11px 0 0}.element-move-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px}.element-move-buttons button{border:1px solid rgb(var(--ui-82));background:rgb(var(--ui-42));color:rgb(var(--ui-156));font-size:14px;padding:8px 5px;border-radius:4px}.element-move-buttons button:hover{border-color:rgb(var(--ui-128));color:rgb(var(--ui-184))}.reset-styles{width:100%;padding:9px;font-size:14px;color:rgb(var(--ui-156));border:1px dashed rgb(var(--ui-82));border-radius:4px;margin-top:8px}.full-width{width:100%;margin:0 0 13px}.viewport-inputs{display:flex;align-items:center;gap:7px;font:14px var(--mono);color:rgb(var(--ui-102))}.viewport-inputs label{display:flex;align-items:center;gap:5px;color:rgb(var(--ui-128))}.viewport-inputs input{width:52px;font:14px var(--mono);padding:4px 5px;border:1px solid rgb(var(--ui-66));border-radius:3px;background:rgb(var(--ui-28));color:rgb(var(--ui-184));appearance:textfield}.viewport-inputs input::-webkit-inner-spin-button{appearance:none}#zoom-actual{font:14px var(--mono);color:rgb(var(--ui-128));min-width:27px}.visual-workspace .workspace-toolbar{padding:0 15px;gap:8px}.visual-workspace .toolbar-right{gap:8px}.visual-workspace .breadcrumb{gap:7px}.frame-viewport:after{content:"";position:absolute;inset:-1px;border:1px solid rgb(var(--ui-102) / .2);border-radius:6px;pointer-events:none}.canvas-scroll{background-image:radial-gradient(rgb(var(--ui-102) / .2) .6px,transparent .6px);background-size:16px 16px}.visual-caption{font-size:14px}.visual-workspace .canvas-bottom{margin-top:15px}.visual-workspace .viewport-label{display:none}@media(max-width:1350px){.visual-workspace .toolbar-right{gap:5px}.visual-workspace .breadcrumb>span:not(.crumb-slash){display:none}.viewport-inputs input{width:44px;font-size:14px}.viewport-inputs{gap:4px}.viewport-inputs label{gap:3px}.visual-workspace .device-switch button{padding:4px 5px}.visual-workspace .workspace-toolbar{padding:0 10px}.visual-workspace .breadcrumb select{max-width:75px}.visual-workspace .breadcrumb>svg{display:none}.visual-workspace .toolbar-right .icon-btn{width:22px}#zoom-actual{display:none}}@media(max-width:1080px){.visual-workspace .workspace-toolbar{height:auto;min-height:76px;align-content:center;flex-wrap:wrap;padding:9px 12px;gap:8px}.visual-workspace .breadcrumb{width:100%;height:16px}.visual-workspace .toolbar-right{width:100%;justify-content:space-between}.nav-label{font-size:14px}.nav-row{padding-left:calc(2px + var(--depth)*10px);padding-right:5px}.nav-disclosure{width:12px;min-width:12px}.nav-additions{padding:10px}.nav-additions>div{grid-template-columns:1fr 1fr}.designer-field input,.designer-field select{font-size:14px}.spacing-box>input{width:37px}.spacing-box .box-top,.spacing-box .box-bottom{left:calc(50% - 18px)}.box-center{left:47px;right:47px}.breakpoint-banner{font-size:14px}.breakpoint-banner small{display:none}}@media(max-width:850px){.visual-workspace .breadcrumb,.visual-workspace .toolbar-right{width:auto}.visual-workspace .workspace-toolbar{min-height:46px;flex-wrap:nowrap}.visual-workspace .breadcrumb>select{max-width:50px}.viewport-inputs input{width:42px}.visual-workspace .toolbar-right>.icon-btn{display:none}.nav-additions .overline{font-size:14px}.library-panel:has(.navigator-tree)>.library-footer{font-size:14px}}@media(max-width:600px){.library-panel:has(.navigator-tree){display:flex;flex-direction:column}.library-panel:has(.navigator-tree)>.library-tabs{display:flex;position:absolute;right:10px;top:63px;margin:0;width:151px}.library-panel:has(.navigator-tree)>.searchbox,.navigator-page,.nav-additions,.library-panel:has(.navigator-tree)>.library-footer{display:none}.navigator-tree{padding:3px 7px 10px;overflow:auto;max-height:119px}.nav-row{min-height:24px}.nav-row.nav-section{margin-top:3px}.nav-label{font-size:14px}.visual-workspace .workspace-toolbar{flex-wrap:wrap;min-height:68px}.visual-workspace .breadcrumb,.visual-workspace .toolbar-right{width:100%}.viewport-inputs input{width:42px;padding:3px}.visual-workspace .device-switch button{padding:3px}.visual-workspace .device-switch svg{width:11px}.designer-insert-back{font-size:14px;padding:6px 10px}.style-group>summary{font-size:14px}.designer-field input,.designer-field select,.designer-field textarea{font-size:14px}.designer-field>span{font-size:14px}.nav-label{padding:2px 0}}.navigator-content{width:max-content;min-width:100%}.navigator-content .nav-label{flex:1 0 auto;width:max-content}.navigator-content .nav-label>span:nth-child(2){overflow:visible;text-overflow:clip;white-space:nowrap}.navigator-content .nav-menu{flex:none}.navigator-resize{position:absolute;inset:0 0 0 auto;width:6px;z-index:2;cursor:col-resize;touch-action:none;outline:none}.navigator-resize:after{content:"";position:absolute;inset:0 0 0 auto;width:2px;background:transparent;transition:background .12s}.navigator-resize:hover:after,.navigator-resize:focus-visible:after,.navigator-resizing .navigator-resize:after{background:rgb(var(--ui-156))}.navigator-resizing,.navigator-resizing *{cursor:col-resize!important;user-select:none!important}.navigator-resizing iframe{pointer-events:none}.navigator-drop-feedback{position:absolute;left:10px;right:10px;bottom:10px;z-index:5;pointer-events:none;min-height:30px;max-height:80px;overflow:hidden;padding:5px 10px;border:1px solid var(--studio-divider);border-radius:5px;box-shadow:var(--studio-overlay-shadow);font:400 12px/20px Inter,system-ui,sans-serif;color:var(--studio-text);background:var(--studio-panel);overflow-wrap:anywhere}.navigator-drop-feedback[hidden]{display:none}.navigator-drop-feedback[data-invalid=true]{border-color:var(--danger,#b24f57)}.nav-row.nav-drop-invalid{outline:1px dashed var(--danger,#e47b7b);outline-offset:-1px;cursor:not-allowed}.inspector{background:rgb(var(--ui-28));color:rgb(var(--ui-218))}.inspector-heading{background:rgb(var(--ui-23));border-color:rgb(var(--ui-42));color:rgb(var(--ui-184))}.designer-inspector-tabs{background:rgb(var(--ui-28));border-color:rgb(var(--ui-52));padding:0 12px;gap:9px}.designer-inspector-tabs button{font-size:14px;padding:10px 5px;color:rgb(var(--ui-156))}.designer-inspector-tabs button.active{color:rgb(var(--ui-242));border-color:rgb(var(--ui-242))}.refined-inspector{background:rgb(var(--ui-28));scrollbar-color:rgb(var(--ui-66)) transparent}.class-selector-area{padding:13px 12px 9px;border-bottom:1px solid rgb(var(--ui-52));background:rgb(var(--ui-28))}.selector-caption{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:rgb(var(--ui-156));margin-bottom:8px}.selector-caption>button{font-size:14px;color:rgb(var(--ui-156));padding:0}.selector-caption>button:hover{color:rgb(var(--ui-218))}.selector-caption>button>span{margin-left:5px;color:rgb(var(--ui-102))}.class-chip-field{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-height:41px;padding:5px;border:1px solid rgb(var(--ui-66));background:rgb(var(--ui-18));border-radius:5px;box-shadow:inset 0 1px 2px #0003}.selector-tag{font:14px var(--mono);color:rgb(var(--ui-156));background:rgb(var(--ui-42));border:1px solid rgb(var(--ui-66));padding:6px 5px;border-radius:3px}.class-chip{display:flex;align-items:center;gap:0;background:rgb(var(--ui-66));border:1px solid rgb(var(--ui-102));border-radius:3px;max-width:100%;box-shadow:0 1px 1px #0003}.class-chip>button:first-child{font-size:14px;color:rgb(var(--ui-218));padding:4px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.class-chip.active{background:rgb(var(--ui-82));border-color:rgb(var(--ui-128))}.class-chip.active>button:first-child{color:rgb(var(--ui-255))}.class-chip.combo{border-color:rgb(var(--ui-102));background:rgb(var(--ui-66))}.class-chip.combo.active{background:rgb(var(--ui-82));border-color:rgb(var(--ui-156))}.class-chip .chip-remove{padding:4px 4px 4px 0;color:rgb(var(--ui-184));font-size:14px;opacity:.55}.class-chip:hover .chip-remove{opacity:1}.class-empty{font-size:14px;color:rgb(var(--ui-102));flex:1}.selector-plus{margin-left:auto;padding:3px 5px;font-size:16px;color:rgb(var(--ui-156));line-height:1.2}.selector-plus:hover{color:rgb(var(--ui-218));background:rgb(var(--ui-52));border-radius:3px}.selector-meta{display:flex;align-items:center;gap:9px;margin:7px 0 9px;font-size:14px;color:rgb(var(--ui-128));line-height:1.6}.selector-meta>button{display:flex;align-items:center;gap:5px;font-size:14px;padding:1px 4px;color:rgb(var(--ui-128));border:1px solid transparent;border-radius:3px}.selector-meta>button:first-of-type{margin-left:auto}.selector-meta>button.active{border-color:rgb(var(--ui-82));color:rgb(var(--ui-184));background:rgb(var(--ui-42))}.selector-meta i{width:4px;height:4px;background:rgb(var(--ui-184));border-radius:50%}.style-target-note{font-size:14px;display:flex;gap:5px;align-items:center;color:rgb(var(--ui-128))}.style-target-note strong{font:14px var(--mono);font-weight:400;color:rgb(var(--ui-184));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:160px}.style-target-note>span{font:14px var(--mono);text-transform:uppercase;border:1px solid rgb(var(--ui-66));color:rgb(var(--ui-128));padding:1px 3px;border-radius:2px;margin-left:auto}.layout-selectors{font-size:14px;color:rgb(var(--ui-102));margin-top:8px}.layout-selectors summary{cursor:pointer;display:flex;justify-content:space-between}.layout-selectors p{font:14px/1.8 var(--mono);color:rgb(var(--ui-128));margin-top:6px}.layout-selectors small{display:block;font:14px/1.7 var(--sans);color:rgb(var(--ui-102));margin-top:4px}.refined-breakpoint{display:flex;align-items:center;gap:6px;padding:9px 13px;font:14px var(--mono);color:rgb(var(--ui-156));background:rgb(var(--ui-23));border-bottom:1px solid rgb(var(--ui-52))}.refined-breakpoint>button{margin-left:auto;color:rgb(var(--ui-128));font:14px var(--mono);padding:1px 0}.refined-breakpoint>button:hover{color:rgb(var(--ui-184))}.refined-breakpoint .status-dot{background:rgb(var(--ui-156));width:4px;height:4px}.refined-group{border-color:rgb(var(--ui-52))}.refined-group>summary{padding:12px 13px;font-size:14px;color:rgb(var(--ui-218));font-weight:500;letter-spacing:-.15px}.refined-group>summary>span{font-size:14px;color:rgb(var(--ui-102))}.refined-group>div{padding:0 12px 13px}.compact-property{display:grid;grid-template-columns:55px minmax(0,1fr);gap:6px;align-items:center;margin-bottom:8px}.compact-property>.property-label{font-size:14px;color:rgb(var(--ui-156));line-height:1.4;align-self:center}.property-label.is-set{color:rgb(var(--ui-184))!important;background:rgb(var(--ui-52));border-radius:2px;width:max-content;max-width:100%;padding:1px 3px;margin-left:-3px}.unit-input{display:flex;align-items:center;height:28px;min-width:0;border:1px solid rgb(var(--ui-66));border-radius:4px;background:rgb(var(--ui-18));overflow:hidden}.unit-input:focus-within{border-color:rgb(var(--ui-128));box-shadow:0 0 0 1px rgb(var(--ui-102) / .2)}.unit-input>input{border:0!important;box-shadow:none!important;background:transparent!important;width:100%;min-width:0;padding:5px 7px!important;font-size:14px!important;height:26px;color:rgb(var(--ui-218))!important;line-height:1.5}.unit-input input::placeholder{color:rgb(var(--ui-128))!important;font-size:14px!important}.unit-input>select{flex-shrink:0!important;width:34px!important;border:0!important;border-left:1px solid rgb(var(--ui-52))!important;border-radius:0!important;box-shadow:none!important;background:rgb(var(--ui-34))!important;padding:4px 1px 4px 3px!important;font:14px var(--mono)!important;color:rgb(var(--ui-156))!important;height:26px;appearance:none;text-align:center}.unit-input>select:hover{background:rgb(var(--ui-52))!important;color:rgb(var(--ui-218))!important}.compact-property>select{height:28px;border-color:rgb(var(--ui-66));background:rgb(var(--ui-42));color:rgb(var(--ui-184));padding:4px 6px;font-size:14px;box-shadow:0 1px 2px #0002}.refined-group .designer-two{gap:10px}.refined-group .designer-two>.compact-property{grid-template-columns:38px minmax(0,1fr);gap:4px}.refined-group .designer-two .property-label{font-size:14px}.refined-group .designer-field>span:not(.property-label){font-size:14px;color:rgb(var(--ui-156))}.refined-group .designer-field>textarea{background:rgb(var(--ui-18));border-color:rgb(var(--ui-66));color:rgb(var(--ui-218));line-height:1.7;font-size:14px;padding:9px}.refined-segment{border-color:rgb(var(--ui-66));border-radius:4px;background:rgb(var(--ui-42));margin-bottom:0;height:28px}.refined-segment>button{font-size:14px;color:rgb(var(--ui-156));padding:4px 5px;border-color:rgb(var(--ui-52));min-width:0}.refined-segment>button.active{background:rgb(var(--ui-28));color:rgb(var(--ui-242));box-shadow:inset 0 0 0 1px rgb(var(--ui-102));border-radius:3px}.refined-segment>button:hover{background:rgb(var(--ui-66));color:rgb(var(--ui-218))}.layout-display-row{display:grid;grid-template-columns:53px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:10px}.layout-display-row>.property-label,.layout-direction-row>.property-label{font-size:14px;color:rgb(var(--ui-156))}.layout-direction-row{display:grid;grid-template-columns:53px 1fr 82px;gap:7px;align-items:center;margin-bottom:12px}.layout-direction-row .refined-segment button{font-size:15px;line-height:1;padding:2px 5px}.layout-direction-row>.compact-property{grid-template-columns:26px 1fr;gap:4px;margin:0}.layout-direction-row>.compact-property>.property-label{font-size:14px}.layout-direction-row select{font-size:14px!important;padding-left:3px}.alignment-row{display:grid;grid-template-columns:42px 62px minmax(0,1fr);gap:9px;align-items:center;margin-bottom:12px}.alignment-row>span{font-size:14px;color:rgb(var(--ui-156))}.alignment-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:62px;width:62px;border:1px solid rgb(var(--ui-66));border-radius:5px;padding:5px;background:rgb(var(--ui-23));gap:2px;box-shadow:inset 0 1px 4px #0003}.alignment-grid button{display:grid;place-items:center;padding:0;border-radius:2px}.alignment-grid button>i{display:block;width:3px;height:3px;border-radius:50%;background:rgb(var(--ui-102))}.alignment-grid button.active>i{width:4px;height:9px;border-radius:1px;background:rgb(var(--ui-242));box-shadow:0 0 7px rgb(var(--ui-184) / .267)}.alignment-grid button:hover{background:rgb(var(--ui-66))}.alignment-grid button:hover>i{background:rgb(var(--ui-184))}.alignment-row>div:last-child .compact-property{grid-template-columns:14px 1fr;gap:5px;margin-bottom:5px}.alignment-row>div:last-child .compact-property:last-child{margin:0}.alignment-row>div:last-child select{height:28px;max-width:100%;font-size:14px}.gap-control{display:grid;grid-template-columns:35px minmax(30px,1fr) 98px;gap:8px;align-items:center;margin-top:6px}.gap-control>span:first-child{font-size:14px;color:rgb(var(--ui-156))}.gap-control>input[type=range]{appearance:none;height:3px;min-width:0;padding:0;background:rgb(var(--ui-66));border:0;border-radius:2px;box-shadow:none;margin:0}.gap-control>input::-webkit-slider-thumb{appearance:none;width:7px;height:13px;border-radius:2px;background:rgb(var(--ui-156));cursor:ew-resize;border:1px solid rgb(var(--ui-218))}.gap-control>input::-moz-range-thumb{width:7px;height:13px;border-radius:2px;background:rgb(var(--ui-156));cursor:ew-resize;border:0}.nested-spacing{height:151px;position:relative;border:1px solid rgb(var(--ui-66));border-radius:5px;background:conic-gradient(from 45deg at 50% 50%,rgb(var(--ui-52) / .333) 0 90deg,rgb(var(--ui-42) / .4) 90deg 180deg,rgb(var(--ui-52) / .333) 180deg 270deg,rgb(var(--ui-42) / .4) 270deg 360deg);box-shadow:0 1px 3px #0003;overflow:hidden}.nested-spacing>.margin-label{position:absolute;left:8px;top:6px;font:14px var(--mono);letter-spacing:.4px;color:rgb(var(--ui-156))}.nested-spacing input{position:absolute;border:0!important;background:transparent!important;font:14px var(--mono)!important;box-shadow:none!important;padding:1px!important;text-align:center;width:36px;height:20px;line-height:20px!important;color:rgb(var(--ui-184))!important}.nested-spacing input::placeholder{color:rgb(var(--ui-128))!important;font:14px var(--mono)!important}.nested-spacing input:focus{background:rgb(var(--ui-42))!important;border-radius:3px;outline:1px solid rgb(var(--ui-156))!important}.nested-spacing input.is-set{color:rgb(var(--ui-184))!important}.spacing-top{top:4px;left:calc(50% - 18px)}.spacing-bottom{bottom:4px;left:calc(50% - 18px)}.spacing-left{left:0;top:calc(50% - 10px)}.spacing-right{right:0;top:calc(50% - 10px)}.inner-padding{position:absolute;inset:29px 35px;border:1px solid rgb(var(--ui-82));background:conic-gradient(from 45deg,rgb(var(--ui-66) / .267) 0 90deg,rgb(var(--ui-42) / .4) 90deg 180deg,rgb(var(--ui-66) / .267) 180deg 270deg,rgb(var(--ui-52) / .4) 270deg 360deg);border-radius:2px}.inner-padding>span{position:absolute;left:6px;top:4px;font:14px var(--mono);letter-spacing:.3px;color:rgb(var(--ui-156))}.inner-padding>.spacing-top{top:3px}.inner-padding>.spacing-bottom{bottom:3px}.inner-padding>.spacing-left{left:0}.inner-padding>.spacing-right{right:0}.spacing-core{position:absolute;inset:35px 36px;border:1px solid rgb(var(--ui-18));background:rgb(var(--ui-28));border-radius:2px;box-shadow:inset 0 1px 3px #0004;pointer-events:none}.spacing-presets{display:flex;align-items:center;gap:5px;margin-top:9px}.spacing-presets>span{font-size:14px;color:rgb(var(--ui-128));margin-right:auto}.spacing-presets button{font:14px var(--mono);padding:3px 7px;background:rgb(var(--ui-42));border:1px solid rgb(var(--ui-66));border-radius:3px;color:rgb(var(--ui-156))}.spacing-presets button:hover{border-color:rgb(var(--ui-156));color:rgb(var(--ui-218))}.refined-group .element-selector{margin:0 0 12px;border-color:rgb(var(--ui-66));background:rgb(var(--ui-23))}.refined-group .element-move-buttons button{background:rgb(var(--ui-42));border-color:rgb(var(--ui-66));color:rgb(var(--ui-156))}.refined-group .full-width{min-height:29px;font-size:14px;background:rgb(var(--ui-34));border-color:rgb(var(--ui-66))}.refined-group .designer-field>select:not([data-style]){background:rgb(var(--ui-34));border-color:rgb(var(--ui-66));color:rgb(var(--ui-184))}.class-modal-search{display:flex;align-items:center;gap:8px;border:1px solid rgb(var(--ui-66));background:rgb(var(--ui-23));border-radius:5px;padding:0 10px;margin-bottom:14px;color:rgb(var(--ui-128))}.class-modal-search>input{background:none;border:0!important;box-shadow:none!important;padding:10px 0;min-width:0;flex:1;font-size:14px}.class-picker-results{max-height:220px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-82)) transparent}.class-option{display:flex;align-items:center;gap:9px;width:100%;padding:10px 8px;border:1px solid transparent;border-radius:4px;text-align:left}.class-option:hover{background:rgb(var(--ui-52));border-color:rgb(var(--ui-82))}.class-kind{font:14px var(--mono);padding:3px 4px;border:1px solid rgb(var(--ui-82));color:rgb(var(--ui-184));background:rgb(var(--ui-52));border-radius:3px;white-space:nowrap}.class-kind.is-combo{background:rgb(var(--ui-52));border-color:rgb(var(--ui-102));color:rgb(var(--ui-184))}.class-option strong{font:14px var(--mono);font-weight:400;color:rgb(var(--ui-218))}.class-option small{margin-left:auto;color:rgb(var(--ui-128));font:14px var(--mono)}.class-empty-state{padding:25px 10px;text-align:center;font-size:14px;color:rgb(var(--ui-128))}.class-create-area{border-top:1px solid rgb(var(--ui-66));padding-top:20px;margin-top:16px}.class-create-row{display:flex;gap:8px}.class-create-row>input{width:100%;min-width:0;font:14px var(--mono);padding:9px}.class-create-row>select{font-size:14px;min-width:100px;padding:7px}.class-context{font:14px/1.9 var(--mono);color:rgb(var(--ui-128));margin-top:9px;display:flex;flex-wrap:wrap;gap:5px}.class-context span{color:rgb(var(--ui-184));border:1px solid rgb(var(--ui-82));border-radius:2px;padding:0 4px}.class-promote{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.7;color:rgb(var(--ui-156));margin-top:14px;cursor:pointer}.class-promote input{margin:3px 0 0;accent-color:rgb(var(--ui-156))}.class-manager-stats{display:flex;gap:28px;margin-bottom:20px}.class-manager-stats>span{display:flex;align-items:center;gap:8px;color:rgb(var(--ui-128));font:14px var(--mono)}.class-manager-stats strong{font:24px var(--sans);font-weight:400;color:rgb(var(--ui-218))}.class-manager-stats .unused-count strong{color:rgb(var(--ui-184))}.class-manager-results{max-height:310px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-82)) transparent}.managed-class{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 4px;border-bottom:1px solid rgb(var(--ui-52))}.managed-class>div{min-width:0}.managed-class strong{display:block;font:14px/1.7 var(--mono);font-weight:400;color:rgb(var(--ui-218));margin:5px 0 2px;overflow-wrap:anywhere}.managed-class small{font-size:14px;color:rgb(var(--ui-128))}.managed-class>button{font-size:14px;color:rgb(var(--ui-156));border:1px solid rgb(var(--ui-82));padding:5px 9px;border-radius:3px;flex-shrink:0}.cleanup-description{font-size:14px;line-height:1.8;color:rgb(var(--ui-184));margin-bottom:17px}.cleanup-list{max-height:270px;overflow:auto}.cleanup-list>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgb(var(--ui-66));padding:10px 0;color:rgb(var(--ui-156))}.cleanup-list code{font:14px var(--mono);color:rgb(var(--ui-184));overflow-wrap:anywhere}.cleanup-list small{font:14px var(--mono);color:rgb(var(--ui-128));margin-left:auto;white-space:nowrap}@media(min-width:851px){.app-body{grid-template-columns:50px 245px minmax(320px,1fr) 306px}}@media(min-width:1800px){.app-body{grid-template-columns:52px 275px minmax(500px,1fr) 324px}}@media(min-width:851px)and (max-width:1350px){.app-body{grid-template-columns:45px 215px minmax(300px,1fr) 290px}}@media(min-width:851px)and (max-width:1080px){.app-body{grid-template-columns:42px 192px minmax(280px,1fr) 276px}.layout-direction-row{grid-template-columns:48px 1fr 72px;gap:5px}.refined-group .designer-two{gap:6px}.refined-group .designer-two>.compact-property{grid-template-columns:34px 1fr}.alignment-row{grid-template-columns:36px 56px minmax(0,1fr);gap:7px}.alignment-grid{width:56px;height:56px}}@media(max-width:850px){.inspector{width:306px}.refined-group>summary{font-size:14px}.layout-direction-row{grid-template-columns:53px 1fr 82px}}@media(max-width:600px){.inspector{width:min(306px,calc(100vw - 45px))}.class-chip>button:first-child{max-width:140px}.class-create-row{flex-direction:column}.class-manager-stats{gap:20px}.refined-group .designer-field input,.refined-group .designer-field select{font-size:14px}.layout-direction-row{grid-template-columns:49px 1fr 75px}.nested-spacing{height:145px}.class-chip-field{min-height:42px}}.focused-body{height:calc(100svh - 65px);min-height:0;grid-template-rows:minmax(0,1fr)}.focused-body.plan-body{grid-template-columns:224px minmax(0,1fr)}.focused-body.visual-body{grid-template-columns:236px minmax(280px,1fr) 304px}.focused-body>.library-panel,.focused-body>.workspace{grid-column:auto;grid-row:auto}.focused-body .library-panel{background:rgb(var(--ui-23))}.focused-body .panel-heading{height:54px;min-height:54px;padding:0 16px;align-items:center;border-bottom:1px solid rgb(var(--ui-42))}.focused-body .panel-heading h2{font-size:14px;letter-spacing:-.1px;font-weight:500;margin:0;color:rgb(var(--ui-218))}.focused-body .workspace-toolbar{min-height:46px;height:46px;background:rgb(var(--ui-23));padding:0 18px;gap:10px;flex-wrap:nowrap}.focused-body .toolbar-right .button{padding:6px 10px;font-size:14px;min-height:28px}.focused-body .toolbar-right .icon{width:13px;height:13px}.focused-body .workspace{background:rgb(var(--ui-18))}.page-list{padding:12px 10px;display:flex;flex-direction:column;gap:4px;flex:1;overflow:auto}.page-list>button{display:flex;align-items:center;gap:9px;padding:10px 11px;text-align:left;border:1px solid transparent;border-radius:5px;color:rgb(var(--ui-156));font-size:14px}.page-list>button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-list>button small{font:14px var(--mono);color:rgb(var(--ui-102))}.page-list>button.active{background:rgb(var(--ui-42));border-color:rgb(var(--ui-52));color:rgb(var(--ui-218))}.page-list>button.active svg{color:rgb(var(--ui-156))}.page-list>button:hover{background:rgb(var(--ui-42))}.planning-resources{border-top:1px solid rgb(var(--ui-42));padding:12px;display:flex;flex-direction:column;gap:8px}.planning-resources .button{justify-content:flex-start;padding:9px 11px;font-size:14px;color:rgb(var(--ui-156));border-color:rgb(var(--ui-52));background:rgb(var(--ui-28))}.sidebar-bottom{display:flex;justify-content:space-between;gap:8px;padding:10px 14px 17px}.sidebar-bottom .text-button{font-size:14px;color:rgb(var(--ui-128));gap:5px}.plan-body .planning-scroll{flex:1;padding:36px 86px 44px;overflow:auto}@media(max-width:991px){.plan-body .planning-scroll{padding:36px 46px 44px}}@media(max-width:650px){.plan-body .planning-scroll{padding:36px 24px 44px}}.outline-heading{max-width:920px;margin:0 auto 23px;display:flex;justify-content:space-between;align-items:flex-end}.outline-heading .overline{font-size:14px;color:rgb(var(--ui-128));letter-spacing:1.3px}.outline-heading h1{font-size:27px;line-height:1.25;letter-spacing:-.8px;font-weight:450;color:rgb(var(--ui-242));margin:8px 0 0}.outline-count{font:14px var(--mono);color:rgb(var(--ui-128));padding-bottom:4px}.plan-body .outline{max-width:920px;margin:0 auto;gap:7px}.plan-body .outline-card{min-height:65px;padding:12px 15px;gap:15px;border:1px solid rgb(var(--ui-42));border-radius:7px;background:rgb(var(--ui-28));box-shadow:0 1px 2px #0002}.plan-body .outline-card:hover{background:rgb(var(--ui-34));border-color:rgb(var(--ui-66))}.plan-body .outline-card.selected{background:rgb(var(--ui-34));border-color:rgb(var(--ui-102));box-shadow:none}.plan-body .outline-card.selected:before{top:15px;bottom:15px;background:rgb(var(--ui-156))}.plan-body .outline-content h3{font-size:14px;font-weight:500;letter-spacing:-.1px}.plan-body .outline-content p{font-size:14px;line-height:1.5;margin-top:4px;color:rgb(var(--ui-128));display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.plan-body .section-number{font:14px var(--mono);color:rgb(var(--ui-102));min-width:18px}.plan-body .drag-handle{font-size:15px;color:rgb(var(--ui-82))}.plan-body .add-section{max-width:920px;margin:12px auto 0;padding:14px;font-size:14px;border:1px dashed rgb(var(--ui-66));border-radius:6px;color:rgb(var(--ui-156));background:transparent}.plan-body .add-section:hover{background:rgb(var(--ui-28));border-color:rgb(var(--ui-128));color:rgb(var(--ui-218))}.row-menu,.nav-menu{font:17px var(--sans);letter-spacing:1px;color:rgb(var(--ui-128));line-height:1;padding:6px;border-radius:4px;flex-shrink:0}.row-menu{margin-left:auto}.row-menu:hover,.nav-menu:hover{background:rgb(var(--ui-52));color:rgb(var(--ui-242))}.nav-menu{opacity:0;font-size:14px;padding:4px}.nav-row:hover .nav-menu,.nav-row:focus-within .nav-menu,.nav-row.selected .nav-menu{opacity:1}.insert-trigger{border:1px solid rgb(var(--ui-66));background:rgb(var(--ui-42));color:rgb(var(--ui-184));font-size:14px;padding:5px 8px;border-radius:4px}.insert-trigger:hover{border-color:rgb(var(--ui-156));color:rgb(var(--ui-218))}.focused-body .searchbox{margin:12px 12px 10px;background:rgb(var(--ui-18));border-color:rgb(var(--ui-52));border-radius:4px}.focused-body .searchbox input{font-size:14px}.focused-body .navigator-page{background:rgb(var(--ui-28));padding:9px 14px}.focused-body .nav-row{min-height:28px;color:rgb(var(--ui-156))}.focused-body .nav-row.selected{background:rgb(var(--ui-42));border-color:rgb(var(--ui-82));color:rgb(var(--ui-184))}.focused-body .nav-section{margin-top:7px;color:rgb(var(--ui-184))}.focused-body .canvas-scroll{padding:24px;min-height:0;background:rgb(var(--ui-18));background-image:radial-gradient(rgb(var(--ui-128) / .169) .6px,transparent .6px);background-size:16px 16px}.focused-body .canvas-frame{border-radius:0;box-shadow:0 8px 36px #0006}.focused-body .frame-viewport:after{border-radius:1px;border-color:rgb(var(--ui-102) / .4)}.focused-body #wireframe{display:block;border:0;max-width:none}.focused-body .toolbar-right{gap:8px;white-space:nowrap}.focused-body .visual-workspace .breadcrumb{width:auto}.focused-body .visual-workspace .workspace-toolbar{height:46px;min-height:46px;align-content:initial}.focused-body .inspector{position:static;width:auto;transform:none!important;box-shadow:none;top:auto;bottom:auto}.focused-body .inspector-close{display:none}.focused-body .inspector-heading{height:40px;min-height:40px;padding:0 13px;font-size:14px}.focused-body .designer-inspector-tabs button{font-size:14px;padding:9px 5px}.focused-body .refined-group>summary{padding:10px 13px;font-size:14px}.focused-body .refined-group>div{padding-bottom:11px}.focused-body .class-selector-area{padding:11px 12px 5px}.class-options{position:relative}.class-options>summary{list-style:none;cursor:pointer;letter-spacing:1px;padding:2px 5px;font-size:14px;color:rgb(var(--ui-156));line-height:1}.class-options>summary::-webkit-details-marker{display:none}.class-options[open]>summary{background:rgb(var(--ui-52));border-radius:3px;color:rgb(var(--ui-218))}.class-options>div{position:absolute;right:0;top:24px;width:225px;z-index:8;padding:5px;background:rgb(var(--ui-42));border:1px solid rgb(var(--ui-82));box-shadow:0 10px 35px #0008;border-radius:6px}.class-options>div>button{display:block;text-align:left;width:100%;font-size:14px;padding:9px;color:rgb(var(--ui-184));border-radius:3px}.class-options>div>button:hover{background:rgb(var(--ui-66))}.class-options>div>span{display:block;font:14px/1.7 var(--mono);padding:8px;color:rgb(var(--ui-128));border-top:1px solid rgb(var(--ui-66));overflow-wrap:anywhere}.selector-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.placeholder-length{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:14px;color:rgb(var(--ui-128))}.placeholder-length span{margin-right:auto}.placeholder-length button{font-size:14px;padding:4px 6px;border:1px solid rgb(var(--ui-66));border-radius:3px;text-transform:capitalize;color:rgb(var(--ui-156));background:rgb(var(--ui-42))}.placeholder-length button:hover{border-color:rgb(var(--ui-156));color:rgb(var(--ui-242))}.modal:has(.structure-menu),.insert-modal{background:rgb(var(--ui-28));border-color:rgb(var(--ui-66))}.modal:has(.structure-menu)>header,.insert-modal>header{padding:16px 19px;align-items:center;background:rgb(var(--ui-28));border-color:rgb(var(--ui-52))}.modal:has(.structure-menu)>header .overline,.insert-modal>header .overline,.modal:has(.structure-menu)>header p:empty,.insert-modal>header p:empty{display:none}.modal:has(.structure-menu) h2,.insert-modal h2{font-size:14px;margin:0;letter-spacing:-.2px;color:rgb(var(--ui-242))}.modal-backdrop:has(.insert-modal){padding:0;justify-content:flex-start;align-items:stretch;background:#00000080;backdrop-filter:blur(3px)}.insert-modal{width:390px;max-width:100%;max-height:none;border-radius:0 9px 9px 0;border-width:0 1px 0 0;box-shadow:20px 0 80px #0008;animation:insert-in .16s ease-out}@keyframes insert-in{0%{transform:translate(-15px);opacity:.5}to{transform:translate(0);opacity:1}}.insert-modal .modal-body{padding:0;overflow:hidden;display:flex;flex:1;flex-direction:column;min-height:0}.insert-tabs{display:flex;gap:4px;padding:12px 15px 0;border-bottom:1px solid rgb(var(--ui-52))}.insert-tabs button{font-size:14px;padding:8px 11px 12px;color:rgb(var(--ui-128));border-bottom:2px solid transparent}.insert-tabs button.active{color:rgb(var(--ui-218));border-color:rgb(var(--ui-156))}.insert-filters{padding:13px 16px 10px;display:flex;flex-direction:column;gap:8px}.insert-filters .searchbox{margin:0;background:rgb(var(--ui-18));border-color:rgb(var(--ui-66))}.insert-filters select{margin:0!important;width:100%!important;font-size:14px;background:rgb(var(--ui-42));border-color:rgb(var(--ui-66));color:rgb(var(--ui-184));padding:8px}.insert-modal .library-list{overflow:auto;padding:0 12px 18px;flex:1;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-82)) transparent}.insert-modal .group-label{padding:13px 5px 9px;font-size:14px;color:rgb(var(--ui-128));letter-spacing:.7px}.insert-modal .block-item{padding:10px 7px;border-radius:5px;min-height:56px}.insert-modal .block-item small{font-size:14px;line-height:1.5;color:rgb(var(--ui-128))}.insert-modal .block-item:hover{background:rgb(var(--ui-42))}.quick-blocks{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 3px 10px}.quick-block{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px;font-size:14px;background:rgb(var(--ui-42));color:rgb(var(--ui-184));border:1px solid rgb(var(--ui-66));border-radius:4px;text-align:left}.quick-block span{color:rgb(var(--ui-128))}.quick-block:hover{border-color:rgb(var(--ui-156));color:rgb(var(--ui-218));background:rgb(var(--ui-42))}.insert-elements{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:18px 4px}.insert-elements>button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:78px;background:rgb(var(--ui-42));border:1px solid rgb(var(--ui-66));color:rgb(var(--ui-184));border-radius:6px;font-size:14px}.insert-elements>button:hover{background:rgb(var(--ui-52));border-color:rgb(var(--ui-156))}.structure-modal{width:min(340px,100%)}.structure-modal .modal-body{padding:6px}.structure-command{display:flex;width:100%;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:4px;font-size:14px;text-align:left;color:rgb(var(--ui-184))}.structure-command:hover{background:rgb(var(--ui-52));color:rgb(var(--ui-242))}.structure-command kbd{font:14px var(--mono);color:rgb(var(--ui-128));background:none;border:0}.structure-command[data-action=delete],.structure-command[data-action=remove-element]{color:rgb(var(--ui-156));border-top:1px solid rgb(var(--ui-52));border-radius:0;margin-top:5px}.move-destination{padding:11px 12px;color:rgb(var(--ui-156));font-size:14px}.move-destination summary{cursor:pointer}.move-destination select{width:100%;margin:12px 0 8px;font-size:14px;padding:8px;color:rgb(var(--ui-184));background:rgb(var(--ui-28));border:1px solid rgb(var(--ui-82));border-radius:4px}@media(min-width:1800px){.focused-body.visual-body{grid-template-columns:252px minmax(0,1fr) 318px}.focused-body.plan-body{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:1150px){.focused-body.visual-body{grid-template-columns:205px minmax(240px,1fr) 280px}.focused-body .visual-workspace .workspace-toolbar{padding:0 10px}.focused-body .visual-workspace .breadcrumb>span,.focused-body .visual-workspace .breadcrumb>svg,.focused-body .visual-workspace .breadcrumb>.icon-btn{display:none}.focused-body .toolbar-right{gap:5px}.focused-body .canvas-scroll{padding:18px}.focused-body .breadcrumb select{max-width:85px}}@media(max-width:850px){.focused-body.plan-body,.focused-body.visual-body{grid-template-columns:180px minmax(0,1fr)}.focused-body .inspector{position:fixed;top:111px;right:0;bottom:0;width:286px;z-index:12;transform:translate(100%)!important;box-shadow:-10px 0 35px #0005}.focused-body .inspector.open{transform:translate(0)!important}.focused-body .inspector-close{display:inline-flex}.focused-body .visual-workspace .breadcrumb{display:none}.focused-body .visual-workspace .toolbar-right{width:100%;justify-content:space-between}.focused-body .plan-body .workspace-toolbar{padding:0 12px}.plan-body .planning-scroll{padding:26px 18px}.focused-body .nav-menu{opacity:1}.focused-body .panel-heading{padding:0 12px}.insert-trigger{font-size:14px;padding:5px}.focused-body .nav-row{padding-right:4px}.focused-body .nav-label{font-size:14px}}@media(max-width:600px){.focused-body{height:calc(100svh - 58px)}.focused-body.plan-body,.focused-body.visual-body{grid-template-columns:minmax(0,1fr);grid-template-rows:150px minmax(0,1fr)}.focused-body>.library-panel{grid-column:1;grid-row:1}.focused-body>.workspace{grid-column:1;grid-row:2}.focused-body .panel-heading{height:42px;min-height:42px}.plan-body .page-list{padding:6px 12px;flex-direction:row;flex-wrap:wrap}.page-list>button{padding:7px 9px}.planning-resources{position:absolute;right:9px;top:65px;border:0;padding:0;flex-direction:row}.planning-resources .button{font-size:14px;padding:7px}.sidebar-bottom,.focused-body .navigator-page{display:none}.focused-body .library-panel:has(.navigator-tree)>.searchbox{display:none}.focused-body .navigator-tree{padding:4px 10px 9px;max-height:none}.focused-body .inspector{top:254px;width:min(304px,calc(100vw - 25px))}.focused-body .canvas-scroll{padding:15px}.plan-body .planning-scroll{padding:22px 14px}.outline-heading h1{font-size:23px}.plan-body .outline-card{gap:10px;padding:11px}.plan-body .outline-content h3,.plan-body .outline-content p{font-size:14px}.plan-body .workspace-toolbar .breadcrumb>svg,.plan-body .workspace-toolbar .breadcrumb>span{display:none}.focused-body .toolbar-right .button{font-size:14px;padding:6px}.focused-body .viewport-inputs input{width:44px}.focused-body .visual-workspace .workspace-toolbar{min-height:42px;height:42px}.insert-modal{width:100%;border-radius:0}.nav-menu{opacity:1}}@media(prefers-reduced-motion:reduce){.insert-modal{animation:none}}.focused-body{position:relative;isolation:isolate}.focused-body.plan-body{grid-template-columns:40px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.focused-body.visual-body{grid-template-columns:40px minmax(0,1fr) 304px;grid-template-rows:minmax(0,1fr)}.panel-rail{grid-column:1;grid-row:1;width:40px;min-width:40px;min-height:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 0;background:rgb(var(--ui-23));border-right:1px solid rgb(var(--ui-52));z-index:16}.panel-rail-button{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;position:relative;border-radius:4px;color:rgb(var(--ui-156));font-size:20px;line-height:1}.panel-rail-button svg{width:16px;height:16px}.panel-rail-button:hover{color:rgb(var(--ui-242));background:rgb(var(--ui-42))}.panel-rail-button.active{color:var(--selection);background:var(--selection-bg)}.panel-rail-button.active:before{content:"";position:absolute;left:-4px;top:7px;bottom:7px;width:2px;background:var(--selection)}.focused-body>.overlay-panel{position:absolute;top:0;bottom:0;left:40px;width:280px;max-width:calc(100% - 40px);z-index:15;grid-column:unset;grid-row:unset;background:rgb(var(--ui-23));border:0;border-right:1px solid rgb(var(--ui-66));box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;overflow:hidden}.focused-body>.overlay-panel[hidden]{display:none!important}.focused-body>.workspace{grid-column:2;grid-row:1}.focused-body>.inspector{grid-column:3;grid-row:1;isolation:isolate;z-index:10}.overlay-panel .panel-close{margin-left:auto;color:rgb(var(--ui-128))}.overlay-panel .panel-heading{gap:9px;flex-shrink:0;height:46px;min-height:46px;padding:0 12px}.overlay-panel .panel-heading .insert-trigger{margin-left:auto}.overlay-panel .panel-heading .insert-trigger+.panel-close{margin-left:0}.overlay-panel .library-list{flex:1;overflow:auto;padding:0 10px 16px;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-66)) transparent}.overlay-panel .block-item{padding:10px 7px;border-radius:4px}.overlay-panel .block-item small{font-size:14px;line-height:1.5;color:rgb(var(--ui-128))}.overlay-panel .block-item:hover{background:rgb(var(--ui-42))}.overlay-panel .group-label{padding:12px 5px 8px;font-size:14px;letter-spacing:.7px;color:rgb(var(--ui-128))}.overlay-panel .insert-tabs{padding:4px 10px 0;flex-shrink:0}.overlay-panel .insert-tabs button{padding:9px 10px;font-size:14px}.overlay-panel .insert-tabs button.active{border-color:rgb(var(--ui-184))}.overlay-panel .insert-filters{padding:12px 10px 8px;gap:7px;flex-shrink:0}.overlay-panel .insert-filters .searchbox{margin:0}.overlay-panel .quick-blocks{grid-template-columns:1fr 1fr}.overlay-panel .quick-block{padding:8px;font-size:14px}.overlay-panel .insert-elements{padding:14px 0}.overlay-panel .insert-elements>button{min-height:67px;font-size:14px}.overlay-panel .planning-resources{position:static;flex-direction:column;border-top:1px solid rgb(var(--ui-52));padding:12px}.overlay-panel .sidebar-bottom,.overlay-panel .navigator-page{display:flex}.overlay-panel .searchbox{display:flex!important}.overlay-panel .navigator-tree{max-height:none;flex:1;overflow:auto;padding-bottom:18px}.focused-body .canvas-scroll{padding:0;background:rgb(var(--ui-12));background-image:none;overscroll-behavior:contain}.focused-body .frame-viewport:after{inset:0;border-color:rgb(var(--ui-66));border-radius:0}.focused-body .canvas-frame{box-shadow:none}.focused-body .workspace-toolbar{padding:0 12px}.nav-drop-before{border-top-color:var(--selection)}.nav-drop-after{border-bottom-color:var(--selection)}.nav-drop-inside{background:var(--selection-bg)!important;border-color:var(--selection-border)!important}.plan-body .outline-card.selected{background:var(--selection-bg);border-color:var(--selection-border)}.plan-body .outline-card.selected:before{background:var(--selection)}.class-chip.active,.class-chip.combo.active{background:var(--selection-bg);border-color:var(--selection-border)}.class-chip.active>button:first-child,.class-chip.combo.active>button:first-child{color:var(--selection)}.property-label.is-set{color:var(--selection)!important;background:var(--selection-bg)}.property-label.is-inherited{color:rgb(var(--ui-184))!important}.nested-spacing input.is-set{color:var(--selection)!important}.unit-input:focus-within{border-color:var(--selection-border);box-shadow:0 0 0 1px var(--selection-bg)}input:focus,textarea:focus,select:focus{border-color:var(--selection-border);box-shadow:0 0 0 2px var(--selection-bg)}button:focus-visible,a:focus-visible{outline-color:var(--selection)}.nested-spacing input:focus{background:var(--selection-bg)!important;outline-color:var(--selection-border)!important}.button.danger,.structure-command[data-action=delete],.structure-command[data-action=remove-element]{color:var(--danger);border-color:var(--danger);background:var(--danger-bg)}.save-status>span,.status-dot{background:var(--success)}.save-status.pending>span{background:rgb(var(--ui-184))}#toast{bottom:18px;background:rgb(var(--ui-34));border-color:rgb(var(--ui-82));color:rgb(var(--ui-242));box-shadow:var(--overlay-shadow)}#category-filter:focus{border-color:var(--selection-border)}@media(min-width:1800px){.focused-body.visual-body{grid-template-columns:40px minmax(0,1fr) 318px}}@media(max-width:1150px){.focused-body.visual-body{grid-template-columns:40px minmax(0,1fr) 280px}}@media(max-width:850px){.focused-body.visual-body,.focused-body.plan-body{grid-template-columns:40px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.focused-body>.inspector{grid-column:unset;grid-row:unset}.focused-body .inspector{top:111px}.focused-body .visual-workspace .workspace-toolbar{min-height:40px;height:40px}.focused-body .visual-workspace .breadcrumb{display:none}.focused-body .toolbar-right{min-width:0}.overlay-panel .panel-heading{height:46px;min-height:46px}}@media(max-width:600px){.focused-body.visual-body,.focused-body.plan-body{grid-template-columns:40px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.focused-body>.workspace{grid-column:2;grid-row:1}.focused-body .inspector{top:104px;bottom:0}.focused-body>.overlay-panel{width:min(280px,calc(100% - 40px))}.focused-body .canvas-scroll{padding:0}.overlay-panel .page-list{flex-direction:column;flex-wrap:nowrap;padding:10px;min-height:0}.overlay-panel .page-list>button{padding:10px}.focused-body .overlay-panel .navigator-page{display:flex}.focused-body .overlay-panel .searchbox{display:flex!important}.focused-body .overlay-panel .navigator-tree{max-height:none;min-height:0}.panel-rail{gap:3px}.focused-body .viewport-inputs input{width:39px}.focused-body .toolbar-right{gap:4px}.focused-body .visual-workspace .workspace-toolbar{padding:0 7px}.focused-body .device-switch button{padding:3px}.overlay-panel .planning-resources{position:static}}@media(max-height:450px){.panel-rail{gap:0;padding:1px 0;overflow-y:auto}.panel-rail-button{height:28px}.panel-rail .rail-spacer{min-height:5px}}@media(prefers-reduced-motion:reduce){.focused-body>.overlay-panel{animation:none}}[data-theme=light]{color-scheme:light}.focused-body.visual-body.preview-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.focused-body.preview-body>.workspace{grid-column:1;grid-row:1}.preview-toolbar-divider{width:1px;height:18px;background:rgb(var(--ui-52));flex:none;margin-inline:2px}.button.preview-toggle{height:29px;padding:5px 10px;gap:6px;font-size:14px;white-space:nowrap;background:rgb(var(--ui-34));border-color:rgb(var(--ui-66));color:rgb(var(--ui-218));flex-shrink:0}.button.preview-toggle:hover{background:rgb(var(--ui-42));border-color:rgb(var(--ui-102))}.button.preview-toggle.active{background:var(--selection-bg);border-color:var(--selection-border);color:var(--selection)}.preview-toggle .icon{width:13px;height:13px}.preview-state{display:flex;align-items:center;gap:6px;font:14px var(--mono);color:rgb(var(--ui-184));white-space:nowrap}.preview-state>span{width:5px;height:5px;background:var(--success);border-radius:50%}.preview-body .canvas-scroll{display:flex;justify-content:center;align-items:flex-start}@media(max-width:850px){.preview-state{display:none}.preview-body .visual-workspace .workspace-toolbar{justify-content:flex-end}}@media(max-width:600px){.preview-toolbar-divider{display:none}.focused-body .button.preview-toggle{height:28px;padding:4px 6px;font-size:14px;gap:4px}}.preview-body .frame-viewport{flex:none}@media(max-width:600px){.focused-body .viewport-inputs label:nth-of-type(2),.focused-body .viewport-inputs>span{display:none}}.canvas-stage{position:relative;display:flex;flex:1 1 0;min-height:0;min-width:0;padding:0;overflow:hidden;background:rgb(var(--ui-12))}.canvas-stage>.canvas-scroll{min-width:0;min-height:0;flex:1 1 0}.canvas-scrollbar{position:relative;flex:0 0 10px;align-self:stretch;min-height:0;width:10px;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-66)) rgb(var(--ui-12));background:rgb(var(--ui-12));outline-offset:-1px}.canvas-scrollbar-content{width:1px;pointer-events:none}.canvas-scrollbar::-webkit-scrollbar{width:10px}.canvas-scrollbar::-webkit-scrollbar-track{background:rgb(var(--ui-12))}.canvas-scrollbar::-webkit-scrollbar-thumb{background:rgb(var(--ui-66));border:3px solid rgb(var(--ui-12));border-radius:10px;min-height:30px}.canvas-scrollbar::-webkit-scrollbar-thumb:hover{background:rgb(var(--ui-102))}.canvas-scrollbar[aria-disabled=true]{scrollbar-color:transparent rgb(var(--ui-12))}.canvas-scrollbar[aria-disabled=true]::-webkit-scrollbar-thumb{background:transparent}.canvas-scrollbar::-webkit-scrollbar-button{display:none;width:0;height:0}.element-library-meta{display:flex;align-items:center;justify-content:space-between;font:14px var(--mono);color:rgb(var(--ui-128));padding:2px 3px 12px}.element-category{border-top:1px solid rgb(var(--ui-52))}.element-category>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:13px 3px;color:rgb(var(--ui-218));font-size:14px;font-weight:500}.element-category>summary::-webkit-details-marker{display:none}.element-category>summary small{margin-left:auto;font:14px var(--mono);color:rgb(var(--ui-102))}.element-category>summary i{font-size:14px;font-style:normal;color:rgb(var(--ui-128));width:13px;text-align:center}.element-category:not([open])>summary i{transform:rotate(-90deg)}.element-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 0 13px}.element-tile{display:grid;grid-template-columns:27px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:4px;align-items:center;min-height:65px;padding:11px 8px;text-align:left;border:1px solid rgb(var(--ui-52));background:rgb(var(--ui-28));border-radius:5px;transition:border-color .12s,background .12s}.element-tile:hover{background:rgb(var(--ui-42));border-color:rgb(var(--ui-102))}.element-tile:active{border-color:var(--selection-border)}.element-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;color:rgb(var(--ui-156))}.element-tile-name{font-size:14px;line-height:1.4;color:rgb(var(--ui-218));min-width:0;overflow-wrap:anywhere}.element-tile>small{font:14px var(--mono);color:rgb(var(--ui-102));display:flex;justify-content:space-between;align-items:center}.element-tile>small span{font:14px var(--sans);line-height:20px;color:rgb(var(--ui-156))}.element-tile:hover .element-icon,.element-tile:hover>small{color:rgb(var(--ui-184))}.variation-heading{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:1px 1px 10px}.variation-heading>button{width:100%;text-align:left;padding:1px 0 11px;color:rgb(var(--ui-128));font-size:14px}.variation-heading>button:hover{color:rgb(var(--ui-218))}.variation-heading>strong{font-size:14px;font-weight:500;color:rgb(var(--ui-242))}.variation-heading>span{margin-left:auto;font:14px var(--mono);color:rgb(var(--ui-128))}.variation-description{font-size:14px;line-height:1.6;color:rgb(var(--ui-128));padding:0 1px 14px}.element-variations{display:flex;flex-direction:column;gap:10px;padding-bottom:10px}.element-preset{display:block;width:100%;padding:0;text-align:left;overflow:hidden;border:1px solid rgb(var(--ui-66));border-radius:6px;background:rgb(var(--ui-28))}.element-preset:hover{border-color:rgb(var(--ui-128));box-shadow:0 0 0 1px rgb(var(--ui-66))}.element-preset:active{border-color:var(--selection-border)}.preset-preview{display:block;position:relative;width:100%;overflow:hidden;background:#fafafa;border-bottom:1px solid rgb(var(--ui-52));pointer-events:none}.preset-native{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:8px;margin-left:-200px;width:400px;max-width:none;padding:16px;transform-origin:top center;font:16px/1.5 Arial,sans-serif;color:#222;pointer-events:none}.preset-native *{box-sizing:border-box;pointer-events:none}.preset-caption{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:14px;color:rgb(var(--ui-184));pointer-events:none}.preset-caption>span:last-child{font-size:16px;color:rgb(var(--ui-128));line-height:1}.element-setting-check{display:flex;align-items:center;gap:8px;font-size:14px;color:rgb(var(--ui-156));padding:3px 0 12px;cursor:pointer}.element-setting-check input{width:13px;height:13px;accent-color:var(--selection);margin:0}.element-settings .designer-field:last-child{margin-bottom:0}.element-settings .designer-field input,.element-settings .designer-field select{background:rgb(var(--ui-18));border-color:rgb(var(--ui-66));color:rgb(var(--ui-218));font-size:14px}.element-setting-note{font-size:14px;line-height:1.7;color:rgb(var(--ui-128));padding:1px 0 5px}@media(prefers-reduced-motion:reduce){.element-tile{transition:none}}.component-badge{font-size:14px;line-height:1;padding:4px 6px;border:1px solid #b97822;border-radius:3px;color:#e9a84b;letter-spacing:.03em}.catalog-component-inspector{padding:14px 12px}.component-selection{margin:0 0 12px;color:rgb(var(--ui-184));font-size:14px;overflow-wrap:anywhere}.component-inspector .variation-heading{padding:0;gap:6px}.component-inspector .variation-heading strong{font-size:14px}.component-inspector .element-preset.active,.component-inspector .variant.active{border-color:#eaa03b;box-shadow:inset 0 0 0 1px #eaa03b}.component-inspector .element-preset.active .preset-caption,.component-inspector .variant.active{color:rgb(var(--ui-218))}.component-note{font-size:14px;line-height:1.6;color:rgb(var(--ui-128));margin:16px 0 4px}.hero-variant-grid{grid-template-columns:1fr;gap:10px}.hero-variant-grid .variant{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:6px;text-align:left;background:rgb(var(--ui-28))}.hero-variant-preview{display:block;width:100%;overflow:hidden;background:#f7f7f5;border-bottom:1px solid rgb(var(--ui-52));pointer-events:none}.hero-preview-svg{display:block;width:100%;height:auto;aspect-ratio:8/5;pointer-events:none}.hero-variant-grid .variant>span:last-of-type{padding:10px 12px;margin-top:0;min-height:0;font-size:14px;line-height:1.4;color:rgb(var(--ui-184))}.hero-variant-grid .variant>.icon{position:absolute;right:10px;bottom:11px;width:12px;height:12px;color:#eaa03b}.hero-variant-grid .variant.active>span:last-of-type{padding-right:29px;color:rgb(var(--ui-242))}.preset-vector{padding:8px!important;display:flex!important;align-items:center;justify-content:center;background:rgb(var(--ui-23))}.preset-vector>svg{display:block;width:100%;height:100%}.hero-variant-preview>svg{width:100%;height:auto}.focused-body.visual-body:not(.preview-body){grid-template-columns:40px minmax(0,1fr) 260px}.inspector{min-width:0;min-height:0;display:flex;flex-direction:column;background:rgb(var(--ui-23));border-left:1px solid rgb(var(--ui-52))}.inspector>.inspector-heading{height:40px;min-height:40px;padding:0 10px;display:flex;align-items:center;gap:10px;background:rgb(var(--ui-23));border-bottom:0;color:rgb(var(--ui-255));font-size:14px}.inspector-element-name{display:flex;align-items:center;gap:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.inspector-element-name>span{font-size:20px;color:rgb(var(--ui-242));line-height:1}.inspector-heading>button{font-size:16px;color:rgb(var(--ui-242));padding:10px}.inspector .designer-inspector-tabs{padding:0 10px;gap:10px;background:rgb(var(--ui-23));min-height:40px;flex:none;border-bottom:1px solid rgb(var(--ui-52));overflow:auto;scrollbar-width:none}.focused-body .inspector .designer-inspector-tabs button{font-size:14px;padding:10px 0;font-weight:500;white-space:nowrap;border-bottom-width:0;color:rgb(var(--ui-242))}.focused-body .inspector .designer-inspector-tabs button.active{color:rgb(var(--ui-242));border-color:transparent;box-shadow:inset 0 -2px rgb(var(--ui-184))}.inspector>.class-selector-area{padding:10px;background:rgb(var(--ui-23));border-bottom:1px solid rgb(var(--ui-52));flex:none}.inspector .selector-caption{font-size:14px;margin-bottom:10px;gap:10px;line-height:1.3}.selector-inheritance{margin-left:auto;font-size:14px;color:rgb(var(--ui-242));white-space:nowrap}.inspector .selector-caption .class-options{margin-left:0}.inspector .class-chip-field{min-height:40px;background:rgb(var(--ui-18));border-radius:4px;padding:10px;box-shadow:inset 0 1px 2px #00000026}.inspector .selector-tag{font-size:14px;padding:10px;line-height:1.2;border:0;background:rgb(var(--ui-42))}.inspector .class-chip>button:first-child{font-size:14px;padding:10px}.inspector .class-empty{font-size:14px;color:rgb(var(--ui-128))}.inspector .selector-meta{font-size:14px;margin:10px 0 0;gap:10px;min-height:20px}.inspector .selector-meta>button{font-size:14px;padding:10px}.selector-breakpoint{font:14px var(--mono);color:rgb(var(--ui-128));padding-left:10px;border-left:1px solid rgb(var(--ui-52));text-transform:capitalize}.variable-mode-row{display:flex;align-items:center;gap:10px;min-height:50px;padding:10px;border-bottom:1px solid rgb(var(--ui-52));font-size:14px;color:rgb(var(--ui-242));flex:none}.variable-mode-row>select{width:70px;min-width:0;margin-left:auto;border:0;background:transparent;color:rgb(var(--ui-242));font-size:14px;padding:10px 0}.variable-mode-row>button{font-size:22px;line-height:1;width:20px;height:30px;color:rgb(var(--ui-128));border-radius:3px}.variable-mode-row>button:hover{background:rgb(var(--ui-42));color:rgb(var(--ui-242))}.inspector .inspector-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-66)) transparent}.reference-inspector,.reference-settings{background:rgb(var(--ui-23));color:rgb(var(--ui-255))}.reference-breakpoint{display:flex;align-items:center;justify-content:space-between;padding:10px;min-height:30px;background:rgb(var(--ui-18));font:14px var(--mono);color:rgb(var(--ui-128))}.reference-breakpoint>button{font:14px var(--mono);color:rgb(var(--ui-242));padding:10px 0}.reference-inspector .refined-group,.reference-settings .refined-group{border-top:0;border-bottom:1px solid rgb(var(--ui-52));margin:0}.reference-inspector .refined-group>summary,.reference-settings .refined-group>summary{font-size:14px;font-weight:500;letter-spacing:-.2px;color:rgb(var(--ui-242));padding:10px;min-height:40px;gap:10px}.reference-inspector .refined-group>summary>span,.reference-settings .refined-group>summary>span{font-size:14px;color:rgb(var(--ui-128));font-weight:400}.reference-inspector .refined-group>div,.reference-settings .refined-group>div{padding:0 10px 10px}.reference-row{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;min-width:0;margin-bottom:10px}.reference-row:last-child{margin-bottom:0}.reference-row>.property-label{font-size:14px;line-height:1.3;color:rgb(var(--ui-242));max-width:100%;overflow-wrap:anywhere;justify-self:start}.reference-control{min-width:0}.reference-inspector .unit-input{width:100%;height:30px;border:1px solid rgb(var(--ui-66));border-radius:4px;background:rgb(var(--ui-18));box-shadow:none}.reference-inspector .unit-input>input{font-size:14px!important;height:30px;padding:10px!important;line-height:1.3}.reference-inspector .unit-input>input::placeholder{font-size:14px!important;color:rgb(var(--ui-128))!important;opacity:1}.reference-inspector .unit-input>select{font:14px var(--mono)!important;width:30px!important;height:30px;background:transparent!important;border:0;color:rgb(var(--ui-242))!important;padding:10px!important}.reference-inspector .reference-control>select,.reference-align .reference-control>select{display:block;width:100%;height:30px;min-width:0;padding:10px;border:1px solid rgb(var(--ui-66));border-radius:4px;color:rgb(var(--ui-255));font:14px var(--sans);background:linear-gradient(rgb(var(--ui-66) / .4),rgb(var(--ui-42) / .65));box-shadow:0 1px 2px #00000014}.reference-inspector .style-segment{height:30px;margin:0;background:rgb(var(--ui-42));border-color:rgb(var(--ui-66));box-shadow:none;border-radius:4px;min-width:0}.reference-inspector .style-segment>button{font-size:14px;padding:10px;border:0;white-space:nowrap;min-width:0;color:rgb(var(--ui-242))}.reference-inspector .style-segment>button.active{color:rgb(var(--ui-242));background:rgb(var(--ui-23));box-shadow:inset 0 0 0 1px rgb(var(--ui-82));border-radius:3px}.reference-inspector .style-segment>button:hover{color:rgb(var(--ui-242));background:rgb(var(--ui-52))}.reference-control:has(>.display-more){display:flex}.reference-control:has(>.display-more)>.style-segment{flex:1;border-radius:4px 0 0 4px}.reference-inspector .reference-control>select.display-more{width:20px;padding:10px 0;flex:none;border-left:0;border-radius:0 4px 4px 0;font-size:14px}.reference-align{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;align-items:stretch}.reference-inspector .alignment-grid{width:80px;height:80px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:10px;gap:10px;background:rgb(var(--ui-18));border:1px solid rgb(var(--ui-66));border-radius:5px}.reference-inspector .alignment-grid button{width:auto;height:auto;border:0;border-radius:3px;padding:0}.reference-inspector .alignment-grid button i{width:10px;height:10px;background:rgb(var(--ui-102));border-radius:50%}.reference-inspector .alignment-grid button.active{background:rgb(var(--ui-52))}.reference-inspector .alignment-grid button.active i{width:10px;height:10px;border-radius:1px;background:rgb(var(--ui-242))}.reference-align>div>.reference-row{grid-template-columns:10px minmax(0,1fr);gap:10px;margin-bottom:10px;min-height:30px}.reference-align .reference-row .property-label{font:14px var(--mono)}.reference-range{display:flex;align-items:center;gap:10px;min-width:0}.reference-range>input[type=range]{width:42%;flex:1;min-width:20px;height:10px;appearance:none;background:rgb(var(--ui-66));border-radius:2px;padding:0;border:0;accent-color:rgb(var(--ui-255));cursor:pointer}.reference-range>input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:rgb(var(--ui-242));border-radius:1px}.reference-range>.unit-input{width:80px;flex:none}.reference-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.reference-pair>.reference-row{grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}.reference-pair .property-label{font-size:14px}.reference-pair .reference-color>input[type=color]{width:20px;min-width:20px}.reference-pair .unit-input>input{padding-left:10px!important}.reference-more{margin:10px 0 0;border:1px solid rgb(var(--ui-66));border-radius:4px;overflow:hidden}.reference-more>summary{list-style:none;display:flex;justify-content:center;align-items:center;gap:10px;min-height:30px;padding:10px;font-size:14px;color:rgb(var(--ui-242));cursor:pointer}.reference-more>summary::-webkit-details-marker{display:none}.reference-more>summary>span{font-size:14px;color:rgb(var(--ui-128));line-height:1;transform:rotate(-90deg)}.reference-more[open]>summary>span{transform:none}.reference-more[open]>summary{border-bottom:1px solid rgb(var(--ui-52));background:rgb(var(--ui-28))}.reference-more>div{padding:10px}.reference-more .reference-row{grid-template-columns:60px minmax(0,1fr)}.reference-more .reference-pair>.reference-row{grid-template-columns:1fr;gap:10px}.reference-inspector .nested-spacing{height:100px;margin:0;border:1px solid rgb(var(--ui-66));border-radius:5px;background:conic-gradient(from 54deg at 50% 50%,rgb(var(--ui-42)) 0deg 72deg,rgb(var(--ui-34)) 72deg 180deg,rgb(var(--ui-42)) 180deg 252deg,rgb(var(--ui-52)) 252deg);position:relative}.reference-inspector .nested-spacing>.margin-label{top:7px;left:8px;font:14px var(--sans);color:rgb(var(--ui-242));letter-spacing:0}.reference-inspector .inner-padding{position:absolute;inset:33px 37px;border:1px solid rgb(var(--ui-102));background:conic-gradient(from 54deg at 50% 50%,rgb(var(--ui-34)) 0deg 72deg,rgb(var(--ui-28)) 72deg 180deg,rgb(var(--ui-34)) 180deg 252deg,rgb(var(--ui-42)) 252deg);border-radius:4px}.reference-inspector .inner-padding>span{position:absolute;top:5px;left:6px;font:14px var(--sans);color:rgb(var(--ui-242));letter-spacing:0}.reference-inspector .spacing-core{position:absolute;inset:31px 39px;border:1px solid rgb(var(--ui-12));background:rgb(var(--ui-18));border-radius:1px}.reference-inspector .nested-spacing input{position:absolute;width:40px;height:20px;padding:10px!important;background:transparent;border:1px solid transparent;box-shadow:none;border-radius:3px;text-align:center;color:rgb(var(--ui-255));font:14px var(--sans);z-index:2;margin:0;transform:none}.reference-inspector .nested-spacing input::placeholder{color:rgb(var(--ui-242));opacity:1;font-size:14px}.reference-inspector .nested-spacing input:hover{background:rgb(var(--ui-18) / .5);border-color:rgb(var(--ui-82))}.reference-inspector .nested-spacing .spacing-top{left:50%;top:7px;transform:translate(-50%)}.reference-inspector .nested-spacing .spacing-bottom{left:50%;bottom:4px;top:auto;transform:translate(-50%)}.reference-inspector .nested-spacing .spacing-left{left:2px;top:50%;transform:translateY(-50%)}.reference-inspector .nested-spacing .spacing-right{right:2px;left:auto;top:50%;transform:translateY(-50%)}.reference-inspector .inner-padding .spacing-top{top:4px}.reference-inspector .inner-padding .spacing-bottom{bottom:3px}.reference-inspector .spacing-presets{padding-top:10px;margin:0;display:flex;align-items:center;gap:5px;font-size:12px;color:rgb(var(--ui-128))}.reference-inspector .spacing-presets>span{margin-right:auto}.reference-inspector .spacing-presets>button{padding:0 5px;min-height:20px;border:1px solid rgb(var(--ui-52));border-radius:3px;font-size:12px;color:rgb(var(--ui-242))}.reference-color{display:flex;align-items:center;border:1px solid rgb(var(--ui-66));border-radius:4px;background:rgb(var(--ui-18));height:30px;overflow:hidden;min-width:0}.reference-color>input[type=color]{width:30px;min-width:30px;height:30px;margin:0;padding:0;border:0;border-right:1px solid rgb(var(--ui-52));border-radius:0;cursor:pointer;background:conic-gradient(#999 25%,#ddd 0 50%,#999 0 75%,#ddd 0);background-size:8px 8px}.reference-color>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.reference-color>input[type=color]::-webkit-color-swatch{border:0;border-radius:var(--studio-swatch-radius,5px)}.reference-color>.unit-input{border:0!important;border-radius:0;flex:1;min-width:0;background:transparent}.reference-color>select{width:20px;min-width:20px;padding:0;border:0;border-left:1px solid rgb(var(--ui-52));background:rgb(var(--ui-34));color:rgb(var(--ui-242));font-size:14px;height:30px}.reference-add-row{display:flex;align-items:center;justify-content:space-between;min-height:30px;font-size:14px;color:rgb(var(--ui-242));margin:0 0 10px}.reference-add-row>button{font-size:21px;width:30px;height:30px;line-height:1;color:rgb(var(--ui-128));border-radius:3px}.reference-add-row>button:hover{background:rgb(var(--ui-42));color:rgb(var(--ui-242))}.background-layer{display:flex;gap:10px;align-items:center;padding:10px;background:rgb(var(--ui-28));border:1px solid rgb(var(--ui-66));border-radius:4px;margin-bottom:10px;font-size:12px;color:rgb(var(--ui-242))}.background-layer>span{flex:1}.background-layer>button{font-size:12px;padding:10px;color:rgb(var(--ui-242))}.background-layer>button:last-child{display:grid;place-items:center}.radius-controls{display:flex;align-items:center;gap:10px}.radius-controls>button{height:30px;width:30px;flex:none;border:1px solid rgb(var(--ui-66));border-radius:4px;color:rgb(var(--ui-242));font-size:18px}.radius-controls>button.active{color:rgb(var(--ui-255));background:rgb(var(--ui-42))}.border-editor{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:center;margin-top:10px}.border-editor .reference-row{grid-template-columns:40px minmax(0,1fr);gap:10px}.border-compass{position:relative;width:70px;height:80px}.border-compass>button{position:absolute;width:20px;height:20px;display:grid;place-items:center;font-size:22px;color:rgb(var(--ui-128));border:1px solid transparent;border-radius:3px;padding:0;line-height:1}.border-compass>button.active{border-color:rgb(var(--ui-82));background:rgb(var(--ui-42));color:rgb(var(--ui-242))}.border-compass .border-all{left:22px;top:28px}.border-compass .border-top{left:22px;top:0}.border-compass .border-bottom{left:22px;bottom:0}.border-compass .border-left{left:0;top:28px}.border-compass .border-right{right:0;top:28px}.effect-editor{margin:10px 0;border:0;border-bottom:1px solid rgb(var(--ui-42))}.effect-editor>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:rgb(var(--ui-242));min-height:30px;padding:10px 0;cursor:pointer}.effect-editor>summary::-webkit-details-marker{display:none}.effect-editor>summary>span{font-size:21px;line-height:1;color:rgb(var(--ui-128))}.effect-editor[open]>summary>span{transform:rotate(45deg)}.effect-editor>div{padding:10px 0}.effect-presets{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.effect-presets>button{padding:10px;font-size:14px;border:1px solid rgb(var(--ui-66));border-radius:3px;color:rgb(var(--ui-242))}.axis-caption{font-size:14px;color:rgb(var(--ui-128));margin:10px 0}.axis-caption:first-child{margin-top:0}.axis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.axis-grid>label{display:flex;align-items:center;min-width:0;border:1px solid rgb(var(--ui-66));border-radius:4px;background:rgb(var(--ui-18));height:30px}.axis-grid>label>span{font:14px var(--mono);color:rgb(var(--ui-128));padding-left:10px}.axis-grid input{min-width:0;width:100%;border:0;background:none;box-shadow:none;font-size:14px;color:rgb(var(--ui-255));padding:10px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-grid>label{display:flex;flex-direction:column;gap:10px;min-width:0;font-size:14px;color:rgb(var(--ui-242))}.filter-grid input{width:100%;font-size:14px;padding:10px;border:1px solid rgb(var(--ui-66));border-radius:4px;background:rgb(var(--ui-18));color:rgb(var(--ui-255))}.settings-basic{padding:20px 10px 10px;border-bottom:1px solid rgb(var(--ui-52))}.settings-row{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:10px;min-width:0}.settings-row>span{font-size:14px;line-height:1.3;color:rgb(var(--ui-242));overflow-wrap:anywhere}.settings-row>input,.settings-row>select{width:100%;min-width:0;height:30px;padding:10px;font:14px var(--sans);border:1px solid rgb(var(--ui-66));border-radius:4px;background:rgb(var(--ui-18));color:rgb(var(--ui-255))}.settings-row>select{background:rgb(var(--ui-42))}.reference-settings .designer-field>span{font-size:14px;color:rgb(var(--ui-242))}.reference-settings .designer-field>input,.reference-settings .designer-field>textarea,.reference-settings .designer-field>select{font-size:14px;line-height:1.5;background:rgb(var(--ui-18));border-color:rgb(var(--ui-66));color:rgb(var(--ui-255));padding:10px;border-radius:4px}.reference-settings .refined-segment{height:30px}.reference-settings .refined-segment>button{font-size:14px}.settings-note{font-size:14px;line-height:1.6;color:rgb(var(--ui-128));margin:10px 0 0}.settings-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:rgb(var(--ui-242));line-height:1.5}.settings-check>input{width:10px;height:10px;margin:10px 0 0;accent-color:var(--selection)}.reference-settings .placeholder-length{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;font-size:14px;color:rgb(var(--ui-128))}.placeholder-length>button{padding:10px;border:1px solid rgb(var(--ui-66));border-radius:3px;font-size:14px;color:rgb(var(--ui-242))}.interaction-state{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid rgb(var(--ui-52))}.interaction-state>label{display:flex;align-items:center;gap:10px;flex:1;font-size:14px;color:rgb(var(--ui-242))}.interaction-state select{width:140px;min-height:30px;padding:10px;background:rgb(var(--ui-42));border:1px solid rgb(var(--ui-66));border-radius:4px;color:rgb(var(--ui-255));font-size:14px}.interaction-state>span{font:14px var(--mono);color:rgb(var(--ui-128))}.interaction-fields{padding:20px 10px}.variable-list{border:1px solid rgb(var(--ui-66));border-radius:5px;margin-bottom:20px;max-height:170px;overflow:auto}.variable-list>div{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid rgb(var(--ui-52));font-size:14px}.variable-list>div:last-child{border-bottom:0}.variable-list>div>button:first-child{font:14px var(--mono);color:var(--selection);text-align:left}.variable-list>div>span{margin-left:auto;font-size:14px;color:rgb(var(--ui-128));max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variable-list>div>button:last-child{font-size:17px;color:rgb(var(--ui-242))}@media(min-width:1800px){.focused-body.visual-body:not(.preview-body){grid-template-columns:40px minmax(0,1fr) 270px}}@media(max-width:1150px){.focused-body.visual-body:not(.preview-body){grid-template-columns:40px minmax(0,1fr) 240px}}@media(max-width:850px){.focused-body.visual-body:not(.preview-body){grid-template-columns:40px minmax(0,1fr)}.focused-body .inspector{width:260px;max-width:calc(100vw - 40px)}.inspector .designer-inspector-tabs{gap:10px}}.radius-controls>.unit-input{width:80px;flex:none}.radius-controls>input[type=range]{flex:1;min-width:20px;width:25%;height:10px;padding:0;appearance:none;background:rgb(var(--ui-66));border:0;border-radius:2px;accent-color:rgb(var(--ui-255))}.radius-controls>input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:rgb(var(--ui-242));border-radius:1px}.reference-swatch{border-radius:var(--studio-swatch-radius,5px);position:relative;width:30px;min-width:30px;height:30px;border-right:1px solid rgb(var(--ui-52));background:conic-gradient(#888 25%,#bbb 0 50%,#888 0 75%,#bbb 0);background-size:8px 8px;overflow:hidden}.reference-swatch:before{border-radius:inherit;content:"";position:absolute;inset:0;background:var(--color-value)}.reference-swatch>input[type=color]{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;border:0;cursor:pointer}.reference-swatch:focus-within{outline:1px solid var(--selection);outline-offset:-1px}.reference-pair .reference-swatch{width:20px;min-width:20px}.reference-inspector .style-segment>button:has(>svg){display:flex;align-items:center;justify-content:center}.reference-inspector .unit-input:focus-within,.reference-color:focus-within,.axis-grid>label:focus-within{border-color:var(--selection-border);box-shadow:0 0 0 1px var(--selection-bg)}.reference-settings input:focus,.reference-settings textarea:focus,.reference-settings select:focus,.reference-control>select:focus{border-color:var(--selection-border);outline:1px solid var(--selection-border);outline-offset:0}.visual-body .inspector{--panel-gap:10px;--panel-control:30px;--panel-heading:40px;color:rgb(var(--ui-242))}.visual-body .inspector>.inspector-heading{height:40px;min-height:40px;padding:0 10px;gap:10px}.visual-body .inspector .designer-inspector-tabs{height:40px;min-height:40px;padding:0 10px;gap:10px;align-items:stretch}.visual-body .inspector .designer-inspector-tabs button{padding:0;line-height:20px}.visual-body .inspector>.class-selector-area{padding:10px;display:flex;flex-direction:column;gap:10px}.visual-body .inspector .selector-caption,.visual-body .inspector .selector-meta{margin:0;min-height:20px;gap:10px;flex-wrap:wrap;color:rgb(var(--ui-242))}.visual-body .inspector .class-chip-field{min-height:40px;padding:0 10px;gap:10px}.visual-body .inspector .selector-tag,.visual-body .inspector .class-chip>button:first-child{padding:0 10px;line-height:30px}.visual-body .inspector .variable-mode-row{height:40px;min-height:40px;padding:0 10px;gap:10px;color:rgb(var(--ui-242))}.visual-body .inspector .variable-mode-row>select{height:30px;width:60px;padding:0;color:rgb(var(--ui-242))}.visual-body .inspector .variable-mode-row>button{width:30px;height:30px}.visual-body .inspector .reference-breakpoint{height:30px;min-height:30px;padding:0 10px}.visual-body .inspector .refined-group>summary{height:40px;min-height:40px;padding:10px;line-height:20px;gap:10px}.visual-body .inspector .refined-group>div{padding:0 10px 10px}.visual-body .inspector :is(.refined-group,.reference-more,.effect-editor)[open]>div{display:flex;flex-direction:column;gap:10px}.visual-body .inspector :is(.reference-row,.settings-row){display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:10px;margin:0;min-width:0}.visual-body .inspector .reference-row>.property-label{font-size:14px;line-height:20px;min-height:20px}.visual-body .inspector .property-label:not(.is-set):not(.is-overridden){color:rgb(var(--ui-242))}.visual-body .inspector .reference-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;margin:0}.visual-body .inspector .reference-pair>.reference-row{grid-template-columns:minmax(0,1fr);grid-template-rows:20px 30px;gap:0;margin:0;align-items:start}.visual-body .inspector .reference-control{min-width:0;min-height:30px}.visual-body .inspector .reference-row:not(.wide-control-row):has(>.reference-control>:is(.style-segment,.reference-align)){grid-template-columns:60px minmax(0,1fr);gap:10px}.visual-body .inspector .unit-input{width:100%;height:30px;min-width:0}.visual-body .inspector .unit-input>input{height:100%;min-width:0;padding:0 10px!important;color:rgb(var(--ui-255));font-size:14px!important;line-height:20px}.visual-body .inspector .unit-input>select{height:100%;width:30px!important;min-width:30px;padding:0!important;font-size:14px!important;color:rgb(var(--ui-242))!important}.visual-body .inspector :is(input,textarea)::placeholder{color:rgb(var(--ui-128))!important;opacity:1}.visual-body .inspector .reference-control>select{height:30px;padding:0 10px;color:rgb(var(--ui-255))}.visual-body .inspector select[data-value-source=default]{color:rgb(var(--ui-128))}.visual-body .inspector .style-segment{height:30px;margin:0;min-width:0}.visual-body .inspector .style-segment>button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1 1 0;min-width:0;padding:0;line-height:20px;color:rgb(var(--ui-242))}.visual-body .inspector .style-segment[data-value-source=default]>button.active{color:rgb(var(--ui-128))}.visual-body .inspector .style-segment[data-value-source=authored]>button.active{color:rgb(var(--ui-255))}.visual-body .inspector .style-segment>button:hover{color:rgb(var(--ui-255))}.visual-body .inspector .reference-control:has(>.display-more){display:flex;min-width:0}.visual-body .inspector .reference-control:has(>.display-more)>.style-segment{flex:1 1 0;min-width:0}.visual-body .inspector .reference-control>select.display-more{appearance:none;width:30px;padding:0;text-align:center;text-overflow:ellipsis;background-color:rgb(var(--ui-42))}.visual-body .inspector .reference-align{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px}.visual-body .inspector .alignment-grid{width:70px;height:70px;padding:10px}.visual-body .inspector .reference-align>div:last-child{display:flex;flex-direction:column;gap:10px;min-width:0}.visual-body .inspector .reference-align>div>.reference-row{grid-template-columns:10px minmax(0,1fr);gap:10px;min-height:30px;margin:0}.visual-body .inspector .reference-range{gap:10px}.visual-body .inspector .reference-range>.unit-input{width:80px}.visual-body .inspector .reference-more,.visual-body .inspector .effect-editor{margin:0}.visual-body .inspector .reference-more>summary{height:30px;min-height:30px;padding:0 10px;gap:10px;color:rgb(var(--ui-242))}.visual-body .inspector .reference-more>div{padding:10px}.visual-body .inspector .effect-editor>summary{height:40px;min-height:40px;padding:0;gap:10px;color:rgb(var(--ui-242))}.visual-body .inspector .effect-editor>div{padding:0 0 10px}.visual-body .inspector .reference-add-row{height:30px;min-height:30px;margin:0;color:rgb(var(--ui-242))}.visual-body .inspector .reference-add-row>button{width:30px;height:30px}.visual-body .inspector .reference-add-row>.choose-asset-button{width:auto;min-width:60px;padding:0 10px}.visual-body .inspector .background-layer{padding:10px;gap:10px;margin:0}.visual-body .inspector .reference-color{height:30px}.visual-body .inspector .reference-swatch{width:30px;min-width:30px;height:100%}.visual-body .inspector .reference-color>select{width:30px;min-width:30px;height:100%;padding:0}.visual-body .inspector .radius-controls{gap:10px}.visual-body .inspector .radius-controls>button{width:30px;height:30px}.visual-body .inspector .radius-controls>.unit-input{width:80px}.visual-body .inspector .border-editor{grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:start;margin:0}.visual-body .inspector .border-editor>div:last-child{display:flex;flex-direction:column;gap:10px}.visual-body .inspector .border-editor .reference-row{grid-template-columns:minmax(0,1fr);gap:0}.visual-body .inspector .border-compass{width:70px;height:90px}.visual-body .inspector .border-compass>button{width:20px;height:30px}.visual-body .inspector .border-compass .border-all{left:calc(50% - 10px);top:30px}.visual-body .inspector .border-compass .border-top{left:calc(50% - 10px);top:0}.visual-body .inspector .border-compass .border-bottom{left:calc(50% - 10px);bottom:0}.visual-body .inspector .border-compass .border-left{left:0;top:30px}.visual-body .inspector .border-compass .border-right{right:0;top:30px}.visual-body .inspector .axis-caption{margin:0;color:rgb(var(--ui-242));line-height:20px}.visual-body .inspector .axis-grid,.visual-body .inspector .filter-grid{gap:10px;margin:0}.visual-body .inspector .axis-grid>label,.visual-body .inspector .filter-grid input{height:30px}.visual-body .inspector .axis-grid>label>span{padding-left:10px;color:rgb(var(--ui-242))}.visual-body .inspector .axis-grid input{padding:0 10px;color:rgb(var(--ui-255))}.visual-body .inspector .filter-grid>label{gap:0;line-height:20px;color:rgb(var(--ui-242))}.visual-body .inspector .filter-grid input{padding:0 10px;color:rgb(var(--ui-255))}.visual-body .inspector .effect-presets{gap:10px;margin:0}.visual-body .inspector .effect-presets>button{height:30px;padding:0 10px;color:rgb(var(--ui-242))}.visual-body .inspector .settings-basic,.visual-body .inspector .interaction-fields{padding:10px;display:flex;flex-direction:column;gap:10px}.visual-body .inspector .settings-row>span{color:rgb(var(--ui-242))}.visual-body .inspector .settings-row>:is(input,select){height:30px;padding:0 10px}.visual-body .inspector .designer-field{margin:0;gap:0}.visual-body .inspector .designer-field>span{min-height:20px;line-height:20px;color:rgb(var(--ui-242))}.visual-body .inspector .designer-field>:is(input,select){height:30px;padding:0 10px}.visual-body .inspector .designer-field>textarea{padding:10px}.visual-body .inspector .settings-note{margin:0;line-height:20px}.visual-body .inspector .interaction-state{padding:10px;gap:10px}.visual-body .inspector .interaction-state>label{min-width:0;gap:10px}.visual-body .inspector .interaction-state select{height:30px;min-width:0;width:100%;flex:1;padding:0 10px}.visual-body .inspector .placeholder-length{margin:0;gap:10px}.visual-body .inspector .placeholder-length>button{height:30px;padding:0 10px}.visual-body .inspector .override-notice{margin:10px}.visual-body .inspector .override-notice :is(summary,button){padding:10px}.visual-body .inspector .nested-spacing.svg-spacing{position:relative;isolation:isolate;width:100%;height:auto;min-height:0;aspect-ratio:428.4 / 312.6;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}.visual-body .inspector .nested-spacing.svg-spacing:before{content:none}.spacing-artwork{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.spacing-artwork path{stroke:rgb(var(--ui-66));stroke-width:1;stroke-linejoin:round;transition:fill .12s}.spacing-artwork [data-spacing-region^=margin]{fill:rgb(var(--ui-42))}.spacing-artwork [data-spacing-region=marginTop],.spacing-artwork [data-spacing-region=marginBottom]{fill:rgb(var(--ui-34))}.spacing-artwork [data-spacing-region^=padding]{fill:rgb(var(--ui-28))}.spacing-artwork [data-spacing-region=paddingTop],.spacing-artwork [data-spacing-region=paddingBottom]{fill:rgb(var(--ui-34))}.visual-body .inspector .nested-spacing.svg-spacing .spacing-caption{position:absolute;z-index:2;display:block;max-width:100%;padding:0;margin:0;font:500 calc(var(--ui-font) - 4px)/10px var(--sans)!important;color:rgb(var(--ui-242));letter-spacing:.03em;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%)}.visual-body .inspector .nested-spacing.svg-spacing .margin-label{left:23%;top:9.26%}.visual-body .inspector .nested-spacing.svg-spacing .padding-label{left:50%;top:50%}.visual-body .inspector .nested-spacing.svg-spacing input{position:absolute;left:var(--spacing-x);top:var(--spacing-y);right:auto;bottom:auto;z-index:3;width:30px;height:20px;margin:0;padding:0!important;border:1px solid transparent;border-radius:3px;background:transparent;box-shadow:none;transform:translate(-50%,-50%);font:400 var(--ui-font)/20px var(--sans)!important;text-align:center;color:rgb(var(--ui-255))!important;caret-color:var(--selection)}.visual-body .inspector .nested-spacing.svg-spacing input::placeholder{font:400 var(--ui-font)/20px var(--sans)!important;color:rgb(var(--ui-128))!important;opacity:1}.visual-body .inspector .nested-spacing.svg-spacing input:hover{background:rgb(var(--ui-18) / .5);border-color:rgb(var(--ui-82))}.visual-body .inspector .nested-spacing.svg-spacing input:focus{width:60px;z-index:5;background:rgb(var(--ui-18));border-color:var(--selection-border);outline:0}.visual-body .inspector .nested-spacing.svg-spacing input[data-style=marginLeft]:focus{left:0;transform:translateY(-50%)}.visual-body .inspector .nested-spacing.svg-spacing input[data-style=marginRight]:focus{left:100%;transform:translate(-100%,-50%)}.svg-spacing input[data-style=marginTop]{--spacing-x:50%;--spacing-y:9.26%}.svg-spacing:has(input[data-style=marginTop]:is(:hover,:focus)) [data-spacing-region=marginTop]{fill:rgb(var(--ui-52))}.svg-spacing input[data-style=marginBottom]{--spacing-x:50%;--spacing-y:90.74%}.svg-spacing:has(input[data-style=marginBottom]:is(:hover,:focus)) [data-spacing-region=marginBottom]{fill:rgb(var(--ui-52))}.svg-spacing input[data-style=marginLeft]{--spacing-x:6.76%;--spacing-y:50%}.svg-spacing:has(input[data-style=marginLeft]:is(:hover,:focus)) [data-spacing-region=marginLeft]{fill:rgb(var(--ui-52))}.svg-spacing input[data-style=marginRight]{--spacing-x:93.24%;--spacing-y:50%}.svg-spacing:has(input[data-style=marginRight]:is(:hover,:focus)) [data-spacing-region=marginRight]{fill:rgb(var(--ui-52))}.svg-spacing input[data-style=paddingTop]{--spacing-x:50%;--spacing-y:31.48%}.svg-spacing:has(input[data-style=paddingTop]:is(:hover,:focus)) [data-spacing-region=paddingTop]{fill:rgb(var(--ui-52))}.svg-spacing input[data-style=paddingBottom]{--spacing-x:50%;--spacing-y:68.52%}.svg-spacing:has(input[data-style=paddingBottom]:is(:hover,:focus)) [data-spacing-region=paddingBottom]{fill:rgb(var(--ui-52))}.svg-spacing input[data-style=paddingLeft]{--spacing-x:22.97%;--spacing-y:50%}.svg-spacing:has(input[data-style=paddingLeft]:is(:hover,:focus)) [data-spacing-region=paddingLeft]{fill:rgb(var(--ui-52))}.svg-spacing input[data-style=paddingRight]{--spacing-x:77.03%;--spacing-y:50%}.svg-spacing:has(input[data-style=paddingRight]:is(:hover,:focus)) [data-spacing-region=paddingRight]{fill:rgb(var(--ui-52))}.visual-body .inspector .spacing-presets{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;gap:5px;margin:0;padding:0}.visual-body .inspector .spacing-presets>span{grid-column:1/-1;line-height:20px;color:rgb(var(--ui-242))}.visual-body .inspector .spacing-presets>button{height:20px;padding:0;color:rgb(var(--ui-242))}.body-defaults-note{padding:10px;border-bottom:1px solid rgb(var(--ui-52));font-size:14px;line-height:20px;color:rgb(var(--ui-184))}.body-root-lock{flex:none;width:20px;text-align:center;color:rgb(var(--ui-128));font-size:14px}.visual-body .inspector:has(.body-defaults-note) [data-style-group=Typography]:not([open])>summary{color:rgb(var(--ui-255))}.visual-body .inspector .reference-row.wide-control-row.direction-control-row{grid-template-columns:minmax(0,1fr);grid-template-rows:20px auto;row-gap:5px}.visual-body .inspector .reference-row.direction-control-row .style-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;overflow:visible}.visual-body .inspector .reference-row.direction-control-row .style-segment>button{height:auto;min-height:30px;padding:0 5px;white-space:normal;line-height:20px}.visual-body .inspector .box-sizing-row .style-segment{height:30px;min-width:0}.visual-body .inspector .box-sizing-row .style-segment>button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;height:30px;min-height:30px;padding:0 5px;white-space:nowrap;line-height:20px}.box-sizing-row .box-preview{position:relative;display:block;flex:none;box-sizing:border-box;width:18px;height:14px;padding:3px;border:1px solid currentColor;border-radius:2px;background:transparent;color:inherit}.box-sizing-row .box-preview>i{display:block;width:100%;height:100%;border:1px solid currentColor;opacity:.55}.box-sizing-row .box-preview:after{content:"";position:absolute;bottom:-4px;height:3px;border:solid currentColor;border-width:0 1px 1px}.box-sizing-row .box-preview-border:after{left:-1px;right:-1px}.box-sizing-row .box-preview-content:after{left:3px;right:3px}.visual-body .inspector .box-sizing-help{margin:0;color:var(--studio-muted);font:400 12px/20px var(--sans)}.visual-body .inspector [data-style-group="Flex child"] .style-segment>button{gap:0;min-height:30px}.assets-panel-body{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;overflow:hidden}.assets-panel-body.asset-drop-active{outline:2px solid rgb(var(--ui-218));outline-offset:-3px;background:rgb(var(--ui-34))}.asset-count{font-size:14px;color:rgb(var(--ui-128));margin-left:auto;padding:3px 6px;border:1px solid rgb(var(--ui-52));border-radius:4px}.asset-search{margin:0 12px 12px;flex-shrink:0;min-height:30px}.asset-search>span{font-size:17px;color:rgb(var(--ui-128))}.asset-library-scroll{overflow:auto;flex:1;min-height:100px;padding:0 12px 14px}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.asset-tile{min-width:0;text-align:left;padding:4px;border:1px solid rgb(var(--ui-52));border-radius:6px;background:rgb(var(--ui-28));color:rgb(var(--ui-218));cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s}.asset-tile:hover,.asset-tile:focus-visible{border-color:rgb(var(--ui-128));background:rgb(var(--ui-34))}.asset-tile.selected{border-color:rgb(var(--ui-218));box-shadow:0 0 0 1px rgb(var(--ui-218))}.asset-thumbnail{position:relative;height:83px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px;background:repeating-conic-gradient(#8882 0 25%,#8880 0 50%) 0 0/12px 12px}.asset-thumbnail img{height:100%;width:100%;object-fit:contain}.asset-thumbnail>span:not(.asset-used):not(.asset-use){font-size:14px;color:rgb(var(--ui-128))}.asset-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.4;margin:7px 2px 3px;font-weight:500}.asset-tile>small{display:block;font-size:14px;color:rgb(var(--ui-128));white-space:nowrap;margin:0 2px 4px}.asset-used,.asset-use{position:absolute;bottom:4px;left:4px;border-radius:3px;padding:3px 4px;font-size:14px;line-height:1;background:#171717dd;color:#eee}.asset-use{inset:auto 4px 4px auto;opacity:0}.asset-tile:hover .asset-use,.asset-tile:focus-visible .asset-use{opacity:1}.asset-empty{padding:28px 4px;text-align:center;color:rgb(var(--ui-128))}.asset-empty>svg{display:block;margin:0 auto 12px;opacity:.6}.asset-empty strong{font-size:14px;color:rgb(var(--ui-218));font-weight:500}.asset-empty p{font-size:14px;line-height:1.65;margin:8px 0 16px}.asset-detail-heading button{border:0;background:transparent;color:rgb(var(--ui-128));font-size:19px;cursor:pointer}.asset-details{flex-shrink:0;border-top:1px solid rgb(var(--ui-52));padding:12px;background:rgb(var(--ui-28))}.asset-detail-heading{display:flex;gap:6px;align-items:center}.asset-detail-heading input{flex:1;min-width:0;border:1px solid transparent;border-radius:3px;font:inherit;font-size:14px;font-weight:500;color:rgb(var(--ui-218));padding:4px;background:transparent}.asset-detail-heading input:hover,.asset-detail-heading input:focus{border-color:rgb(var(--ui-52));outline:none;background:rgb(var(--ui-34))}.asset-detail-heading button:disabled{opacity:.3;cursor:default}.asset-details>p{font-size:14px;color:rgb(var(--ui-128));margin:5px 4px 12px;line-height:1.6}.asset-apply-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.asset-apply-actions button,.asset-replace{min-height:29px;border:1px solid rgb(var(--ui-52));border-radius:4px;background:rgb(var(--ui-34));color:rgb(var(--ui-218));font:inherit;font-size:14px;cursor:pointer}.asset-apply-actions button:last-child:nth-child(3){grid-column:1/-1}.asset-apply-actions button:disabled{opacity:.35;cursor:default}.asset-apply-actions button:hover:not(:disabled),.asset-replace:hover{border-color:rgb(var(--ui-128))}.asset-replace{background:transparent;color:rgb(var(--ui-128));width:100%;margin-top:6px;font-size:14px;min-height:26px}.asset-storage-note{padding:10px 12px;border-top:1px solid rgb(var(--ui-52));font-size:14px;line-height:1.6;color:rgb(var(--ui-128));display:flex;flex-direction:column;gap:2px;flex-shrink:0}.reference-add-row .choose-asset-button{font-size:14px!important;width:auto!important;padding:3px 7px!important;margin-left:auto}.choose-image-asset{margin:4px 0 12px;min-height:30px;font-size:14px}.export-image-preview{min-height:260px;padding:32px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#8881 0 25%,#8880 0 50%) 0 0/24px 24px}.export-image-preview img{max-width:100%;max-height:550px;object-fit:contain}.selected-image-summary{display:flex;align-items:center;gap:10px;width:100%;padding:8px;margin:10px 0;border:1px solid rgb(var(--ui-52));border-radius:5px;background:rgb(var(--ui-28));color:rgb(var(--ui-218));text-align:left;cursor:pointer}.selected-image-summary>img{width:46px;height:38px;object-fit:contain;background:rgb(var(--ui-34));border-radius:3px}.selected-image-summary>span:first-of-type{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.selected-image-summary small{display:block;color:rgb(var(--ui-128));font-size:14px;margin-top:4px}.background-layer>span{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.background-asset-thumb{width:24px;height:20px;object-fit:cover;flex-shrink:0;border-radius:3px}body:has(.app-body) .assets-panel-body .asset-upload-button{display:flex;align-items:center;justify-content:center;gap:10px;flex:none;min-height:40px;margin:12px;border:1px solid var(--studio-border);border-radius:6px;background:var(--studio-control);box-shadow:var(--studio-idle-bevel);color:var(--studio-text);font:500 13px/20px var(--sans);cursor:pointer}.asset-upload-button:disabled{opacity:.5;cursor:wait}.asset-storage-note small{font:400 12px/20px var(--sans)}.focused-body>.overlay-panel.assets-expanded{position:fixed;inset:0 0 0 40px;width:auto;max-width:none;height:auto;z-index:30;transform:none!important;animation:none!important}.assets-expanded .asset-fullscreen{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto auto auto minmax(0,1fr) auto}.asset-manager-toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px}body:has(.app-body) .asset-manager-toolbar .asset-upload-button{margin:0;flex:1;min-height:30px}.asset-manage-button,.asset-batch-toolbar button{height:30px;padding:0 10px;border:1px solid var(--studio-border);border-radius:5px;background:transparent;color:var(--studio-text);font:400 12px/20px var(--sans);cursor:pointer}.asset-manage-button[aria-pressed=true]{background:var(--studio-control);box-shadow:var(--studio-control-shadow)}.asset-batch-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:0 12px 10px}.asset-batch-toolbar small{flex-basis:100%;color:var(--studio-muted);font:400 12px/20px var(--sans)}.asset-card{position:relative;min-width:0}.asset-card>.asset-tile{width:100%;height:100%}.asset-select-check{position:absolute;z-index:2;top:10px;left:10px;display:grid;place-items:center;width:22px;height:22px;border-radius:4px;background:var(--studio-panel);border:1px solid var(--studio-border);cursor:pointer}.asset-select-check input{width:14px;height:14px;padding:0;margin:0;accent-color:var(--studio-secondary)}.asset-fullscreen :is(.asset-manager-toolbar,.asset-search,.asset-batch-toolbar,.asset-storage-note){grid-column:1/-1}.asset-fullscreen .asset-manager-toolbar{grid-row:1}.asset-fullscreen .asset-search{grid-row:2}.asset-fullscreen .asset-batch-toolbar{grid-row:3}.asset-fullscreen .asset-library-scroll{grid-column:1;grid-row:4;min-height:0;padding:10px 20px 20px}.asset-fullscreen:not(:has(.asset-details)) .asset-library-scroll{grid-column:1/-1}.asset-fullscreen .asset-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.asset-fullscreen .asset-thumbnail{height:130px}.asset-fullscreen .asset-details{grid-column:2;grid-row:4;min-height:0;overflow:auto;border-top:0;border-left:1px solid var(--studio-divider);background:var(--studio-panel);padding:20px}.asset-fullscreen .asset-storage-note{grid-row:5}.asset-delete-list{max-height:260px;overflow:auto;padding-left:20px;color:var(--studio-secondary);font:400 12px/20px var(--sans)}.asset-optimizer{font:400 12px/20px var(--sans)}.asset-optimizer>[data-optimize-preview]{display:block;width:100%;height:160px;object-fit:contain;margin-bottom:10px;border:1px solid var(--studio-border);border-radius:5px;background:repeating-conic-gradient(#8882 0 25%,#8880 0 50%) 0 0/12px 12px}.asset-optimizer>p{margin:10px 0;color:var(--studio-secondary);font-size:12px}.asset-option{display:flex;align-items:center;gap:5px;margin:10px 0;font:400 12px/20px var(--sans);color:var(--studio-secondary)}.asset-option>input{width:14px;height:14px;padding:0;margin:0;accent-color:var(--studio-secondary)}.asset-optimizer .field{font-size:12px}.asset-optimizer .field :is(input:not([type=range]),select){height:30px;padding:0 10px;font-size:12px}.asset-optimizer output{margin-left:auto}.asset-optimizer input[type=range]{width:100%;height:20px;accent-color:var(--studio-secondary)}.asset-optimizer [data-optimize-result]{min-height:30px;padding:10px 0;color:var(--studio-text);font-size:12px}.assets-panel-body :is(.asset-name,.asset-tile>small,.asset-details>p,.asset-detail-heading input,.asset-apply-actions button,.asset-replace,.asset-used,.asset-use){font-size:12px}@media(max-width:700px){.assets-expanded .asset-fullscreen{grid-template-columns:1fr;grid-template-rows:auto auto auto minmax(120px,1fr) auto auto}.asset-fullscreen .asset-details{grid-column:1;grid-row:5;max-height:220px;border-left:0;border-top:1px solid var(--studio-divider)}.asset-fullscreen .asset-storage-note{grid-row:6}.asset-fullscreen .asset-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}}.assets-panel-body .asset-name,.assets-panel-body .asset-detail-heading input{font-size:13px}.asset-optimizer .asset-option[hidden],.asset-optimizer .field[hidden]{display:none}.asset-mode-tabs{display:flex;gap:4px;padding:0 12px 12px;flex-shrink:0}.asset-mode-tabs>button{flex:1;min-width:0;height:32px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--studio-secondary);font:400 13px/20px var(--sans);cursor:pointer}.asset-mode-tabs>button[aria-selected=true]{border-color:var(--studio-border);background:var(--studio-control);box-shadow:var(--studio-control-shadow);color:var(--studio-text)}.builtin-icon-set-filter{display:flex;flex-wrap:wrap;gap:4px;padding:0 12px 12px}.builtin-icon-set-filter>button,.builtin-icon-pagination>button{min-height:30px;padding:4px 9px;border:1px solid var(--studio-border);border-radius:5px;background:transparent;color:var(--studio-secondary);font:400 12px/20px var(--sans);cursor:pointer}.builtin-icon-set-filter>button[aria-pressed=true]{background:var(--studio-control);box-shadow:var(--studio-control-shadow);color:var(--studio-text)}.builtin-icon-result-count{padding:0 0 10px;color:var(--studio-muted);font:400 12px/20px var(--sans)}.builtin-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.builtin-icon-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:100px;padding:12px 6px;border:1px solid var(--studio-border);border-radius:6px;background:transparent;color:var(--studio-text);cursor:pointer}.builtin-icon-tile>svg{flex-shrink:0;pointer-events:none}.builtin-icon-tile>span{max-width:100%;overflow-wrap:anywhere;font:400 12px/16px var(--sans);text-align:center;pointer-events:none}.builtin-icon-tile:hover:not(:disabled){background:var(--studio-control);box-shadow:var(--studio-idle-bevel)}.builtin-icon-tile:focus-visible,.asset-mode-tabs>button:focus-visible,.builtin-icon-set-filter>button:focus-visible,.builtin-icon-pagination>button:focus-visible{outline:2px solid var(--studio-text);outline-offset:-2px}.builtin-icon-tile:disabled,.builtin-icon-pagination>button:disabled{opacity:.4;cursor:default}.builtin-icon-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 0 0;font:400 12px/20px var(--sans);color:var(--studio-muted)}.builtin-icons-expanded .builtin-icon-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:12px}.builtin-icons-expanded .asset-library-scroll{padding:0 20px 20px}.builtin-icons-expanded .builtin-icon-set-filter{padding-left:20px}.assets-expanded>.asset-mode-tabs{max-width:460px}#element-path{position:relative;flex:1 1 0;min-width:0;z-index:14}.element-breadcrumbs{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;min-height:30px;color:rgb(var(--ui-184))}.element-breadcrumbs button,.breadcrumb-overflow>summary{min-width:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:3px;background:transparent;color:inherit;font:14px/22px var(--sans);padding:0 5px;text-align:left;cursor:pointer}.element-breadcrumbs>button{flex:0 1 auto}.element-breadcrumbs>button[aria-current]{flex-shrink:0;max-width:45%;color:rgb(var(--ui-242));background:rgb(var(--ui-42))}.element-breadcrumbs button:hover,.breadcrumb-overflow>summary:hover,.breadcrumb-overflow[open]>summary{background:rgb(var(--ui-42));color:rgb(var(--ui-242))}.element-breadcrumbs .path-separator{flex:none;color:rgb(var(--ui-128));font-size:14px}.path-empty{font-size:14px;color:rgb(var(--ui-128))}.breadcrumb-overflow{position:relative;flex:none}.breadcrumb-overflow>summary{display:block;list-style:none;min-width:24px;text-align:center}.breadcrumb-overflow>summary::-webkit-details-marker{display:none}.breadcrumb-ancestors{position:absolute;top:calc(100% + 5px);left:0;width:240px;max-width:calc(100vw - 80px);max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:2px;padding:5px;border:1px solid rgb(var(--ui-66));border-radius:5px;background:rgb(var(--ui-23));box-shadow:var(--overlay-shadow)}.breadcrumb-ancestors>button{flex:none;max-width:100%;line-height:28px;padding-inline:8px}.focused-body .nav-row{min-height:25px;padding-left:calc(5px + var(--depth)*12px);color:rgb(var(--ui-218))}.focused-body .nav-row.nav-section{margin-top:3px}.focused-body .nav-label{font-size:14px;line-height:20px;padding-block:2px;gap:6px;color:inherit}.focused-body .nav-row:hover{background:rgb(var(--ui-42));color:rgb(var(--ui-242))}.focused-body .nav-row.selected{background:var(--selection-bg);border-color:var(--selection-border);color:var(--selection)}.focused-body .nav-row .tag-icon{color:rgb(var(--ui-184));font-size:14px}.focused-body .nav-row.selected .tag-icon{color:var(--selection)}.focused-body .nav-disclosure{font-size:16px;color:rgb(var(--ui-184));line-height:20px}.property-label{display:inline-flex;align-items:center;gap:3px}.property-reset{visibility:hidden;flex-shrink:0;width:17px;height:17px;padding:0;border:0;border-radius:3px;background:transparent;color:inherit;font-size:14px;cursor:pointer}.reference-row:hover .property-reset,.property-reset:focus-visible{visibility:visible}.property-reset:hover{background:rgb(var(--ui-42))}.property-label.is-overridden{color:#c79a55}.override-notice{margin:8px 12px;font-size:14px;border:1px solid rgb(var(--ui-52));border-radius:5px;color:rgb(var(--ui-156))}.override-notice summary{padding:8px;cursor:pointer;line-height:1.5}.override-notice>div{padding:0 8px 8px}.override-notice>div>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.override-notice small{display:block;margin-top:3px;color:rgb(var(--ui-128))}.override-notice button{border:1px solid rgb(var(--ui-66));border-radius:3px;padding:4px 5px;background:transparent;color:inherit;font-size:14px;white-space:nowrap}.canvas-context-backdrop{position:fixed;inset:0;z-index:1000}.canvas-context-menu{position:fixed;width:236px;max-height:calc(100vh - 24px);overflow:auto;display:flex;flex-direction:column;padding:5px;border:1px solid rgb(var(--ui-66));border-radius:7px;background:rgb(var(--ui-23));box-shadow:0 12px 40px #0005;color:rgb(var(--ui-242))}.context-heading{padding:6px 8px 9px;font-size:14px;color:rgb(var(--ui-128));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-command{display:flex;align-items:center;min-height:32px;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:inherit;text-align:left;font-size:14px}.context-command:hover,.context-command:focus-visible{outline:none;background:rgb(var(--ui-42))}.context-command[data-action^=remove],.context-command[data-action=delete]{color:var(--danger);border-top:1px solid rgb(var(--ui-52));border-radius:0;margin-top:4px}.property-label{position:relative}.property-reset{position:absolute;left:calc(100% + 1px);top:50%;transform:translateY(-50%);width:13px;z-index:1}.selector-meta>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{height:40px;min-height:40px;padding:0 12px;gap:12px;flex-wrap:nowrap}.topbar .wordmark{font-size:15px}.topbar .wordmark .mark{width:25px;height:25px;margin-right:7px;border-radius:5px}.topbar .mode-switch{padding:2px;gap:2px}.topbar .mode-switch button{padding:4px 8px;line-height:20px}.topbar .top-actions>.button{height:28px;min-height:28px;padding:4px 9px}.topbar .project-title{gap:9px}.app-body{height:calc(100svh - 68px)}.focused-body{height:calc(100svh - 40px)}.focused-body .workspace-toolbar,.focused-body .visual-workspace .workspace-toolbar{height:40px;min-height:40px;max-height:40px;padding-inline:10px;gap:10px}.visual-workspace .workspace-toolbar>.toolbar-right{flex:none;width:auto;margin-left:auto;gap:7px}.visual-workspace .element-breadcrumbs{min-height:0}.visual-workspace .preview-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;min-height:28px;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:rgb(var(--ui-218))}.visual-workspace .preview-toggle:hover{background:rgb(var(--ui-42));border-color:rgb(var(--ui-66))}.visual-workspace .preview-toggle.active{color:var(--selection);background:var(--selection-bg);border-color:var(--selection-border)}.visual-workspace .preview-toggle .icon{width:16px;height:16px}.preview-toggle[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 7px);right:0;z-index:30;padding:5px 8px;border:1px solid rgb(var(--ui-66));border-radius:4px;background:rgb(var(--ui-23));color:rgb(var(--ui-242));box-shadow:var(--overlay-shadow);font:14px/18px var(--sans);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden}.preview-toggle[data-tooltip]:hover:after,.preview-toggle[data-tooltip]:focus-visible:after{opacity:1;visibility:visible}@media(max-width:850px){.focused-body .inspector{top:80px}}@media(max-width:600px){.topbar{padding-inline:8px;gap:6px}.topbar .wordmark{font-size:14px}.topbar .wordmark .mark{width:22px;height:22px;margin-right:5px}.topbar .mode-switch button{padding:4px 6px}.visual-workspace .workspace-toolbar>.toolbar-right{gap:4px}.visual-workspace .workspace-toolbar{padding-inline:6px;gap:6px}.visual-workspace .element-breadcrumbs{gap:2px}.element-breadcrumbs>button{padding-inline:3px}}@media(max-width:420px){.visual-workspace .viewport-inputs{display:none}}@font-face{font-family:Outfit;src:url(fonts/OutfitVariable.woff) format("woff");font-weight:100 900;font-display:swap}@font-face{font-family:Manrope;src:url(fonts/ManropeVariable.woff) format("woff");font-weight:200 800;font-display:swap}@font-face{font-family:Fraunces;src:url(fonts/FrauncesVariable.woff) format("woff");font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(fonts/InterVariable.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ui-font:14px;--ui-small:12px;--ui-line:20px;--ui-icon:14px}body{font:400 var(--ui-font)/var(--ui-line) var(--sans);font-optical-sizing:auto;font-synthesis:none;letter-spacing:normal}button,input,textarea,select{font-synthesis:none;font-optical-sizing:auto;letter-spacing:normal}button,input,textarea,select{font-weight:400}button,select,input{line-height:20px}:is(.panel-heading h2,.refined-group>summary,.inspector-heading,.element-category>summary){font-weight:500}:is(.overline,.group-label,.section-label,.count-badge,.version-tag,.save-status,.selector-meta,.selector-caption,.selector-inheritance,.selector-breakpoint,.reference-breakpoint,.settings-note,.body-defaults-note,.library-footer,.element-library-meta,.element-tile>small,.asset-storage-note,.asset-tile>small,.template-meta,.template-number,.block-item small,.class-kind,.class-context,.class-option small,.managed-class small,.preset-caption small,.visual-caption,.statusbar,kbd){font-size:12px;line-height:20px}:is(.overline,.group-label,.section-label){letter-spacing:.03em}:is(input,textarea)::placeholder{color:rgb(var(--ui-128));opacity:1}.focused-body .nav-row{min-height:30px;padding-left:calc(10px + var(--depth)*10px);color:rgb(var(--ui-242))}.focused-body .nav-row.nav-section{margin-top:0}.focused-body .nav-label{font:400 var(--ui-font)/var(--ui-line) var(--sans);padding:0;gap:10px;min-height:30px}.focused-body .nav-row .tag-icon{display:flex;align-items:center;justify-content:center;flex:none;width:var(--ui-icon);min-width:var(--ui-icon);height:var(--ui-icon);font-size:var(--ui-font);line-height:1;color:inherit}.navigator-icon,.navigator-chevron{display:block;flex:none;width:var(--ui-icon);height:var(--ui-icon)}.navigator-chevron.expanded{transform:rotate(90deg)}.focused-body .nav-disclosure{display:flex;align-items:center;justify-content:center;flex:none;width:20px;min-width:20px;height:30px;padding:0;color:rgb(var(--ui-184))}.focused-body .nav-menu{width:20px;min-width:20px;height:30px;padding:0;font-size:16px}.focused-body .nav-row.selected,.focused-body .nav-row.selected .tag-icon{color:var(--selection)}.element-breadcrumbs button,.breadcrumb-overflow>summary{font:400 var(--ui-font)/var(--ui-line) var(--sans)}.element-breadcrumbs>button{max-width:220px}.visual-body .inspector :is(.reference-row,.settings-row){grid-template-columns:60px minmax(0,1fr)}.visual-body .inspector .reference-pair>.reference-row{grid-template-columns:minmax(0,1fr)}.visual-body .inspector .reference-row:has(>.reference-control>.reference-align){grid-template-columns:minmax(0,1fr);gap:10px}.visual-body .inspector .reference-align>div>.reference-row{grid-template-columns:10px minmax(0,1fr)}.visual-body .inspector :is(.reference-row>.property-label,.settings-row>span,.style-segment>button,.reference-control>select,.designer-field>span){font-size:var(--ui-font);font-weight:400;line-height:20px}.visual-body .inspector .unit-input>input{font:400 var(--ui-font)/var(--ui-line) var(--sans)!important;font-variant-numeric:tabular-nums}.visual-body .inspector .unit-input>input::placeholder{font-size:var(--ui-font)!important;line-height:20px}.visual-body .inspector .unit-input>select{font:400 var(--ui-small)/var(--ui-line) var(--sans)!important;appearance:none;text-align:center}.visual-body .inspector .unit-input>select>option{font-size:12px}.visual-body .inspector .nested-spacing input,.visual-body .inspector .nested-spacing input::placeholder{font:400 var(--ui-font)/var(--ui-line) var(--sans)!important;font-variant-numeric:tabular-nums}.visual-body .inspector :is(.nested-spacing>.margin-label,.inner-padding>span){font:500 var(--ui-small)/var(--ui-line) var(--sans)}.visual-body .inspector .selector-tag,.visual-body .inspector .class-empty{font-size:12px}.visual-body .inspector .selector-caption{gap:10px}.visual-body .inspector .class-chip-field{flex-wrap:wrap}.visual-body .inspector .style-segment>button>svg{width:14px;height:14px}.visual-body .inspector :is(.refined-group>summary,.effect-editor>summary){font-size:14px;font-weight:500}.visual-body .inspector .refined-group>summary>span{font-size:14px}.visual-body .inspector .reference-more>summary{font-size:14px;font-weight:400}.visual-body .inspector .spacing-presets{gap:10px}.visual-body .inspector .spacing-presets>button{font-size:12px;height:30px}.visual-body .inspector .spacing-presets>span{font-size:12px}.visual-body .inspector .reference-breakpoint{font:400 var(--ui-small)/var(--ui-line) var(--sans)}.visual-body .inspector .property-reset{width:20px;height:20px;font-size:14px}.topbar .mode-switch button,.topbar .top-actions>.button{font-size:14px;font-weight:400}.visual-workspace .viewport-inputs{font-size:12px}.visual-workspace .viewport-inputs input{width:60px;font-size:14px;line-height:20px;height:30px;padding:0 10px}.visual-workspace .preview-toggle{width:30px;height:30px}@media(max-width:900px){.visual-workspace .viewport-inputs label:nth-of-type(2),.visual-workspace .viewport-inputs>span{display:none}}@media(max-width:600px){.topbar .mode-switch button{font-size:12px}.topbar .wordmark{font-size:14px}.visual-workspace .viewport-inputs{display:none}.element-breadcrumbs>button[aria-current]{max-width:60%}}.navigator-page .tag-icon,.body-root-lock svg{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.focused-body .nav-row{height:30px;min-height:30px}.focused-body .nav-label{height:100%;min-height:0}.focused-body .nav-disclosure,.focused-body .nav-menu{height:100%}.focused-body .overlay-panel{--ui-font:13px;--ui-small:12px;--ui-icon:13px;font-size:13px}.focused-body .overlay-panel :is(button,input,select,textarea,h2,h3,strong,.nav-label,.navigator-page,.block-item,.element-tile,.asset-tile){font-size:13px;font-weight:400}.focused-body .overlay-panel :is(small,.overline,.group-label,.section-label,.count-badge,.library-footer,.element-library-meta,.asset-storage-note,.template-meta){font-size:12px}.visual-body .inspector{--ui-font:12px;--ui-small:12px;--ui-icon:12px;font-size:12px}.visual-body .inspector :is(button,input,select,textarea,label,span,summary,small,strong,p,h2,h3,code,.empty-small,.property-label){font-size:var(--ui-font)!important;font-family:var(--sans);line-height:20px}.visual-body .inspector .reference-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.visual-body .inspector .reference-pair>.reference-row:has(>.reference-control){grid-template-columns:minmax(0,1fr);grid-template-rows:20px 30px;gap:0}.visual-body .inspector .settings-row{grid-template-columns:60px minmax(0,1fr)}.visual-body .inspector .style-segment>button{gap:0;overflow:hidden;text-overflow:ellipsis}.visual-body .inspector .reference-control,.visual-body .inspector .reference-control>*{max-width:100%;min-width:0}.visual-body .inspector .unit-input{display:flex;align-items:center;overflow:hidden}.visual-body .inspector .unit-input>input{width:0;flex:1 1 0;min-width:0;line-height:20px}.visual-body .inspector .unit-input>select{flex:0 0 30px}.visual-body .inspector .reference-row,.visual-body .inspector .settings-row{min-height:30px}.visual-body .inspector .reference-color>.unit-input{min-width:0}.visual-body .inspector .property-label.is-set{padding-right:20px}.visual-body .inspector .property-reset{left:auto;right:0;width:20px;height:20px}.focused-body .overlay-panel :is(.navigator-icon,.navigator-chevron,.navigator-page .tag-icon){width:13px;height:13px}.visual-body .inspector .reference-row>.property-label{display:flex;align-items:center;gap:0;min-width:0;width:100%;max-width:100%;height:20px;min-height:20px;padding:0!important;margin:0;overflow:hidden;white-space:nowrap;overflow-wrap:normal}.visual-body .inspector .property-label-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-body .inspector .property-reset{position:static;transform:none;flex:0 0 16px;width:16px;height:20px;padding:0;margin:0}.visual-body .inspector .reference-align .property-reset{display:none}.visual-body .inspector .reference-row.wide-control-row{grid-template-columns:minmax(0,1fr);grid-template-rows:20px 30px;gap:0}.visual-body .inspector .wide-control-row>.property-label{justify-self:start;width:auto;padding-right:0!important}.visual-body .inspector .wide-control-row .style-segment>button{padding:0 6px;white-space:nowrap;font-size:12px!important}.visual-body .inspector .alignment-grid{width:70px;height:70px;padding:8px;gap:4px}.visual-body .inspector .alignment-grid button{display:grid;place-items:center;min-width:0;min-height:0;padding:0}.visual-body .inspector .alignment-grid button i,.visual-body .inspector .alignment-grid button.active i{display:block;width:4px;height:4px;border-radius:50%}.visual-body .inspector :is(.reference-control>select,.settings-row>select,.designer-field>select,.interaction-state select,.variable-mode-row>select){appearance:none;-webkit-appearance:none;background-color:rgb(var(--ui-18));background-image:var(--studio-chevron),linear-gradient(rgb(var(--ui-34)),rgb(var(--ui-34)));background-size:10px 10px,20px 100%;background-position:right 5px center,right top;background-repeat:no-repeat;padding-right:24px;transition:background-color .12s}.visual-body .inspector :is(.reference-control>select,.settings-row>select,.designer-field>select,.interaction-state select,.variable-mode-row>select):hover{background-color:rgb(var(--ui-18));background-image:var(--studio-chevron),linear-gradient(rgb(var(--ui-42)),rgb(var(--ui-42)))}.visual-body .inspector .reference-control>select.display-more{padding:0;color:transparent}.visual-body .inspector .unit-input>select{appearance:none;-webkit-appearance:none;background:transparent!important}.visual-body .inspector .unit-input>select:hover{background:rgb(var(--ui-42))!important}.topbar{padding-left:0;gap:10px}.topbar .wordmark{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;margin:0;padding:0;border-right:1px solid rgb(var(--ui-52));border-radius:0}.topbar .wordmark .mark{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin:0;padding:0;border:0;background:transparent}.topbar .project-title>.top-divider{display:none}.visual-body .inspector>.inspector-tools{justify-content:flex-end}.visual-body .inspector .component-create-control{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:4px;background:transparent;color:rgb(var(--ui-184))}.visual-body .inspector .component-create-control:hover{background:rgb(var(--ui-42));color:rgb(var(--ui-255))}.visual-body .inspector .component-create-control:disabled{opacity:.4;cursor:default}@media(max-width:600px){.topbar{padding-left:0}.topbar .wordmark .mark{display:flex}}.saved-component-list{margin-top:20px}.saved-component-list>div:not(.section-label){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgb(var(--ui-52))}.saved-component-list>div>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focused-body .visual-workspace .workspace-toolbar{flex:0 0 40px;height:40px;min-height:40px;max-height:40px;padding:0 10px;gap:10px;flex-wrap:nowrap}.visual-workspace .workspace-toolbar>.toolbar-right{height:30px;align-items:center;gap:6px;flex-wrap:nowrap}.visual-workspace .workspace-toolbar .device-switch{box-sizing:border-box;flex:none;height:30px;padding:2px;gap:0;align-items:center}.visual-workspace .workspace-toolbar .device-switch button{display:flex;align-items:center;justify-content:center;width:20px;height:24px;padding:0}.visual-workspace .workspace-toolbar .device-switch svg{width:12px;height:12px}.visual-workspace .workspace-toolbar .viewport-inputs{gap:4px;font-size:12px;line-height:20px}.visual-workspace .workspace-toolbar .viewport-inputs label{gap:4px}.visual-workspace .workspace-toolbar .viewport-inputs input{width:50px;height:30px;padding:0 6px;font-size:12px;line-height:20px}.visual-workspace .workspace-toolbar .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:30px;padding:0}.visual-workspace .workspace-toolbar .icon-btn svg{width:14px;height:14px}.visual-workspace .workspace-toolbar .element-breadcrumbs{height:30px;min-height:0}.visual-workspace .workspace-toolbar .element-breadcrumbs button,.visual-workspace .workspace-toolbar .breadcrumb-overflow>summary{font-size:12px;line-height:20px;padding:0 4px}.visual-body .inspector .reference-control>select:not(.display-more){width:60%;min-width:min(100%,80px);margin-left:auto}.visual-body .inspector .reference-align .reference-control>select{width:100%;min-width:0}.visual-body .inspector :is(.settings-row>select,.designer-field>select){width:60%;min-width:min(100%,80px);justify-self:end;align-self:flex-end}.visual-body .inspector .interaction-state select{width:60%;flex:0 1 60%;min-width:80px;margin-left:auto}.visual-body .inspector .reference-control>select.display-more{width:20px;min-width:20px;flex:0 0 20px;padding:0;background-position:right 5px center}.visual-body .inspector .unit-input>select{width:30px!important;min-width:30px;flex:0 0 30px}.visual-body .inspector .radius-controls{display:grid;grid-template-columns:20px minmax(40px,1fr) 70px;align-items:center;gap:6px;min-width:0}.visual-body .inspector .radius-controls>button{width:20px;height:20px;font-size:14px;padding:0}.visual-body .inspector .radius-controls>.unit-input{width:70px;min-width:0;height:30px}.visual-body .inspector :is(.radius-controls,.reference-range)>input[type=range]{display:block;box-sizing:border-box;min-width:0;width:100%;height:20px;padding:0;margin:0;border:0;border-radius:0;appearance:none;-webkit-appearance:none;background:transparent;box-shadow:none;outline-offset:2px}.visual-body .inspector :is(.radius-controls,.reference-range)>input[type=range]::-webkit-slider-runnable-track{height:4px;background:rgb(var(--ui-66));border-radius:2px}.visual-body .inspector :is(.radius-controls,.reference-range)>input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-3px;border:0;border-radius:2px;background:rgb(var(--ui-242));box-shadow:none}.visual-body .inspector :is(.radius-controls,.reference-range)>input[type=range]::-moz-range-track{height:4px;background:rgb(var(--ui-66));border:0;border-radius:2px}.visual-body .inspector :is(.radius-controls,.reference-range)>input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:2px;background:rgb(var(--ui-242))}.visual-body .inspector .reference-control:has(>select.display-more){gap:0}.visual-body .inspector .reference-control>select.display-more{box-sizing:border-box;width:20px;min-width:20px;max-width:20px;flex:0 0 20px;margin:0;padding:0;text-indent:100%;overflow:hidden;background-position:center,right top;border-left:0;box-shadow:none}.visual-body .inspector .unit-input>select:has(option[value=auto]),.visual-body .inspector .unit-input>select:has(option[value=none]){width:40px!important;min-width:40px;flex:0 0 40px;font-size:12px!important}.visual-body .inspector :is(.refined-group,.reference-more,.effect-editor)>summary{box-sizing:border-box;display:flex;align-items:center;height:30px;min-height:30px;max-height:30px;margin:0;padding:0 10px;line-height:20px;border-bottom:1px solid rgb(var(--ui-52))}.visual-body .inspector :is(.refined-group,.reference-more,.effect-editor)>div{padding:20px 10px 10px}.visual-body .inspector .refined-group{border-bottom:0}.visual-body .inspector .reference-pair>.reference-row:has(>.reference-control),.visual-body .inspector .reference-row.wide-control-row{grid-template-rows:20px 30px;row-gap:5px}.visual-body .inspector .border-editor .reference-row{row-gap:5px}.visual-body .inspector .designer-field{gap:5px}.visual-body .inspector .reference-row>.property-label{width:fit-content;max-width:100%;justify-self:start;background:transparent!important}.visual-body .inspector .property-label-text{flex:0 1 auto;width:fit-content;max-width:100%;border-radius:3px}.visual-body .inspector .property-label:is(.is-set,.is-inherited,.is-overridden)>.property-label-text{padding-inline:3px}.visual-body .inspector .property-label.is-set>.property-label-text{background:var(--selection-bg);color:var(--selection)}.visual-body .inspector .reference-align>div>.reference-row{grid-template-columns:20px minmax(0,1fr);column-gap:0}.inspector-heading .classes-control{margin-left:auto;padding:0 10px;height:30px;width:auto;font-size:12px;font-weight:500;border:1px solid rgb(var(--ui-66));border-radius:4px;color:rgb(var(--ui-218));background:rgb(var(--ui-34))}.inspector-heading .classes-control:hover{background:rgb(var(--ui-52));border-color:rgb(var(--ui-128))}.visual-body .inspector{overflow:hidden}.visual-body .inspector>.class-selector-area{position:sticky;top:0;z-index:20;flex:0 0 auto;background:rgb(var(--ui-23))}.visual-body .inspector>.inspector-scroll{min-height:0;flex:1 1 0;overflow-y:auto;overflow-x:hidden}.visual-body .inspector .selector-caption{display:flex;flex-wrap:nowrap;align-items:center;min-width:0}.visual-body .inspector .selector-inheritance{margin-left:auto;white-space:nowrap;color:rgb(var(--ui-128))}.selector-input-wrap{position:relative;min-width:0}.visual-body .inspector .class-chip-field{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:5px;min-height:40px;padding:0 4px 0 5px;min-width:0;cursor:text}.selector-viewport{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:30px;margin-top:4px;color:rgb(var(--ui-184))}.selector-viewport svg{display:block;flex:none}.class-chip-list{position:relative;display:flex;flex:1 1 0;flex-wrap:wrap;align-items:center;gap:10px 5px;min-width:0;min-height:38px;max-height:118px;padding:4px 0;overflow:hidden;box-sizing:border-box}.visual-body .inspector .class-chip{display:inline-flex;align-items:center;flex:0 1 auto;max-width:100%;min-width:0;height:30px;margin:0;overflow:hidden;box-shadow:none}.visual-body .inspector .class-chip>button:first-child{flex:1 1 auto;max-width:none;min-width:0;height:100%;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;text-align:left}#class-selector-input{display:block;flex:1 1 24px;width:24px;min-width:24px;max-width:100%;height:30px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:rgb(var(--ui-242));font:400 12px/20px var(--sans);outline:none;caret-color:var(--studio-text)}#class-selector-input::placeholder{color:rgb(var(--ui-128))}#class-name-editor{width:0;min-width:0;flex:1 1 120px;max-width:100%;height:100%;padding:0 10px;border:0;background:rgb(var(--ui-28));color:rgb(var(--ui-255));box-shadow:inset 0 0 0 1px var(--selection-border);outline:none}.class-chip:has(>#class-name-editor){flex:1 1 auto}.selector-error{font-size:12px;line-height:20px;color:var(--danger)}.selector-error[hidden]{display:none}.visual-body .inspector .selector-meta{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;height:30px;min-height:30px;min-width:0;padding:0}.visual-body .inspector .selector-meta>span{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-body .inspector .selector-meta>button{flex:0 0 auto;height:30px;padding:0 10px;border:1px solid rgb(var(--ui-66));border-radius:4px}.selector-popover{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:30;border:1px solid rgb(var(--ui-82));border-radius:6px;background:rgb(var(--ui-28));box-shadow:0 10px 30px #0005;overflow:hidden}.selector-popover[hidden]{display:none}.selector-popover-head{height:40px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(var(--ui-66));gap:10px;color:rgb(var(--ui-218));font-size:12px}.selector-popover-head select{height:30px;max-width:120px;min-width:0;background:rgb(var(--ui-18));color:rgb(var(--ui-242));border:1px solid rgb(var(--ui-66));border-radius:4px;padding:0 10px;font-size:12px}#class-selector-list{max-height:260px;overflow:auto;scrollbar-width:thin}.selector-suggestion{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;text-align:left;padding:10px;color:rgb(var(--ui-218));border-bottom:1px solid rgb(var(--ui-52))}.selector-suggestion strong{font-size:12px;font-weight:400;flex:1;min-width:0;overflow-wrap:anywhere}.selector-suggestion small{font-size:12px;color:rgb(var(--ui-128));white-space:nowrap}.selector-suggestion.is-active,.selector-suggestion:hover{background:rgb(var(--ui-52));color:rgb(var(--ui-242))}.selector-notice{font-size:12px;line-height:1.5;padding:10px;color:rgb(var(--ui-184))}.selector-popover-footer{font-size:12px;line-height:20px;padding:10px;border-top:1px solid rgb(var(--ui-66));color:rgb(var(--ui-128))}.class-row-actions{display:flex;gap:10px;flex:none}.class-row-actions button{height:30px;padding:0 10px;border:1px solid rgb(var(--ui-82));border-radius:4px;font-size:12px;color:rgb(var(--ui-218))}.class-row-actions button:disabled{color:rgb(var(--ui-128));cursor:not-allowed;opacity:.7}.preset-protected{font-size:12px;color:rgb(var(--ui-128));flex:none;max-width:80px;line-height:20px}.managed-class{padding:10px 0;gap:10px}.managed-class strong{font-family:var(--sans);font-size:14px}.managed-class small,.class-kind{font-size:12px}.visual-body .inspector .selector-states{position:static;flex:0 0 30px;width:30px;height:30px;border:0;margin:4px 0 0;padding:0}.visual-body .inspector .selector-states>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:30px;height:30px;margin:0;padding:0;border:0;border-left:1px solid rgb(var(--ui-66));border-radius:0;color:rgb(var(--ui-218));background:transparent;cursor:pointer}.selector-states>summary::-webkit-details-marker{display:none}.visual-body .inspector .selector-states>summary:hover,.visual-body .inspector .selector-states[open]>summary{background:rgb(var(--ui-52));color:rgb(var(--ui-255))}.visual-body .inspector .selector-state-chip{flex:0 1 auto;min-width:0;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;padding:0 5px;border:1px solid var(--selection-border);border-radius:3px;font:400 12px/18px var(--sans);color:rgb(var(--ui-242));background:var(--selection-bg)}.selector-state-menu{position:absolute;z-index:40;top:calc(100% + 5px);right:0;width:200px;max-width:100%;padding:5px;background:rgb(var(--ui-28));border:1px solid rgb(var(--ui-82));border-radius:5px;box-shadow:0 10px 30px #0005}.visual-body .inspector .selector-state-menu>button{display:flex;align-items:center;gap:10px;width:100%;height:30px;padding:0 10px;text-align:left;border:0;border-radius:3px;background:transparent;color:rgb(var(--ui-218));font:400 12px/20px var(--sans)}.visual-body .inspector .selector-state-menu>button:hover,.visual-body .inspector .selector-state-menu>button:focus-visible{background:rgb(var(--ui-52));color:rgb(var(--ui-255))}.visual-body .inspector .selector-state-menu>button.is-current{background:var(--selection-bg);color:rgb(var(--ui-255))}.selector-state-menu>button>span{flex:1;min-width:0}.selector-state-menu>button>i{width:5px;height:5px;border-radius:50%;background:transparent;flex:none}.selector-state-menu>button>i.has-styles{background:var(--selection-border)}.selector-states>summary:focus-visible,.selector-state-menu>button:focus-visible{outline:1px solid var(--selection-border);outline-offset:-1px}.visual-body .inspector .class-chip-list.has-classes:not(.has-multiple-classes)>.class-chip{max-width:calc(100% - 29px)}.visual-body .inspector .class-chip-field.is-expanded .class-chip-list{max-height:none;overflow:visible}.class-field-entry{display:none;flex:0 0 24px;height:30px;margin-top:4px;cursor:text}.class-chip-field[data-overflow=true]:not(.is-expanded)>.class-field-entry{display:block}.class-chip-field .selector-state-chip{margin-top:9px}.class-chip-field .selector-states>summary svg{width:12px;height:12px;flex:none;pointer-events:none}.selector-input-wrap .selector-popover{max-height:var(--class-popover-height,380px);display:flex;flex-direction:column}.selector-input-wrap .selector-popover[hidden]{display:none}.selector-popover-head,.selector-popover-footer{flex:none}.selector-input-wrap #class-selector-list{flex:1 1 auto;min-height:0;max-height:260px}.selector-popover[data-above=true]{top:auto;bottom:calc(100% + 10px)}.project-cleanup{min-height:0;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:15px;font-size:13px}.cleanup-project{margin:0;overflow-wrap:anywhere;font-weight:500}.project-cleanup .helper-text{margin:0;font-size:12px;line-height:1.6}.cleanup-section{display:flex;flex-direction:column;gap:10px;min-width:0;padding-bottom:15px;border-bottom:1px solid var(--popover-border)}.cleanup-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.cleanup-section-heading h3{font-size:13px;font-weight:500;margin:0}.cleanup-section-heading>span,.cleanup-filter{font-size:12px;color:var(--studio-secondary)}.cleanup-search{margin:0;min-width:0;display:flex;align-items:center;gap:10px;padding-inline:10px}.cleanup-search input{min-width:0;width:100%;background:transparent;border:0;outline:0;box-shadow:none}.cleanup-filter{display:flex;align-items:center;justify-content:space-between;gap:10px}.cleanup-filter select{box-sizing:border-box;flex:1 1 0;width:0;min-width:0;height:30px;min-height:30px;padding:4px 25px 4px 10px;font-size:13px;line-height:20px}.cleanup-class-list,.cleanup-image-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;min-width:0}.cleanup-class-list li,.cleanup-image-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;min-width:0}.cleanup-class-list code,.cleanup-image-list li>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.cleanup-class-list small,.cleanup-image-list small{flex:none;font-size:12px;color:var(--studio-secondary)}.project-dashboard,body:has(.project-dashboard){--dash-bg:#191919;--dash-side:#101010;--dash-panel:#151515;--dash-raised:#303030;--dash-button-bottom:#252525;--dash-inset:#0d0d0d;--dash-line:#070707;--dash-line-soft:#242424;--dash-rim:#383838;--dash-rim-top:#444444;--dash-text:#f2f2f2;--dash-secondary:#bcbcbc;--dash-muted:#999999;--dash-lime:#cced9e;--dash-lime-text:#111111;--dash-highlight:rgb(255 255 255 / .07);--dash-shadow:rgb(0 0 0 / .28);--dash-control:linear-gradient(180deg,var(--dash-raised),var(--dash-button-bottom));--dash-bevel:inset 0 0 0 1px var(--dash-rim),inset 0 1px 0 var(--dash-rim-top);--dash-control-shadow:var(--dash-bevel),0 2px 4px var(--dash-shadow)}[data-theme=light] .project-dashboard,[data-theme=light] body:has(.project-dashboard){--dash-bg:#f4f4f4;--dash-side:#e8e8e8;--dash-panel:#eeeeee;--dash-raised:#fafafa;--dash-button-bottom:#e6e6e6;--dash-inset:#dedede;--dash-line:#c2c2c2;--dash-line-soft:#d4d4d4;--dash-rim:#bcbcbc;--dash-rim-top:#ffffff;--dash-text:#171717;--dash-secondary:#4c4c4c;--dash-muted:#626262;--dash-highlight:rgb(255 255 255 / .8);--dash-shadow:rgb(0 0 0 / .1)}.project-dashboard{display:grid;grid-template-columns:220px minmax(0,1fr);height:100svh;overflow:hidden;background:var(--dash-bg);color:var(--dash-text);font:400 14px/1.5 var(--sans)}.project-dashboard *{box-sizing:border-box}.project-dashboard :where(button,input,select,summary){font:inherit;color:inherit}.project-dashboard button{cursor:pointer}.project-dashboard button:disabled{opacity:.45;cursor:default}.project-dashboard :is(button,a,input,select,summary):focus-visible{outline:1px solid var(--dash-lime);outline-offset:3px}.project-dashboard svg{flex-shrink:0;width:16px;height:16px}.dashboard-sidebar{display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--dash-rim) transparent;padding:20px 10px;background:var(--dash-side);border-right:1px solid var(--dash-line)}.dashboard-brand{display:flex;gap:10px;align-items:center;padding:0 10px;color:var(--dash-text);text-decoration:none;font-size:18px;font-weight:500;letter-spacing:-.04em;line-height:20px}.dashboard-mark{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid var(--dash-line);border-radius:5px;background:transparent;color:var(--dash-text);box-shadow:var(--dash-bevel)}.dashboard-mark svg{width:20px;height:20px}.dashboard-brand small{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--dash-muted)}.dashboard-nav-section{margin-top:40px}.dashboard-nav-label{margin:0 10px 10px;font-size:12px;color:var(--dash-muted);font-weight:400}.dashboard-sidebar .dashboard-nav{display:grid;gap:5px}.dashboard-sidebar .dashboard-nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border:1px solid transparent;border-radius:5px;background:transparent;box-shadow:none;color:var(--dash-secondary);font:400 13px/20px var(--sans);text-align:left}.dashboard-sidebar .dashboard-nav button>span{min-width:0;flex:1}.dashboard-sidebar .dashboard-nav small{padding:0 5px;font-size:12px;color:var(--dash-muted);font-variant-numeric:tabular-nums}.dashboard-sidebar .dashboard-nav button:hover{color:var(--dash-text)}.dashboard-sidebar .dashboard-nav button.active{position:relative;background:var(--dash-control);border-color:var(--dash-line);color:var(--dash-text);box-shadow:var(--dash-control-shadow)}.dashboard-sidebar .dashboard-nav button.active:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--dash-lime)}.dashboard-sidebar .dashboard-nav button.active small{color:var(--dash-secondary)}.dashboard-sidebar-actions{margin-top:30px;padding-top:20px;border-top:1px solid var(--dash-line-soft)}.dashboard-sidebar-bottom{margin-top:auto;padding:30px 10px 0}.dashboard-local{display:flex;align-items:center;gap:10px;color:var(--dash-secondary);font-size:12px}.dashboard-local svg{width:14px;height:14px}.dashboard-sidebar-bottom p{margin:5px 0 10px;font-size:12px;color:var(--dash-muted)}.dashboard-sidebar .dashboard-storage-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 0;border:0;border-top:1px solid var(--dash-line-soft);background:transparent;box-shadow:none;font-size:12px;color:var(--dash-muted);text-align:left}.dashboard-sidebar .dashboard-storage-link:hover{color:var(--dash-text)}.dashboard-sidebar .dashboard-storage-link svg{width:12px;height:12px}.dashboard-content{min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--dash-rim) transparent}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;height:40px;min-height:40px;padding:0 30px;border-bottom:1px solid var(--dash-line);background:var(--dash-panel)}.dashboard-projects .dashboard-header{position:sticky;top:0;z-index:10}.dashboard-location{display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;color:var(--dash-muted)}.dashboard-location>svg:nth-of-type(2){width:12px;height:12px}.dashboard-location strong{font-weight:400;color:var(--dash-text)}.dashboard-header-actions{display:flex;align-items:center;gap:20px}.dashboard-device{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--dash-muted)}.dashboard-theme{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--dash-line);border-radius:5px;background:transparent;box-shadow:var(--dash-bevel);color:var(--dash-secondary)}.dashboard-theme:hover{color:var(--dash-text)}.dashboard-main{width:min(100%,1440px);margin:0 auto;padding:30px}.dashboard-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.dashboard-intro h1{margin:0;font-size:28px;line-height:40px;font-weight:500;letter-spacing:-.04em}.dashboard-intro p{margin:5px 0 0;font-size:13px;line-height:20px;color:var(--dash-secondary)}.dashboard-intro-actions{display:flex;align-items:center;gap:10px;flex:none}.dashboard-primary,.dashboard-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:0 20px;border:1px solid var(--dash-line);border-radius:5px;font-size:13px;white-space:nowrap}.dashboard-primary{background:var(--dash-lime);color:var(--dash-lime-text);font-weight:500;box-shadow:inset 0 1px #ffffff40,0 2px 4px var(--dash-shadow)}.dashboard-primary:hover{box-shadow:inset 0 1px #ffffff40,0 3px 6px var(--dash-shadow)}.dashboard-primary:active{box-shadow:inset 0 1px 3px var(--dash-shadow)}.dashboard-secondary{background:transparent;color:var(--dash-secondary);box-shadow:var(--dash-bevel)}.dashboard-secondary:hover{color:var(--dash-text)}.dashboard-tools{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-search{display:flex;align-items:center;gap:10px;flex:1;max-width:380px;min-width:0;height:40px;padding:0 10px;border:1px solid var(--dash-line);border-radius:5px;background:var(--dash-inset);box-shadow:var(--dash-bevel),inset 0 2px 4px var(--dash-shadow);color:var(--dash-muted)}.dashboard-search:focus-within{border-color:var(--dash-lime)}.dashboard-search input{width:100%;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;font-size:13px}.dashboard-search input:focus-visible{outline:none;box-shadow:none}.dashboard-search input::placeholder{color:var(--dash-muted)}.dashboard-tool-actions{display:flex;align-items:center;gap:10px;flex:none}.dashboard-sort-wrap{position:relative;display:flex;align-items:center}.dashboard-sort-wrap select{appearance:none;width:140px;height:40px;padding:0 30px 0 10px;border:1px solid var(--dash-line);border-radius:5px;background:var(--dash-inset);box-shadow:var(--dash-bevel);font-size:12px;cursor:pointer;color:var(--dash-secondary)}.dashboard-sort-wrap>svg{position:absolute;right:10px;width:12px;height:12px;pointer-events:none;color:var(--dash-muted)}.dashboard-sort-wrap select:hover{color:var(--dash-text)}.dashboard-views{display:flex;align-items:center;gap:5px;height:40px;padding:4px;border:1px solid var(--dash-line);border-radius:5px;background:var(--dash-inset);box-shadow:var(--dash-bevel)}.dashboard-views button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--dash-muted)}.dashboard-views button[aria-pressed=true]{background:var(--dash-control);border-color:var(--dash-line);box-shadow:var(--dash-control-shadow);color:var(--dash-text)}.dashboard-views button:hover{color:var(--dash-text)}.dashboard-list-heading{display:flex;align-items:center;justify-content:space-between;min-height:40px;color:var(--dash-muted);font-size:12px}.dashboard-list-heading button{border:0;padding:0;background:transparent;font-size:12px;color:var(--dash-secondary);text-decoration:underline;text-underline-offset:3px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));align-items:stretch;gap:20px}.project-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--dash-line);border-radius:10px;background:var(--dash-panel);box-shadow:inset 0 0 0 1px var(--dash-line-soft),0 2px 5px var(--dash-shadow);transition:box-shadow .15s}.project-card:hover{box-shadow:inset 0 0 0 1px var(--dash-rim),0 4px 8px var(--dash-shadow)}.project-card:has(.project-menu[open]){z-index:20}.project-card-open{display:block;flex:1;min-width:0;width:100%;padding:10px 10px 0;border:0;border-radius:10px;background:transparent;text-align:left}.project-card-art{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;padding:30px 30px 40px;border:1px solid var(--dash-line);border-radius:5px;background:var(--dash-inset);box-shadow:inset 0 1px 4px var(--dash-shadow);color:var(--dash-muted)}.project-art-blank>span{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px}.project-art-blank>span>svg{width:24px;height:24px;color:var(--dash-muted)}.project-card-copy{padding:20px 10px 10px}.project-card-heading{display:flex;align-items:center;gap:10px;min-width:0}.project-card-heading h2{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.01em}.project-card-arrow{display:grid;place-items:center;color:var(--dash-muted);flex:none}.project-card-arrow svg{width:14px;height:14px}.project-card-business{margin:5px 0 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dash-secondary);font-size:12px;line-height:20px}.project-card-meta{display:flex;gap:10px;margin:10px 0 0;color:var(--dash-muted);font-size:12px;line-height:20px}.project-card-meta span+span{position:relative;padding-left:10px}.project-card-meta span+span:before{position:absolute;content:"";top:5px;bottom:5px;left:0;border-left:1px solid var(--dash-rim)}.project-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;height:40px;margin:0 20px 10px;border-top:1px solid var(--dash-line-soft)}.project-card time{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--dash-muted)}.project-menu{position:relative;flex:none}.project-menu>summary{display:grid;place-items:center;list-style:none;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--dash-muted);cursor:pointer}.project-menu>summary::-webkit-details-marker{display:none}.project-menu>summary:hover{color:var(--dash-text)}.project-menu[open]>summary{background:var(--dash-control);border-color:var(--dash-line);box-shadow:var(--dash-control-shadow);color:var(--dash-text)}.project-dashboard .project-menu>div{position:absolute;right:0;bottom:35px;z-index:20;min-width:190px;padding:5px;border:1px solid var(--dash-line);border-radius:5px;background:var(--dash-panel);box-shadow:var(--dash-bevel),0 5px 20px var(--dash-shadow)}.project-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:30px;padding:5px 10px;border:0;border-radius:3px;background:transparent;text-align:left;white-space:nowrap;font-size:12px}.project-menu button:hover{color:var(--dash-text);background:var(--dash-raised)}.project-menu :is([data-action=project-trash],[data-action=project-delete]){margin-top:5px;border-top:1px solid var(--dash-line-soft);color:var(--danger)}.project-new-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:300px;padding:30px 20px;border:1px dashed var(--dash-rim);border-radius:10px;background:transparent;color:var(--dash-secondary);text-align:center}.project-new-card:hover{color:var(--dash-text);border-color:var(--dash-muted)}.project-new-card>span{display:grid;place-items:center;width:40px;height:40px;margin-bottom:10px;border:1px solid var(--dash-line);border-radius:5px;background:transparent;box-shadow:var(--dash-bevel)}.project-new-card strong{font-size:14px;font-weight:500;color:var(--dash-text)}.project-new-card small{font-size:12px;line-height:20px;color:var(--dash-muted)}.dashboard-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid var(--dash-line-soft);color:var(--dash-muted);font-size:12px;line-height:20px}.dashboard-footer>span{display:flex;align-items:center;gap:10px}.dashboard-footer button{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;font-size:12px;white-space:nowrap;color:var(--dash-secondary)}.dashboard-footer button:hover{color:var(--dash-text)}.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;padding:40px 20px;border:1px solid var(--dash-line-soft);border-radius:10px;color:var(--dash-muted);text-align:center}.dashboard-empty>span{display:grid;place-items:center;width:40px;height:40px;color:var(--dash-muted)}.dashboard-empty>span svg{width:24px;height:24px}.dashboard-empty h2{margin:10px 0;font-size:18px;line-height:30px;font-weight:500;letter-spacing:-.02em;color:var(--dash-text)}.dashboard-empty p{margin:0;max-width:350px;font-size:13px;line-height:20px}.project-list{grid-template-columns:minmax(0,1fr);gap:10px}.project-list .project-card{display:flex;flex-direction:row;align-items:center}.project-list .project-card-open{display:flex;align-items:center;gap:20px;flex:1;min-width:0;padding:10px}.project-list .project-card-art{width:100px;height:70px;aspect-ratio:auto;flex:none;padding:8px 10px 0;border-radius:5px}.project-list .project-card-copy{flex:1;min-width:0;padding:0}.project-list .project-card-meta{margin-top:5px}.project-list .project-card>footer{flex:none;width:150px;margin:0 20px;border:0}.project-list .project-new-card{flex-direction:row;gap:20px;min-height:90px;padding:10px 20px}.project-list .project-new-card>span{margin:0}.project-list .project-art-blank>span{font-size:0;gap:0}.storage-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 20px}.storage-summary>div{padding:20px;border:1px solid rgb(var(--ui-52));border-radius:5px}.storage-summary span{display:block;color:rgb(var(--ui-128));font-size:12px}.storage-summary strong{display:block;margin-top:10px;font-size:20px;font-weight:500}body:has(.project-dashboard) .modal-backdrop{background:#000000a6;backdrop-filter:blur(6px)}body:has(.project-dashboard) .modal{border-color:var(--dash-line);border-radius:10px;background:var(--dash-panel);box-shadow:var(--dash-bevel),0 20px 60px #0000004d;color:var(--dash-text)}body:has(.project-dashboard) .modal>header{padding:20px;border-color:var(--dash-line-soft)}body:has(.project-dashboard) .modal h2{margin:5px 0;font-size:20px;line-height:30px;font-weight:500;letter-spacing:-.025em}body:has(.project-dashboard) .modal header .overline{font-size:12px;color:var(--dash-muted);letter-spacing:.05em}body:has(.project-dashboard) .modal header p{margin-top:5px;font-size:13px;line-height:20px;color:var(--dash-secondary)}body:has(.project-dashboard) .modal-body{padding:20px;scrollbar-color:var(--dash-rim) transparent}body:has(.project-dashboard) .modal>footer{padding:10px 20px;border-color:var(--dash-line-soft)}body:has(.project-dashboard) .modal :is(input,select){border-color:var(--dash-line);border-radius:5px;background:var(--dash-inset);box-shadow:var(--dash-bevel),inset 0 2px 4px var(--dash-shadow);color:var(--dash-text)}body:has(.project-dashboard) .modal :is(input,select):focus-visible{outline:1px solid var(--dash-lime);outline-offset:2px}body:has(.project-dashboard) .modal .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:0 20px;border-radius:5px;font-size:13px}body:has(.project-dashboard) .modal .button.accent{border-color:var(--dash-line);background:var(--dash-lime);color:var(--dash-lime-text)}body:has(.project-dashboard) .modal .button.subtle{border-color:var(--dash-line);background:transparent;box-shadow:var(--dash-bevel);color:var(--dash-secondary)}body:has(.project-dashboard) .modal .new-options{grid-template-columns:1fr;gap:10px;margin-top:20px}body:has(.project-dashboard) .modal .new-option{display:grid;grid-template-columns:30px minmax(0,1fr);gap:5px 10px;padding:20px;border-color:var(--dash-line);border-radius:5px;background:transparent;box-shadow:var(--dash-bevel)}body:has(.project-dashboard) .modal .new-option>svg{grid-row:1/3;align-self:center;width:24px;height:24px;color:var(--dash-secondary)}body:has(.project-dashboard) .modal .new-option strong{font-size:14px;font-weight:500}body:has(.project-dashboard) .modal .new-option span,body:has(.project-dashboard) .modal .helper-text{font-size:12px;line-height:20px;color:var(--dash-secondary)}body:has(.project-dashboard) .modal .new-option:hover{border-color:var(--dash-rim);color:var(--dash-text)}.project-dashboard select option,body:has(.project-dashboard) .modal select option{background:var(--dash-raised);color:var(--dash-text)}@media(min-width:1600px){.project-grid:not(.project-list){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.project-dashboard{grid-template-columns:200px minmax(0,1fr)}.dashboard-main{padding:30px 20px}.dashboard-header{padding:0 20px}}@media(max-width:850px){.project-dashboard{grid-template-columns:60px minmax(0,1fr)}.dashboard-sidebar{padding:20px 5px}.dashboard-brand{justify-content:center;padding:0}.dashboard-brand>span:last-child,.dashboard-nav-label,.dashboard-sidebar .dashboard-nav button>span,.dashboard-sidebar .dashboard-nav small,.dashboard-sidebar-bottom{display:none}.dashboard-nav-section{margin-top:30px}.dashboard-sidebar .dashboard-nav button{justify-content:center;padding:0}.dashboard-sidebar-actions{margin-top:auto;padding-top:20px}.dashboard-sidebar .dashboard-nav svg{width:18px;height:18px}.dashboard-intro{flex-wrap:wrap;align-items:flex-start}.dashboard-intro-actions{flex-wrap:wrap}.project-list .project-card>footer{width:auto;margin:0 10px}.project-list .project-card time{display:none}}@media(max-width:540px){.project-dashboard{grid-template-columns:50px minmax(0,1fr)}.dashboard-sidebar{padding:10px 5px}.dashboard-mark{width:30px;height:30px}.dashboard-sidebar .dashboard-nav button{height:40px;min-height:40px;border-radius:5px}.dashboard-sidebar .dashboard-nav button.active:before{left:0}.dashboard-header{padding:0 10px}.dashboard-device{display:none}.dashboard-location{gap:5px}.dashboard-location>svg:first-child{display:none}.dashboard-main{padding:20px 10px}.dashboard-intro{gap:20px;margin-bottom:20px}.dashboard-intro h1{font-size:24px;line-height:30px}.dashboard-intro-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.dashboard-intro-actions>.dashboard-secondary:only-child{grid-column:1/-1;justify-self:start}.dashboard-primary,.dashboard-secondary{padding:0 10px}.dashboard-tools{flex-wrap:wrap;gap:10px}.dashboard-search{width:100%;max-width:none;flex-basis:100%}.dashboard-tool-actions{width:100%;justify-content:space-between}.project-grid{gap:20px}.project-card-art{padding:20px 20px 40px}.project-card-copy{padding:20px 10px 10px}.project-new-card{min-height:260px;padding:20px 10px}.dashboard-footer{flex-direction:column;align-items:flex-start;gap:10px}.dashboard-footer>span{align-items:flex-start}.dashboard-footer>span svg{margin-top:3px}.project-list .project-card-open{gap:10px}.project-list .project-card-art{width:50px;height:50px;padding:5px}.project-list .project-card-business{display:none}.project-list .project-new-card{justify-content:flex-start;gap:10px;min-height:90px;padding:10px}.project-list .project-new-card small{display:none}.storage-summary{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.project-card{transition:none}}.dashboard-sidebar .dashboard-nav-section{margin-top:30px}.dashboard-sidebar .dashboard-nav-section:first-of-type{margin-top:40px}.dashboard-sidebar .dashboard-nav button{padding:5px;gap:10px;min-height:40px}.dashboard-sidebar .dashboard-nav button>.dashboard-tool-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--dash-line);border-radius:5px;background:var(--dash-control);box-shadow:var(--dash-control-shadow);color:var(--dash-text)}.dashboard-sidebar .dashboard-nav button>.dashboard-tool-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:850px){.dashboard-sidebar .dashboard-nav button>.dashboard-tool-label{display:none}.dashboard-sidebar .dashboard-nav button>.dashboard-tool-icon{display:grid}.dashboard-sidebar .dashboard-nav button{padding:5px;gap:0}.dashboard-sidebar .dashboard-nav svg{width:16px;height:16px}}.visual-body .inspector>.motion-heading{justify-content:space-between}.motion-inspector{padding:0!important;min-height:0}.motion-inspector :is(button,input,select),.motion-preview-footer button{box-sizing:border-box;font:inherit}.motion-inspector button,.motion-preview-footer button{color:rgb(var(--ui-218));background:transparent;border:0;cursor:pointer}.motion-inspector button:disabled,.motion-preview-footer button:disabled{opacity:.45;cursor:default}.motion-inspector button:focus-visible,.motion-inspector summary:focus-visible,.motion-preview-footer button:focus-visible{outline:1px solid var(--selection-border);outline-offset:-2px}.motion-inspector button svg,.motion-preview-footer svg{display:block;width:12px;height:12px;flex:none}.motion-section{padding:10px;border-bottom:1px solid rgb(var(--ui-52))}.motion-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;margin-bottom:10px}.motion-section-head h3{display:flex;align-items:center;gap:10px;min-width:0;margin:0;color:rgb(var(--ui-242));font-weight:500}.motion-section-number{display:grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid rgb(var(--ui-66));border-radius:4px;color:rgb(var(--ui-156));font-variant-numeric:tabular-nums}.motion-section-head :is(small,.motion-count){font-weight:400;color:rgb(var(--ui-156));font-variant-numeric:tabular-nums}.motion-inspector .motion-text-button{display:flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 5px;border-radius:4px;color:rgb(var(--ui-184))}.motion-text-button:hover{background:rgb(var(--ui-42));color:rgb(var(--ui-255))}.motion-interaction-list,.motion-actions{display:grid;gap:5px}.motion-list-row{display:flex;align-items:center;position:relative;min-width:0;border:1px solid transparent;border-radius:5px;background:rgb(var(--ui-23))}.motion-list-row.is-current{background:rgb(var(--ui-42));border-color:rgb(var(--ui-66))}.motion-list-row>button{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:40px;text-align:left;padding:0 10px}.motion-list-row>button>span:last-child{display:block;min-width:0;flex:1}.motion-list-row :is(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.motion-list-row strong{color:rgb(var(--ui-242))}.motion-list-row small{color:rgb(var(--ui-156))}.motion-list-row>button:hover{background:rgb(var(--ui-34));border-radius:4px}.motion-list-row.is-current>button:hover{background:rgb(var(--ui-52))}.motion-list-row.is-disabled strong{color:rgb(var(--ui-156))}.motion-step-number,.motion-trigger-icon{display:grid;place-items:center;flex:none;width:20px;height:20px;color:rgb(var(--ui-184))}.motion-step-number{border:1px solid rgb(var(--ui-66));border-radius:4px;font-variant-numeric:tabular-nums}.motion-row-menu{position:relative;flex:none;margin-right:5px}.motion-row-menu>summary{list-style:none;display:grid;place-items:center;width:20px;height:30px;padding:0;border-radius:4px;cursor:pointer;color:rgb(var(--ui-156))}.motion-row-menu>summary::-webkit-details-marker{display:none}.motion-row-menu>summary:hover,.motion-row-menu[open]>summary{background:rgb(var(--ui-66));color:rgb(var(--ui-242))}.motion-row-menu>div{position:absolute;z-index:10;right:0;top:30px;min-width:130px;padding:5px;background:rgb(var(--ui-28));border:1px solid var(--popover-border,rgb(var(--ui-66)));border-radius:5px;box-shadow:0 10px 30px #0003}.motion-row-menu>div>button{display:flex;align-items:center;gap:10px;width:100%;height:30px;padding:0 10px;border-radius:3px;text-align:left;white-space:nowrap}.motion-row-menu>div>button:hover{background:rgb(var(--ui-42))}.motion-field{display:flex;flex-direction:column;min-width:0;margin:0 0 10px}.motion-field>span,.motion-control-caption{display:block;margin-bottom:5px;color:rgb(var(--ui-184))}.visual-body .inspector .motion-field :is(input,select),.visual-body .inspector .motion-value-row input,.visual-body .inspector .motion-add-property select{box-sizing:border-box;display:block;width:100%;min-width:0;height:30px;margin:0;padding:0 10px;border:1px solid rgb(var(--ui-66));border-radius:4px;color:rgb(var(--ui-242));background-color:rgb(var(--ui-18));box-shadow:none;font-variant-numeric:tabular-nums}.visual-body .inspector :is(.motion-field,.motion-add-property) select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:var(--studio-chevron),linear-gradient(rgb(var(--ui-28)),rgb(var(--ui-28)));background-size:10px 10px,20px 100%;background-position:right 5px center,right top;background-repeat:no-repeat}.visual-body .inspector :is(.motion-field,.motion-add-property) select:hover{background-color:rgb(var(--ui-23))}.visual-body .inspector .motion-field option,.visual-body .inspector .motion-add-property option{color:rgb(var(--ui-242));background:rgb(var(--ui-28))}.visual-body .inspector .motion-value-row input{padding:0 5px}.motion-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.motion-check{display:flex;align-items:center;gap:5px;min-height:30px;min-width:0;font-weight:400;color:rgb(var(--ui-184))}.motion-check input,.motion-breakpoints input{flex:none;width:12px!important;height:12px!important;margin:0;accent-color:rgb(var(--ui-184))}.motion-breakpoints{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.motion-breakpoints label{display:flex;gap:5px;align-items:center;height:30px;color:rgb(var(--ui-218))}.motion-note{margin:0;color:rgb(var(--ui-156));line-height:20px;font-weight:400;overflow-wrap:anywhere}.motion-trigger-help{margin-bottom:10px}.motion-warning{color:var(--warning,#d8a66c);margin-bottom:10px}.motion-disclosure{margin-top:10px;border-top:1px solid rgb(var(--ui-52))}.motion-disclosure>summary{display:flex;align-items:center;gap:5px;height:30px;min-width:0;padding:0;cursor:pointer;list-style:none;color:rgb(var(--ui-184))}.motion-disclosure>summary::-webkit-details-marker{display:none}.motion-disclosure>summary>span{display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}.motion-disclosure>summary>small{margin-left:auto;min-width:0;max-width:45%;color:rgb(var(--ui-128));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.motion-disclosure>summary>svg{margin-left:auto;width:12px;height:12px;flex:none;color:rgb(var(--ui-128))}.motion-disclosure>summary>small+svg{margin-left:0}.motion-disclosure[open]>summary>svg{transform:rotate(180deg)}.motion-disclosure>summary:hover{color:rgb(var(--ui-255))}.motion-disclosure-body{padding-top:20px;padding-bottom:10px}.motion-disclosure-body>.motion-field:last-child,.motion-disclosure-body>.motion-pair:last-child>.motion-field{margin-bottom:0}.motion-effect-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.motion-effect-presets>button{display:flex;align-items:center;gap:10px;height:30px;padding:0 10px;border:1px solid rgb(var(--ui-66));border-radius:4px;text-align:left;background:rgb(var(--ui-23));white-space:nowrap}.motion-effect-presets>button:hover{background:rgb(var(--ui-42))}.motion-effect-editor{border-top:1px solid rgb(var(--ui-52));margin-top:10px;padding-top:10px}.motion-effect-caption{display:flex;align-items:center;gap:5px;min-height:30px;margin-bottom:10px;color:rgb(var(--ui-156));overflow:hidden}.motion-effect-caption>span{min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.motion-values-head,.motion-value-row{display:grid;grid-template-columns:76px repeat(var(--motion-value-columns,2),minmax(0,1fr)) 20px;gap:5px;align-items:center;min-height:30px;margin-bottom:5px}.motion-values-head{color:var(--studio-muted);min-height:20px;margin:0 0 5px}.motion-values-head>span:not(:first-child){text-align:center}.motion-value-row>span{display:flex;align-items:center;gap:5px;color:var(--studio-secondary);min-width:0;white-space:nowrap}.motion-value-row>span>svg{width:12px;height:12px;flex:none}.motion-inspector .motion-icon-button,.motion-preview-footer .motion-icon-button{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border-radius:4px;color:rgb(var(--ui-156))}.motion-inspector .motion-value-row>.motion-icon-button{width:20px}.motion-icon-button:hover{background:rgb(var(--ui-42));color:rgb(var(--ui-255))}.motion-add-property{display:block;margin-top:10px}.visual-body .inspector .motion-add-property select{color:rgb(var(--ui-184));background-color:rgb(var(--ui-23))}.motion-value-hint{margin:10px 0 20px}.motion-preview-footer{flex:none;padding:10px;background:rgb(var(--ui-23));border-top:1px solid rgb(var(--ui-66))}.motion-preview-controls{display:flex;align-items:center;gap:5px;min-width:0}.motion-preview-footer .motion-preview-play{display:flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 10px;border:1px solid rgb(var(--ui-102));border-radius:4px;color:rgb(var(--ui-255));background:rgb(var(--ui-42));min-width:90px}.motion-preview-play .motion-pause-icon,.motion-preview-play[data-playing=true] .motion-play-icon{display:none}.motion-preview-play[data-playing=true] .motion-pause-icon{display:block}.motion-preview-play:hover:not(:disabled){background:rgb(var(--ui-52))}.motion-preview-footer .motion-timeline-toggle{display:flex;align-items:center;justify-content:center;gap:5px;margin-left:auto;min-width:0;height:30px;padding:0 5px;border-radius:4px;color:rgb(var(--ui-184))}.motion-timeline-toggle:hover,.motion-timeline-toggle[aria-pressed=true]{background:rgb(var(--ui-42));color:rgb(var(--ui-255))}.motion-preview-footer>.motion-note{margin-top:10px}.motion-welcome{padding:20px 10px}.motion-welcome-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.motion-welcome-head h2{margin:0}.motion-welcome h2{font-weight:500;color:rgb(var(--ui-242))}.motion-welcome>p{margin:0 0 20px;color:rgb(var(--ui-156));line-height:20px}.motion-create-category{margin-bottom:20px}.motion-create-category>h3{height:30px;display:flex;align-items:center;margin:0 0 10px;color:rgb(var(--ui-242));font-weight:500;border-bottom:1px solid rgb(var(--ui-52))}.motion-create-category>.motion-note{margin-bottom:10px}.motion-inspector .motion-blank-card,.motion-inspector .motion-trigger-choice{display:flex;align-items:center;gap:10px;width:100%;padding:10px;min-height:50px;text-align:left;border:1px solid rgb(var(--ui-66));border-radius:5px;background:rgb(var(--ui-23))}.motion-blank-card:hover,.motion-trigger-choice:hover{background:rgb(var(--ui-42));border-color:rgb(var(--ui-82))}.motion-starter-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid rgb(var(--ui-66));border-radius:5px;color:rgb(var(--ui-184))}.motion-blank-card>span:last-child,.motion-trigger-choice>span:last-child{flex:1;min-width:0}.motion-blank-card :is(strong,small),.motion-trigger-choice :is(strong,small){display:block;font-weight:400;line-height:20px}.motion-blank-card strong,.motion-trigger-choice strong{font-size:13px;color:rgb(var(--ui-242))}.motion-blank-card small,.motion-trigger-choice small{font-size:12px;color:rgb(var(--ui-156))}.motion-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.motion-inspector .motion-preset-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-width:0;width:100%;height:110px;padding:5px;border:1px solid transparent;border-radius:5px;background:transparent;color:rgb(var(--ui-184))}.motion-preset-tile:hover{background:rgb(var(--ui-42));border-color:rgb(var(--ui-66));color:rgb(var(--ui-242))}.motion-inspector .motion-preset-tile .motion-preset-thumbnail{display:block;width:100%;height:60px;max-width:80px;flex:none}.motion-preset-tile>span{display:flex;align-items:center;justify-content:center;min-height:40px;width:100%;text-align:center;overflow-wrap:normal;line-height:20px}.motion-welcome>.motion-note{margin:0}.motion-setup-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.motion-blank-setup>h2{margin:0 0 10px}.motion-trigger-choices{display:grid;gap:10px;margin-bottom:20px}.motion-first-effect{padding:10px;border:1px solid rgb(var(--ui-66));border-radius:5px;background:rgb(var(--ui-23))}.motion-first-effect>h3{margin:0 0 10px;font-weight:500;color:rgb(var(--ui-242))}.motion-first-effect>.motion-note{margin-bottom:20px}.motion-first-effect .motion-effect-presets{gap:10px}.motion-first-effect .motion-effect-presets>button{padding:0 5px;gap:5px}.visual-workspace{position:relative}.motion-timeline-host:empty{display:none}.motion-timeline-host{position:absolute;z-index:25;left:0;right:10px;bottom:0;pointer-events:none}.motion-timeline{pointer-events:auto;max-height:260px;background:rgb(var(--ui-23));border-top:1px solid rgb(var(--ui-82));box-shadow:0 -10px 30px #0002;color:rgb(var(--ui-218));font:400 12px/20px var(--sans);overflow:hidden}.motion-timeline header{display:flex;align-items:center;gap:10px;justify-content:space-between;height:40px;padding:0 10px;border-bottom:1px solid rgb(var(--ui-52))}.motion-timeline-title{display:flex;align-items:center;gap:10px;min-width:0}.motion-timeline-title>svg{flex:none;width:14px;height:14px}.motion-timeline-title>span{color:rgb(var(--ui-128));font-size:12px}.motion-timeline strong{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.motion-timeline header>div:last-child{display:flex;align-items:center;flex:none;gap:5px}.motion-timeline button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.motion-timeline button:hover{background:rgb(var(--ui-52));color:rgb(var(--ui-255))}.motion-timeline header button{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:4px}.motion-timeline output{width:50px;text-align:right;color:rgb(var(--ui-184));font-variant-numeric:tabular-nums}.motion-scrubber{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:10px;height:30px;padding:0 10px}.motion-scrubber input{width:100%;height:20px;accent-color:var(--selection-border);min-width:0}.motion-time-ruler{display:grid;grid-template-columns:110px 1fr;height:20px;padding:0 10px;color:rgb(var(--ui-128))}.motion-time-ruler>div{display:flex;justify-content:space-between;border-bottom:1px solid rgb(var(--ui-52))}.motion-tracks{overflow:auto;max-height:140px;padding:5px 10px 10px;scrollbar-width:thin}.motion-track{display:grid;grid-template-columns:100px 1fr;gap:10px;height:30px;align-items:center}.motion-track>button{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;padding:0}.motion-track-lane{position:relative;height:30px;border-left:1px solid rgb(var(--ui-66));overflow:hidden;background:repeating-linear-gradient(to right,transparent 0,transparent calc(20% - 1px),rgb(var(--ui-52)) calc(20% - 1px),rgb(var(--ui-52)) 20%)}.motion-timeline .motion-track-bar{position:absolute;top:5px;height:20px;min-width:10px;display:flex;align-items:center;justify-content:space-between;background:rgb(var(--ui-52));border:1px solid rgb(var(--ui-102));border-radius:3px;padding:0;touch-action:none;cursor:grab}.motion-timeline .motion-track-bar.is-current{background:var(--selection-bg);border-color:var(--selection-border)}.motion-track-bar span{pointer-events:none;white-space:nowrap;overflow:hidden;padding:0 5px}.motion-track-bar i{width:5px;height:100%;flex:none;cursor:ew-resize}.motion-timeline button:focus-visible{outline:1px solid var(--selection-border);outline-offset:-1px}.motion-timeline-help{height:20px;padding:0 10px;margin:0;border-top:1px solid rgb(var(--ui-52));color:rgb(var(--ui-156));font-size:12px}@media(max-width:900px){.motion-timeline-title>span{display:none}.motion-timeline-title{flex:1}.motion-timeline header>div:last-child{gap:0}.motion-timeline header button{width:30px}.motion-timeline-help{height:auto;min-height:20px}}.motion-inspector :is(.motion-field>span,.motion-control-caption,.motion-check,.motion-breakpoints label,.motion-disclosure>summary,.motion-field input,.motion-field select,.motion-field option,.motion-add-property option){font-size:12px;line-height:20px}.motion-property-group{min-width:0;margin:15px 0 0;padding:10px 0 0;border:0;border-top:1px solid var(--studio-divider)}.motion-property-group>legend,.motion-timing>h4{display:flex;align-items:center;gap:5px;padding:0 10px 0 0;color:var(--studio-text);font:500 12px/20px var(--sans)}.motion-property-group>legend svg,.motion-timing>h4 svg{width:14px;height:14px;flex:none}.motion-property-group .motion-value-row:last-child{margin-bottom:0}.visual-body .inspector .motion-value-row input{background:var(--studio-inset);border-color:var(--studio-border);box-shadow:var(--studio-idle-bevel);border-radius:5px;height:30px;color:var(--studio-text)}.motion-mode{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3px;padding:3px;background:var(--studio-inset);border:1px solid var(--studio-border);border-radius:6px;margin:5px 0 10px}.visual-body .inspector .motion-mode>button{height:30px;padding:0 3px;border:1px solid transparent;border-radius:4px;font-size:12px;white-space:nowrap;color:var(--studio-secondary)}.visual-body .inspector :is(.motion-mode,.motion-trigger-grid)>button[aria-pressed=true]{background:var(--studio-control);border-color:var(--studio-border);box-shadow:var(--studio-control-shadow);color:var(--studio-active-ink)}.motion-trigger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.visual-body .inspector .motion-trigger-grid>button{display:flex;align-items:center;gap:5px;min-width:0;height:36px;padding:0 5px;border:1px solid var(--studio-border);border-radius:5px;text-align:left;font-size:12px;color:var(--studio-secondary)}.motion-trigger-grid>button:last-child{grid-column:1/-1}.motion-property-choices{margin-bottom:10px}.motion-property-choices>h4{font:500 12px/20px var(--sans);color:var(--studio-secondary);margin:0 0 5px}.motion-property-choices>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.visual-body .inspector .motion-property-choices button{display:flex;align-items:center;gap:5px;height:30px;min-width:0;padding:0 5px;border:1px solid var(--studio-border);border-radius:5px;text-align:left;color:var(--studio-secondary)}.motion-property-choices button:hover,.motion-trigger-grid>button:hover{color:var(--studio-text)}.motion-empty-properties{padding:20px 0 10px;text-align:center;color:var(--studio-muted);font-size:12px}.motion-timing{border-top:1px solid var(--studio-divider);margin-top:15px;padding-top:10px}.motion-timing>h4{margin:0 0 10px}.motion-timing>.motion-field{display:grid;grid-template-columns:76px minmax(0,1fr);gap:5px;align-items:center}.motion-timing>.motion-field>span{margin:0}.motion-effect-caption>svg{flex:none}.page-entry{display:flex;align-items:center;min-width:0;height:50px;border:1px solid transparent;border-radius:5px;color:rgb(var(--ui-184))}.page-entry.active{border-color:rgb(var(--ui-52));background:rgb(var(--ui-42));color:rgb(var(--ui-242))}.page-entry-open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:100%;padding:5px 10px;text-align:left}.page-entry-open>svg{flex:none;width:13px;height:13px}.page-entry-open>span{display:block;min-width:0;flex:1}.page-entry-open strong,.page-entry-open small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-weight:400}.page-entry-open small{color:rgb(var(--ui-156))}.page-entry-settings{display:grid;place-items:center;flex:none;width:30px;height:30px;margin-right:5px;border-radius:4px;color:rgb(var(--ui-156))}.page-entry-settings svg{width:13px;height:13px}.page-entry-settings:hover,.page-entry-open:hover{background:rgb(var(--ui-52));color:rgb(var(--ui-255));border-radius:4px}.page-slug-input{display:flex;align-items:center;height:40px;border:1px solid rgb(var(--ui-66));border-radius:4px;background:rgb(var(--ui-18));overflow:hidden}.page-slug-input>span{padding-left:10px;color:rgb(var(--ui-156))}.page-slug-input>input{flex:1;min-width:0;width:100%;height:100%;padding:0 10px;border:0!important;background:transparent!important;color:rgb(var(--ui-242))}.page-settings-error{color:var(--warning,#d8a66c);font-size:12px;line-height:20px;margin-top:10px}.modal:has(.page-settings-form){display:flex;flex-direction:column;width:min(900px,calc(100vw - 40px));max-height:calc(100svh - 40px);border-color:var(--popover-border);background:rgb(var(--ui-23));overflow:hidden}.modal:has(.page-settings-form)>header{flex:none;min-height:50px;padding:10px 20px;border-bottom:1px solid rgb(var(--ui-52));align-items:center}.modal:has(.page-settings-form)>header .overline,.modal:has(.page-settings-form)>header p{display:none}.modal:has(.page-settings-form)>header h2{font:500 16px/30px var(--sans);margin:0;letter-spacing:0}.modal:has(.page-settings-form)>.modal-body{min-height:0;overflow:auto;padding:0;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-66)) transparent;overscroll-behavior:contain}.modal:has(.page-settings-form)>footer{flex:none;min-height:60px;padding:10px 20px;border-top:1px solid rgb(var(--ui-52));background:rgb(var(--ui-23));display:flex;justify-content:flex-end;align-items:center;gap:10px}.modal:has(.page-settings-form)>footer button{height:30px;padding:0 10px;font:500 12px/20px var(--sans)}.page-setting-group{border-bottom:1px solid rgb(var(--ui-52))}.page-setting-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;height:40px;padding:0 20px;font:500 14px/20px var(--sans);color:rgb(var(--ui-242))}.page-setting-group>summary::-webkit-details-marker{display:none}.page-setting-group>summary:hover{background:rgb(var(--ui-28))}.page-setting-group>summary>span{color:rgb(var(--ui-156));transform:rotate(-90deg)}.page-setting-group[open]>summary>span{transform:none}.page-setting-group>div{display:flex;flex-direction:column;gap:20px;padding:20px}.page-setting-field{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0;color:rgb(var(--ui-242));font:400 13px/20px var(--sans)}.page-setting-field>span{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.page-setting-field :is(input:not([type=checkbox]),textarea,select){display:block;width:100%;min-width:0;height:40px;padding:5px 10px;border:1px solid rgb(var(--ui-66));border-radius:5px;background:rgb(var(--ui-18));color:rgb(var(--ui-242));font:400 13px/20px var(--sans);box-shadow:none;outline:none}.page-setting-field textarea{height:auto;min-height:80px;resize:vertical;padding:10px}.page-setting-field :is(input,textarea,select):focus-visible{border-color:rgb(var(--ui-128));outline:1px solid rgb(var(--ui-102));outline-offset:1px}.page-setting-field :is(input,textarea,select):disabled{color:rgb(var(--ui-128));opacity:1;cursor:default;background:rgb(var(--ui-23))}.page-setting-field>small,.page-field-count,.page-setting-note{font:400 12px/20px var(--sans);color:rgb(var(--ui-156));margin:0}.page-setting-check{display:flex;gap:10px;align-items:flex-start;min-height:30px;margin:0;color:rgb(var(--ui-218));font:400 13px/20px var(--sans);cursor:pointer}.page-setting-check>input{flex:none;appearance:auto;width:16px;height:16px;min-height:0;margin:2px 0 0;padding:0;accent-color:rgb(var(--ui-184))}.page-setting-check small{display:block;margin-top:5px;color:rgb(var(--ui-156));font:400 12px/20px var(--sans)}.page-preview-caption{font:500 12px/20px var(--sans);color:rgb(var(--ui-184))}.page-serp-preview{padding:20px;border:1px solid rgb(var(--ui-52));border-radius:5px;background:rgb(var(--ui-18));overflow:hidden;min-height:120px}.page-serp-preview>span{display:block;font:400 12px/20px var(--sans);color:rgb(var(--ui-184));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-serp-preview>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0;font:400 18px/30px var(--sans);color:#99b9f2}:root[data-theme=light] .page-serp-preview>strong{color:#234ca0}.page-serp-preview>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:rgb(var(--ui-184));font:400 13px/20px var(--sans);margin:0}.page-social-preview{width:100%;max-width:500px;overflow:hidden;border:1px solid rgb(var(--ui-52));border-radius:5px;background:rgb(var(--ui-18))}.page-social-preview>img,.page-social-placeholder{display:block;width:100%;aspect-ratio:1.91;object-fit:cover;background:rgb(var(--ui-28))}.page-social-placeholder{display:grid;place-items:center;font:400 13px/20px var(--sans);color:rgb(var(--ui-128))}.page-social-preview>div:not(.page-social-placeholder){padding:10px 20px}.page-social-preview span{display:block;color:rgb(var(--ui-156));font-size:12px}.page-social-preview strong{display:block;color:rgb(var(--ui-242));font:500 14px/20px var(--sans);overflow-wrap:anywhere}.page-social-preview p{margin:5px 0 0;color:rgb(var(--ui-184));font:400 12px/20px var(--sans);overflow-wrap:anywhere}.page-selected-image{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgb(var(--ui-52));border-radius:5px;margin-bottom:5px;font-size:12px;background:rgb(var(--ui-28))}.page-selected-image>img{display:block;width:60px;height:40px;object-fit:cover;border-radius:3px;flex:none}.page-selected-image>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-selected-image small{display:block;color:rgb(var(--ui-156));font-size:12px}.page-selected-image>button{width:30px;height:30px;flex:none}.page-image-assets>summary{display:inline-flex;align-items:center;height:30px;padding:0 10px;border:1px solid rgb(var(--ui-52));border-radius:5px;font:400 12px/20px var(--sans);cursor:pointer;background:rgb(var(--ui-28));color:rgb(var(--ui-218))}.page-image-assets>summary:hover{background:rgb(var(--ui-42))}.page-image-assets>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:240px;overflow:auto;padding:10px 0;scrollbar-width:thin}.page-image-assets button{text-align:left;padding:5px;border:1px solid rgb(var(--ui-52));border-radius:5px;min-width:0}.page-image-assets button:hover{background:rgb(var(--ui-34))}.page-image-assets button:disabled{opacity:.5}.page-image-assets img{display:block;aspect-ratio:1.91;object-fit:cover;width:100%}.page-image-assets span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 12px/20px var(--sans);margin-top:5px}.page-image-assets p{grid-column:1/-1;font:400 12px/20px var(--sans);color:rgb(var(--ui-156));margin:0}.page-access-status{font:400 13px/20px var(--sans);color:rgb(var(--ui-218))}.page-access-status>span{display:inline-flex;align-items:center;height:30px;padding:0 10px;border:1px solid rgb(var(--ui-52));border-radius:5px;background:rgb(var(--ui-34))}.page-access-status>p{margin:10px 0 0;font-size:12px;color:rgb(var(--ui-156))}.page-schema-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-schema-actions :is(button,a){font:400 12px/20px var(--sans);min-height:30px;padding:5px 10px;border:1px solid rgb(var(--ui-52));border-radius:5px;color:rgb(var(--ui-218))}.page-schema-actions :is(button,a):hover{background:rgb(var(--ui-42))}.page-setting-field>#page-schema-json{font:400 12px/20px var(--mono);tab-size:2;min-height:200px;white-space:pre;overflow:auto}.page-settings-form>.page-settings-error{padding:10px 20px;margin:0;background:rgb(var(--ui-28));color:var(--warning,#d8a66c)}@media(max-width:600px){.modal:has(.page-settings-form){width:calc(100vw - 20px);max-height:calc(100svh - 20px)}.page-setting-group>div{padding:20px 10px}.page-setting-group>summary{padding:0 10px}.modal:has(.page-settings-form)>header,.modal:has(.page-settings-form)>footer{padding:10px}.page-serp-preview{padding:10px}.page-field-count{white-space:nowrap}}.styled-family-summary{padding:20px 0;border-bottom:1px solid rgb(var(--ui-52));display:flex;flex-direction:column;gap:10px}.styled-family-summary>span,.styled-preview-kicker{font:400 12px/20px var(--sans);color:rgb(var(--ui-156));letter-spacing:.05em}.styled-family-summary>strong{font:500 30px/40px var(--sans);color:rgb(var(--ui-242));letter-spacing:-.05em}.styled-family-summary>p,.styled-library-card>p{font:400 12px/20px var(--sans);margin:0;color:rgb(var(--ui-184))}.styled-family-summary>div{display:flex;gap:20px;font-size:12px;color:rgb(var(--ui-156))}.styled-family-summary>.button{height:40px;margin-top:10px;font-size:12px}.styled-library-tabs{display:flex;gap:10px;padding:10px 0;position:sticky;top:0;background:rgb(var(--ui-23));z-index:1}.styled-library-tabs>button{height:30px;flex:1;border-bottom:1px solid transparent;color:rgb(var(--ui-156));font-size:12px}.styled-library-tabs>button.active{border-bottom-color:rgb(var(--ui-184));color:rgb(var(--ui-242));background:rgb(var(--ui-34))}.styled-library-card{display:flex;flex-direction:column;gap:10px;width:100%;text-align:left;padding:10px;margin-bottom:10px;border:1px solid rgb(var(--ui-52));border-radius:5px;background:rgb(var(--ui-23));min-width:0}.styled-library-card:hover{background:rgb(var(--ui-28));border-color:rgb(var(--ui-82))}.styled-thumb{display:block;width:100%;overflow:hidden;border-radius:5px;background:#eee}.styled-thumb>svg{display:block;width:100%;height:auto}.styled-library-card>strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 13px/20px var(--sans);color:rgb(var(--ui-242))}.styled-library-card>small{display:flex;justify-content:space-between;width:100%;font:400 12px/20px var(--sans);color:rgb(var(--ui-156))}.styled-utility-tag{font:400 12px/20px var(--sans);color:rgb(var(--ui-156))}.styled-section-group{border-bottom:1px solid rgb(var(--ui-52))}.styled-section-group>summary{height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;font:400 13px/20px var(--sans);color:rgb(var(--ui-218));cursor:pointer}.styled-section-group>summary::-webkit-details-marker{display:none}.styled-section-group>summary>span{font-size:12px;color:rgb(var(--ui-156))}.styled-section-group>div{padding-bottom:10px}.modal:has(.styled-preview-layout){display:flex;flex-direction:column;width:calc(100vw - 40px);max-width:1500px;height:calc(100svh - 40px);max-height:1000px;overflow:hidden}.modal:has(.styled-preview-layout)>header{padding:10px 20px;flex:none;min-height:60px}.modal:has(.styled-preview-layout)>header .overline,.modal:has(.styled-preview-layout)>header p{display:none}.modal:has(.styled-preview-layout)>header h2{font:500 16px/30px var(--sans);margin:0}.modal:has(.styled-preview-layout)>.modal-body{padding:0;flex:1;min-height:0;overflow:hidden}.modal:has(.styled-preview-layout)>footer{padding:10px 20px;min-height:60px;flex:none}.modal:has(.styled-preview-layout)>footer button{height:40px;font-size:12px}.styled-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;height:100%}.styled-preview-canvas{min-width:0;min-height:0;display:flex;flex-direction:column;background:rgb(var(--ui-18))}.styled-preview-controls{height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;border-bottom:1px solid rgb(var(--ui-52));flex:none;font-size:12px;color:rgb(var(--ui-156))}.styled-preview-controls>div{display:flex;gap:5px}.styled-preview-controls button{height:30px;padding:0 10px;font-size:12px;border-radius:3px}.styled-preview-controls button[aria-pressed=true]{background:rgb(var(--ui-42));color:rgb(var(--ui-242))}.styled-preview-scroll{overflow:auto;min-height:0;flex:1;padding:10px;display:flex;justify-content:center;align-items:flex-start}#styled-template-preview{border:0;flex:none;width:100%;height:100%;min-height:400px;background:#fff;box-shadow:0 0 0 1px rgb(var(--ui-52))}.styled-preview-layout>aside{padding:20px;overflow:auto;border-left:1px solid rgb(var(--ui-52))}.styled-preview-layout h3{font:500 16px/20px var(--sans);margin:10px 0}.styled-preview-layout aside p,.styled-preview-layout li{font:400 12px/20px var(--sans);color:rgb(var(--ui-184))}.styled-preview-layout ol{padding-left:20px;margin:20px 0}.styled-preview-layout li{padding:10px 0;text-transform:capitalize;border-bottom:1px solid rgb(var(--ui-52))}.styled-preview-layout li>small{display:block;color:rgb(var(--ui-128));font-size:12px}.styled-preview-note{border-top:1px solid rgb(var(--ui-52));padding-top:20px}.styled-new-website>h3{font-size:24px;line-height:30px;margin:20px 0 10px}.styled-new-website>p{font:400 13px/20px var(--sans);color:rgb(var(--ui-184))}.styled-page-chips{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.styled-page-chips>span{padding:5px 10px;font-size:12px;background:rgb(var(--ui-34));border-radius:5px}.new-options:has([data-action=new-styled]){grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.styled-preview-layout{grid-template-columns:1fr}.styled-preview-layout>aside{display:none}.styled-preview-controls>span{display:none}.styled-preview-controls{justify-content:center}.new-options:has([data-action=new-styled]){grid-template-columns:1fr}.modal:has(.styled-preview-layout){width:calc(100vw - 20px);height:calc(100svh - 20px)}}#styled-preview-frame{position:relative;flex:none;min-width:0}#styled-preview-frame>iframe{display:block;max-width:none}:root{--popover-border:rgb(var(--ui-42))}.modal,.modal:has(.structure-menu),.insert-modal,.selector-popover,.class-options>div,.selector-state-menu,.project-menu>div,.canvas-context-menu,.cursor-menu{border-color:var(--popover-border);outline:none}.modal>header,.modal>footer,.modal:has(.structure-menu)>header,.insert-modal>header,.selector-popover-head,.selector-popover-footer{border-color:var(--popover-border)}select:focus,.reference-settings select:focus,.reference-control>select:focus,.selector-popover-head select:focus{border-color:rgb(var(--ui-66));box-shadow:none;outline:none}select:focus-visible{outline:1px solid rgb(var(--ui-102));outline-offset:1px}.class-options>summary:focus-visible,.selector-states>summary:focus-visible,.selector-state-menu>button:focus-visible,.project-menu>summary:focus-visible{outline:1px solid rgb(var(--ui-102));outline-offset:-1px}#editor-popovers{position:fixed;inset:0;z-index:60;pointer-events:none}.cursor-menu{position:fixed;pointer-events:auto;overflow:auto;padding:5px;background:rgb(var(--ui-28));border:1px solid var(--popover-border);border-radius:5px;box-shadow:var(--overlay-shadow);color:rgb(var(--ui-218));font:400 12px/20px var(--sans);scrollbar-width:thin;scrollbar-color:rgb(var(--ui-66)) transparent;overscroll-behavior:contain}.cursor-menu-group{margin:0;padding:0}.cursor-menu-heading{height:20px;line-height:20px;padding:0 10px;color:rgb(var(--ui-128));font-weight:500;margin:5px 0}.cursor-menu button{display:flex;align-items:center;gap:10px;min-height:30px;height:30px;width:100%;padding:0 10px;border:0;border-radius:3px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;outline:none}.cursor-menu button:hover,.cursor-menu button:focus-visible{background:rgb(var(--ui-42));color:rgb(var(--ui-255))}.cursor-menu button.is-current{background:rgb(var(--ui-34))}.cursor-menu button:focus-visible{box-shadow:inset 0 0 0 1px rgb(var(--ui-66))}.cursor-menu-check{display:flex;align-items:center;justify-content:center;width:10px;flex:none}.cursor-menu svg{display:block;flex:none;color:rgb(var(--ui-184))}.visual-body .inspector .cursor-picker-trigger{display:flex;align-items:center;gap:10px;width:100%;height:30px;min-width:0;padding:0 10px;border:1px solid rgb(var(--ui-66));border-radius:4px;background:rgb(var(--ui-42));color:rgb(var(--ui-242));font:400 12px/20px var(--sans);text-align:left;box-sizing:border-box}.cursor-picker-trigger>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-picker-trigger>svg{flex:none;display:block}.cursor-picker-trigger .cursor-picker-chevron{width:12px;height:12px;margin-left:auto;color:rgb(var(--ui-156))}.visual-body .inspector .cursor-picker-trigger:hover{background:rgb(var(--ui-52));border-color:rgb(var(--ui-66))}.visual-body .inspector .cursor-picker-trigger:focus-visible{outline:1px solid rgb(var(--ui-102));outline-offset:1px}.visual-body .inspector .cursor-picker-trigger[aria-expanded=true]{border-color:rgb(var(--ui-82))}:is(.cursor-menu,.cursor-picker-trigger) svg[data-cursor-icon=vertical-text]{transform:rotate(90deg)}:root,:root[data-theme=light]{--variable-green:var(--studio-text);--variable-bg:var(--studio-inset);--variable-hover:var(--studio-raised);--variable-line:var(--studio-border)}.variable-field{position:relative;min-width:0;overflow:visible}.reference-control>span.variable-field:not(.unit-input),.axis-grid .variable-field,.filter-grid .variable-field{display:block}.inspector .variable-field>.variable-bind{position:absolute;left:-7px;top:-7px;z-index:8;display:grid;place-items:center;flex:none;width:14px;min-width:14px;height:14px;min-height:14px;margin:0;padding:0;border:1px solid var(--variable-line);border-radius:4px;background:var(--variable-bg);color:var(--variable-green);box-shadow:0 1px 3px #0002;opacity:0;pointer-events:none;transform:none;transition:opacity .12s,background .12s}.inspector .variable-field>.variable-bind:before{content:"";position:absolute;inset:-5px}.inspector .variable-bind svg{display:block;width:10px;height:10px;flex:none}.inspector .variable-field:hover>.variable-bind,.inspector .variable-field:focus-within>.variable-bind,.inspector .variable-bind:focus-visible{opacity:1;pointer-events:auto}.inspector .variable-field>.variable-bind:hover{background:var(--variable-hover);color:var(--variable-green);border-color:var(--variable-line)}.inspector .variable-field>.variable-bind:focus-visible{outline:1px solid var(--variable-green);outline-offset:2px}.inspector .variable-field.has-variable{background:var(--variable-bg)}.inspector .variable-field.has-variable input:not([type=color]){color:var(--variable-green)!important;text-overflow:ellipsis}.visual-body .inspector .reference-color{overflow:visible}.visual-body .inspector .reference-color .unit-input{overflow:hidden}.visual-body .inspector .reference-color .reference-swatch{border-radius:var(--studio-swatch-radius,5px)}.inspector :is(.reference-more,.effect-editor){overflow:visible}.visual-body .inspector .reference-control>.variable-field>select{display:block;width:100%;min-width:0;height:30px;padding:0 30px 0 10px;border:1px solid rgb(var(--ui-66));border-radius:4px;background-color:rgb(var(--ui-42));color:rgb(var(--ui-255));font:400 12px/20px var(--sans);text-overflow:ellipsis}.visual-body .inspector :is(.axis-grid,.filter-grid) .variable-field>input{width:100%;min-width:0;height:30px;padding:0 10px;border:1px solid rgb(var(--ui-66));border-radius:4px;background:rgb(var(--ui-18));color:rgb(var(--ui-255));font:400 12px/20px var(--sans)}.visual-body .inspector .nested-spacing .variable-spacing{position:absolute;width:30px;height:20px;transform:translate(-50%,-50%);z-index:4}.visual-body .inspector .nested-spacing .variable-spacing:focus-within{z-index:9}.visual-body .inspector .nested-spacing .variable-spacing>input{position:relative;inset:auto!important;width:30px;height:20px;transform:none!important}.visual-body .inspector .nested-spacing .variable-spacing>input:focus{width:60px;left:50%!important;transform:translate(-50%)!important}.visual-body .inspector .nested-spacing .variable-spacing:has(input[data-style=marginLeft])>input:focus{left:0!important;transform:none!important}.visual-body .inspector .nested-spacing .variable-spacing:has(input[data-style=marginRight])>input:focus{left:100%!important;transform:translate(-100%)!important}@media(hover:none){.inspector .variable-field>.variable-bind{opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.inspector .variable-field>.variable-bind{transition:none}}.variable-collection-heading{height:40px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:rgb(var(--ui-156));font:500 12px/20px var(--sans)}.variable-collection-heading .icon-btn{width:30px;height:30px}.variable-sidebar-actions{padding:0 10px 10px;flex:none}.variable-sidebar-actions>.variable-create{width:100%;text-align:center}.variable-collections{padding:0 10px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-66)) transparent}.variable-collection{display:flex;align-items:center;gap:10px;min-width:0;width:100%;height:40px;padding:0 20px 0 10px;border:1px solid transparent;border-radius:5px;text-align:left;font:400 13px/20px var(--sans);color:rgb(var(--ui-242))}.variable-collection>span:first-of-type{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variable-collection>svg{flex:none;color:rgb(var(--ui-184))}.variable-collection small{font-size:12px;color:rgb(var(--ui-156))}.variable-collection:hover{background:rgb(var(--ui-34))}.variable-collection.active{background:rgb(var(--ui-42));border-color:rgb(var(--ui-52))}.focused-body>.variable-workspace{position:absolute;inset:0 0 0 320px;z-index:40;min-width:0;display:flex;flex-direction:column;background:rgb(var(--ui-23));color:rgb(var(--ui-242));box-shadow:var(--overlay-shadow);overflow:hidden}.variable-workspace[hidden]{display:none!important}.variable-workspace-header{display:flex;align-items:center;gap:10px;padding:10px 20px;min-height:80px;border-bottom:1px solid rgb(var(--ui-52));flex:none}.variable-workspace-header>div{flex:1;min-width:0}.variable-workspace-header span{font-size:12px;color:rgb(var(--ui-156));line-height:20px}.variable-workspace-header h2{font:500 20px/30px var(--sans);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variable-workspace .icon-btn{width:30px;height:30px;flex:none}.variable-workspace :is(.button,.icon-btn):hover{background:rgb(var(--ui-42));color:rgb(var(--ui-255))}.variable-workspace-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px;flex:none}.variable-search{display:flex;align-items:center;gap:10px;border:1px solid rgb(var(--ui-52));border-radius:5px;background:rgb(var(--ui-18));height:40px;min-width:0;max-width:360px;flex:1;padding:0 10px;color:rgb(var(--ui-156))}.variable-search input{border:0;outline:0;background:transparent;color:rgb(var(--ui-242));width:100%;min-width:0;height:100%;padding:0;font:400 13px/20px var(--sans)}.variable-search:focus-within{border-color:rgb(var(--ui-102))}.variable-create{height:30px;padding:0 10px;border:1px solid var(--variable-line);border-radius:5px;background:var(--variable-bg);color:var(--variable-green);font:500 12px/20px var(--sans);white-space:nowrap;flex:none}:is(.variable-workspace,.modal) .variable-create:hover{background:var(--variable-hover);color:var(--variable-green)}.variable-table{flex:1;min-height:0;overflow:auto;padding:0 20px;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-66)) transparent}:is(.variable-table-head,.variable-table-row){display:grid;grid-template-columns:minmax(160px,1fr) 80px minmax(130px,1fr) 60px 30px;gap:20px;align-items:center;min-width:580px}.variable-table-head{height:40px;font:500 12px/20px var(--sans);color:rgb(var(--ui-156));border-bottom:1px solid rgb(var(--ui-66));position:sticky;top:0;background:rgb(var(--ui-23));z-index:1}:is(.variable-table-head,.variable-table-row){padding-right:10px}.variable-table-row{min-height:60px;border-bottom:1px solid rgb(var(--ui-42))}.variable-table-row:hover{background:rgb(var(--ui-28))}.variable-name{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;padding:10px 0;color:rgb(var(--ui-242));font:400 13px/20px var(--sans)}.variable-name>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variable-name small{display:block;overflow:hidden;text-overflow:ellipsis;font:400 12px/20px var(--mono);color:rgb(var(--ui-128))}.variable-kind{font:400 12px/20px var(--sans);text-transform:capitalize;color:rgb(var(--ui-156))}.variable-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-align:left;padding:10px 10px 10px 0;font:400 13px/20px var(--mono);color:rgb(var(--ui-218))}.variable-usage{font-size:12px;color:rgb(var(--ui-156));white-space:nowrap}.variable-delete:disabled{opacity:.25;cursor:default}.variable-swatch,.variable-type-symbol{display:block;width:30px;height:30px;border:1px solid rgb(var(--ui-66));border-radius:var(--studio-swatch-radius,5px);flex:none}.variable-swatch{background:var(--variable-preview),repeating-conic-gradient(#777 0 25%,#aaa 0 50%) 0 / 8px 8px}.variable-swatch.color{background:none;position:relative;isolation:isolate;background:repeating-conic-gradient(#777 0 25%,#aaa 0 50%) 0 / 8px 8px}.variable-swatch.color:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--variable-preview)}.variable-type-symbol{display:grid;place-items:center;background:rgb(var(--ui-34));font:400 16px/20px var(--mono);color:rgb(var(--ui-184))}.variable-empty{padding:40px 20px;font-size:13px;line-height:20px;color:rgb(var(--ui-156));text-align:center}.modal:has(.variable-editor-form),.modal:has(#variable-picker-results){width:min(540px,100%)}.variable-editor-form .field{margin:0 0 20px;gap:5px}.variable-editor-form .field>span:first-child{margin:0;font-size:12px;color:rgb(var(--ui-218))}.variable-editor-form :is(input:not([type=color]),select,textarea){min-width:0;width:100%;border:1px solid rgb(var(--ui-66));border-radius:5px;background:rgb(var(--ui-18));color:rgb(var(--ui-242));font:400 13px/20px var(--sans);padding:5px 10px;min-height:30px}.variable-editor-form textarea{resize:vertical}.variable-editor-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.variable-color-field,.variable-size-field{display:flex;align-items:center;gap:10px;min-width:0}.variable-color-field input[type=color]{width:30px;height:30px;padding:0;border:1px solid rgb(var(--ui-66));border-radius:5px;flex:none;background:transparent}.variable-size-field input{flex:1}.variable-editor-form .variable-size-field select{width:70px;flex:none;padding:0 20px 0 10px}.variable-value-preview{height:60px;margin-bottom:20px;border:1px solid rgb(var(--ui-52));border-radius:5px}.variable-value-preview[hidden]{display:none}.variable-css-name{font-size:12px;line-height:20px;color:rgb(var(--ui-156));margin:0}.variable-css-name code{overflow-wrap:anywhere;color:rgb(var(--ui-218))}.variable-form-error{font:400 12px/20px var(--sans);color:var(--danger,#edaaa1);margin:10px 0 0}.variable-gradient-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:end;margin-top:10px}.variable-gradient-tools label{font-size:12px;color:rgb(var(--ui-156))}.variable-gradient-tools input{display:block;height:30px;width:100%;margin-top:5px}.variable-gradient-hint{margin:10px 0 0;font:400 12px/20px var(--sans);color:rgb(var(--ui-156))}#variable-picker-results{max-height:360px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--ui-66)) transparent;margin-top:10px}.variable-picker-group h3{font:500 12px/20px var(--sans);color:rgb(var(--ui-128));margin:10px 0;padding:0 10px}.variable-picker-option{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:10px;border:0;border-radius:5px;text-align:left;font:400 13px/20px var(--sans);color:rgb(var(--ui-242))}.variable-picker-option>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variable-picker-option small{display:block;font:400 12px/20px var(--mono);color:rgb(var(--ui-156));overflow:hidden;text-overflow:ellipsis}.variable-picker-option:hover,.variable-picker-option:focus-visible{background:rgb(var(--ui-42))}.variable-picker-option:focus-visible{outline:1px solid rgb(var(--ui-102));outline-offset:-1px}.variable-current{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:12px;color:var(--variable-green);margin-top:10px;padding:10px;border-radius:5px;background:var(--variable-bg)}@media(max-width:800px){.focused-body>.variable-workspace{left:40px}.variable-workspace-header{min-height:60px}.variable-workspace-toolbar{padding:10px;gap:10px}.variable-table{padding:0 10px}.variable-workspace-header{padding:10px}.variable-workspace-header h2{font-size:16px;line-height:20px}}.variable-editor-form .variable-gradient-tools input[type=color]{padding:3px;border:1px solid rgb(var(--ui-66));border-radius:5px;background:rgb(var(--ui-18));cursor:pointer}.variable-gradient-tools input[type=color]::-webkit-color-swatch-wrapper{padding:0}.variable-gradient-tools input[type=color]::-webkit-color-swatch{border:0;border-radius:var(--studio-swatch-radius,5px)}.modal:has(.publish-panel){width:min(600px,calc(100vw - 40px));border-color:var(--popover-border)}.modal:has(.publish-panel)>header{padding:10px 20px;min-height:60px;align-items:center}.modal:has(.publish-panel)>header .overline,.modal:has(.publish-panel)>header p{display:none}.modal:has(.publish-panel)>header h2{font:500 16px/30px var(--sans);margin:0}.modal:has(.publish-panel)>.modal-body{padding:20px}.publish-panel{display:flex;flex-direction:column;gap:20px}.publish-panel p{margin:0;font:400 13px/20px var(--sans);color:rgb(var(--ui-184))}.publish-panel .publish-note{font-size:12px;color:rgb(var(--ui-156))}.publish-state{display:flex;align-items:center;gap:10px;min-height:40px;border-top:1px solid rgb(var(--ui-52));border-bottom:1px solid rgb(var(--ui-52));padding:10px 0;font-size:13px}.publish-state>strong{font-weight:500;color:rgb(var(--ui-242))}.publish-state>span:last-child{margin-left:auto;color:rgb(var(--ui-156));font-size:12px}.publish-indicator{display:block;width:8px;height:8px;border-radius:50%;background:rgb(var(--ui-102))}.publish-indicator.live{background:#84ab8d}.publish-link{display:flex;flex-direction:column;gap:5px;font-size:12px;color:rgb(var(--ui-218))}.publish-link>div{display:flex;align-items:center;min-width:0;height:40px;border:1px solid rgb(var(--ui-66));border-radius:5px;background:rgb(var(--ui-18));overflow:hidden}.publish-link input{min-width:0;width:100%;flex:1;border:0;background:transparent;color:rgb(var(--ui-242));height:40px;padding:0 10px;font:400 12px/20px var(--sans)}.publish-link button,.publish-link a{height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;padding:0 10px;border-left:1px solid rgb(var(--ui-52));font-size:12px;color:rgb(var(--ui-218))}.publish-link button:hover,.publish-link a:hover{background:rgb(var(--ui-34))}.publish-panel .publish-detail{font-size:12px;color:rgb(var(--ui-156))}.publish-actions{display:flex;justify-content:space-between;gap:10px;padding-top:20px;border-top:1px solid rgb(var(--ui-52))}.publish-actions>div{display:flex;gap:10px}.publish-actions button{height:40px;font:400 12px/20px var(--sans);padding:0 10px}.publish-panel .publish-error{padding:10px;border:1px solid rgb(var(--ui-66));border-radius:5px;color:#d49a8e;background:rgb(var(--ui-28));font-size:12px}.publish-progress{display:flex;align-items:center;gap:10px;font-size:12px;color:rgb(var(--ui-184))}.publish-progress>span{width:14px;height:14px;border:1px solid rgb(var(--ui-66));border-top-color:rgb(var(--ui-218));border-radius:50%;animation:publish-spin .8s linear infinite}.publish-signin{display:flex;flex-direction:column;gap:20px;padding:20px;border:1px solid rgb(var(--ui-52));border-radius:5px;background:rgb(var(--ui-28))}.publish-signin>strong{font:500 14px/20px var(--sans)}.publish-signin>.button{align-self:flex-start;height:40px;font-size:12px}.publish-status{font-size:13px;color:rgb(var(--ui-184));padding:20px 0}.top-actions>.publish-button{height:30px;padding:0 10px;font-size:12px}@keyframes publish-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.publish-progress>span{animation:none}}@media(max-width:1250px){.top-actions>.publish-button>span{display:none}.top-actions>.publish-button{width:30px;padding:0;justify-content:center}}@media(max-width:500px){.publish-actions{flex-wrap:wrap}.publish-actions>div{margin-left:auto}}.top-actions>.button.publish-button{display:inline-flex}body:has(.app-body){--accent:var(--studio-accent);--accent-bg:var(--studio-selected);--bg:var(--studio-bg);--panel:var(--studio-panel);--panel2:var(--studio-panel);--line:var(--studio-border);--popover-border:var(--studio-border);--text:var(--studio-text);--muted:var(--studio-muted);background:var(--studio-bg);color:var(--studio-text)}body:has(.app-body) :is(.topbar,.workspace-toolbar,.panel-rail,.rail,.library-panel,.overlay-panel,.inspector,.inspector-heading,.designer-inspector-tabs,.class-selector-area,.reference-inspector,.reference-settings,.variable-workspace,.variable-table-head,.motion-timeline,.motion-preview-footer,.statusbar){background-color:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-border)}body:has(.app-body) :is(.workspace,.planning-scroll,.export-scroll,.canvas-stage,.canvas-scroll){background-color:var(--studio-bg)}body:has(.app-body) .topbar{box-shadow:0 2px 5px #00000024}body:has(.app-body) :is(.panel-rail,.rail){background:var(--studio-side)}body:has(.app-body) :is(.overlay-panel,.inspector,.variable-workspace){border-color:var(--studio-border);box-shadow:var(--studio-panel-shadow)}body:has(.app-body) :is(.panel-heading,.inspector-heading,.workspace-toolbar,.class-selector-area,.selector-caption,.selector-local-row,.refined-group,.style-group,.motion-section,.variable-workspace-header,.variable-workspace-footer,.library-footer,.planning-resources,.code-header,.code-footer){border-color:var(--studio-divider)}body:has(.app-body) :is(.topbar .mark,.mode-switch,.device-switch,.style-segment,.alignment-grid){background:var(--studio-inset);border-color:var(--studio-border)}body:has(.app-body) .topbar .mark{background:var(--studio-control);color:var(--studio-text);box-shadow:var(--studio-control-shadow)}body:has(.app-body) .topbar .wordmark{border-right-color:var(--studio-border)}body:has(.app-body) :is(.button,.button.subtle,.icon-btn,.panel-rail-button,.rail-btn,.preview-toggle,.motion-icon-button,.motion-text-button,.motion-timeline-toggle,.new-option,.new-template-list button,.quick-block,.element-move-buttons button,.nav-additions button,.asset-apply-actions button,.asset-replace,.class-row-actions button,.effect-presets>button,.page-schema-actions :is(button,a),.page-image-assets>summary,.motion-effect-presets>button,.motion-trigger-choice,.motion-blank-card,.motion-preview-footer .motion-preview-play,.mode-switch>button,.device-switch>button){background:transparent;border:1px solid transparent;border-radius:6px;box-shadow:none;color:var(--studio-secondary)}body:has(.app-body) :is(.button,.button.subtle,.icon-btn,.panel-rail-button,.rail-btn,.preview-toggle,.motion-icon-button,.motion-text-button,.motion-timeline-toggle,.new-option,.new-template-list button,.quick-block,.element-move-buttons button,.nav-additions button,.asset-apply-actions button,.asset-replace,.class-row-actions button,.effect-presets>button,.motion-effect-presets>button,.motion-trigger-choice,.motion-blank-card,.mode-switch>button,.device-switch>button):where(:hover){color:var(--studio-text)}body:has(.app-body) :is(.button.accent,.button.accent:hover){background:var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;color:var(--studio-active-ink);box-shadow:var(--studio-control-shadow)}body:has(.app-body) :is(.button.danger,.button.danger:hover){background:transparent;color:var(--danger)}body:has(.app-body) .new-option svg{color:var(--studio-secondary)}body:has(.app-body) :is(.mode-switch button.active,.device-switch button.active,.library-tabs button.active,.page-list>button.active,.file-tree>button.active,.variable-collection.active,.selector-meta>button.active,.border-compass>button.active,.radius-controls>button.active,.motion-list-row.is-current,.motion-timeline-toggle[aria-pressed=true],.styled-preview-controls button[aria-pressed=true],.panel-rail-button.active,.rail-btn.active,.preview-toggle.active,.icon-btn.active,.icon-btn[aria-pressed=true],.icon-btn[aria-expanded=true],.motion-preview-footer .motion-preview-play[data-playing=true]){background:var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;color:var(--studio-text);box-shadow:var(--studio-control-shadow)}body:has(.app-body) :is(.button,.icon-btn,.panel-rail-button,.rail-btn,.preview-toggle,.motion-icon-button,.motion-text-button,.motion-timeline-toggle,.mode-switch>button,.device-switch>button):active:not(:disabled){background:var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-pressed-shadow)}body:has(.app-body) .button.accent:active:not(:disabled){background:var(--studio-control)}body:has(.app-body) .mode-switch button.active .icon{color:var(--studio-text)}body:has(.app-body) .panel-rail-button.active:before{background:var(--studio-accent)}body:has(.app-body) .designer-inspector-tabs button{box-shadow:none;border-color:transparent;color:var(--studio-muted)}body:has(.app-body) .inspector .designer-inspector-tabs button.active{background:transparent;border-color:transparent;color:var(--studio-text);box-shadow:inset 0 -2px 0 var(--studio-accent)}body:has(.app-body) :is(.insert-tabs,.styled-library-tabs)>button.active{color:var(--studio-text);border-color:var(--studio-accent)}body:has(.app-body) .nav-row.selected{background:var(--studio-selected);border:1px solid var(--studio-border);border-radius:6px;color:var(--studio-text);box-shadow:inset 2px 0 0 var(--studio-accent)}body:has(.app-body) .nav-row.selected .tag-icon{color:var(--studio-text)}body:has(.app-body) :is(.nav-row:hover,.block-item:hover,.selector-suggestion:hover,.file-tree>button:hover,.variable-collection:hover){color:var(--studio-text)}body:has(.app-body) .outline-card.selected{background:var(--studio-panel);border-color:var(--studio-border);box-shadow:inset 0 1px 0 var(--studio-edge),0 3px 8px var(--studio-shadow)}body:has(.app-body) .outline-card.selected:before{background:var(--studio-accent)}body:has(.app-body) .visual-body .inspector :is(.component-create-control,.selector-plus,.selector-states>summary,.class-options>summary,.style-segment>button,.radius-controls>button,.border-compass>button){background:transparent;border:1px solid transparent;border-radius:6px;box-shadow:none}body:has(.app-body) .visual-body .inspector :is(.component-create-control,.selector-plus,.selector-states>summary,.class-options>summary,.style-segment>button,.radius-controls>button,.border-compass>button):where(:hover){background:transparent;box-shadow:none}body:has(.app-body) .visual-body .inspector :is(.style-segment>button.active,.radius-controls>button.active,.border-compass>button.active,.selector-states[open]>summary,.class-options[open]>summary){background:var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-control-shadow)}body:has(.app-body) .visual-body .inspector :is(.component-create-control,.selector-plus,.selector-states>summary,.class-options>summary,.style-segment>button):active:not(:disabled){background:var(--studio-control);border:1px solid var(--studio-border);box-shadow:var(--studio-pressed-shadow)}body:has(.app-body) .visual-body .inspector .style-segment{overflow:visible;background:var(--studio-inset);border:1px solid var(--studio-border);border-radius:6px;padding:2px;gap:2px;box-shadow:var(--studio-input-shadow)}body:has(.app-body) .visual-body .inspector .style-segment>button{height:100%;min-height:0;border-radius:4px}body:has(.app-body) .visual-body .inspector .wide-control-row .reference-control:has(>.display-more){height:30px;min-height:30px;padding:2px;gap:2px;border:1px solid var(--studio-border);border-radius:6px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow)}body:has(.app-body) .visual-body .inspector .wide-control-row .reference-control:has(>.display-more)>.style-segment{height:100%;padding:0;border:0;background:transparent;box-shadow:none;gap:2px;border-radius:4px}body:has(.app-body) .visual-body .inspector .wide-control-row .reference-control>select.display-more{height:100%;border:1px solid transparent;border-radius:4px;box-shadow:none}body:has(.app-body) :is(.field input,.field textarea,.designer-field input,.designer-field textarea,.reference-settings input,.reference-settings textarea,.settings-row input,.settings-row textarea,.motion-field input,.motion-value-row input,.axis-grid input,.filter-grid input,.page-setting-field input:not([type=checkbox]),.page-setting-field textarea,.variable-editor-form input:not([type=color]),.variable-editor-form textarea){background-color:var(--studio-inset);border:1px solid var(--studio-border);border-radius:6px;color:var(--studio-text);box-shadow:var(--studio-input-shadow)}body:has(.app-body) :is(.unit-input,.reference-color,.axis-grid>label,.class-chip-field,.searchbox,.variable-search,.page-slug-input,.publish-link>div){background:var(--studio-inset);border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-input-shadow)}body:has(.app-body) .visual-body .inspector .unit-input>input{background:transparent;border-color:transparent;box-shadow:none}body:has(.app-body) .visual-body .inspector :is(.axis-grid,.filter-grid) input{background-color:var(--studio-inset);border-color:var(--studio-border);box-shadow:var(--studio-input-shadow)}body:has(.app-body) :is(.class-chip-field,.unit-input,.reference-color):focus-within{border-color:var(--studio-focus);box-shadow:var(--studio-input-shadow)}body:has(.app-body) .visual-body .inspector .unit-input>select{border-left:1px solid var(--studio-rim);border-radius:0;color:var(--studio-secondary);box-shadow:none}body:has(.app-body) :is(.visual-body .inspector select:not([data-style-unit]),.overlay-panel select,.workspace-toolbar select,.modal select,.variable-workspace select,#category-filter){appearance:none;-webkit-appearance:none;background-color:transparent;background-image:var(--studio-chevron);background-repeat:no-repeat;background-size:10px 10px,100% 100%;background-position:right 7px center,0 0;padding-right:25px;border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-input-shadow)}body:has(.app-body) :is(.visual-body .inspector select:not([data-style-unit]),.overlay-panel select,.workspace-toolbar select,.modal select,.variable-workspace select,#category-filter):hover{background-color:transparent;background-image:var(--studio-chevron)}body:has(.app-body) .visual-body .inspector .reference-control>select.display-more{background-position:center,0 0;padding:0}body:has(.app-body) .visual-body .inspector .cursor-picker-trigger{background:transparent;border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-idle-bevel)}body:has(.app-body) .visual-body .inspector .cursor-picker-trigger:hover{background:transparent;border-color:var(--studio-border)}body:has(.app-body) :is(input,textarea)::placeholder{color:var(--studio-muted)}body:has(.app-body) :is(.visual-body .inspector,.modal) select option{background:var(--studio-raised);color:var(--studio-text)}body:has(.app-body) :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--studio-focus);outline-offset:2px}body:has(.app-body) :is(input,textarea):focus{border-color:var(--studio-focus)}body:has(.app-body) .visual-body .inspector .property-label.is-set{color:var(--studio-text)!important;background:transparent}body:has(.app-body) .visual-body .inspector .class-chip{background:transparent;border:1px solid transparent;border-radius:6px;box-shadow:none}body:has(.app-body) .visual-body .inspector :is(.class-chip.active,.class-chip.combo.active){background:var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-control-shadow)}body:has(.app-body) .visual-body .inspector .class-chip>button:first-child{color:var(--studio-text)}body:has(.app-body) .visual-body .inspector :is(.selector-state-chip,.selector-state-menu>button.is-current){background:var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;color:var(--studio-text)}body:has(.app-body) .selector-state-menu>button>i.has-styles{background:var(--studio-accent)}body:has(.app-body) :is(.selector-popover,.selector-state-menu,.class-options>div,.canvas-context-menu,.breadcrumb-ancestors,.cursor-menu,.motion-row-menu>div,.structure-menu){background:var(--studio-panel);border-color:var(--studio-border);box-shadow:var(--studio-overlay-shadow)}body:has(.app-body) :is(.selector-popover-head,.selector-popover-footer,.selector-suggestion,.context-heading){border-color:var(--studio-divider)}body:has(.app-body) :is(.class-options>div button,.selector-state-menu>button,.context-command,.cursor-menu button,.motion-row-menu>div>button):hover{background:transparent;color:var(--studio-text)}body:has(.app-body) .element-breadcrumbs>button[aria-current]{background:var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;color:var(--studio-text);box-shadow:var(--studio-control-shadow)}body:has(.app-body) .cursor-menu button.is-current{background:var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;color:var(--studio-text);box-shadow:var(--studio-control-shadow)}body:has(.app-body) :is(.outline-card,.template-card,.element-tile,.element-preset,.variant,.styled-library-card,.asset-tile,.code-panel,.motion-first-effect,.motion-preset-tile,.motion-track-bar,.publish-signin){border-color:var(--studio-border);background-color:var(--studio-panel);box-shadow:inset 0 1px 0 var(--studio-edge),0 2px 5px var(--studio-shadow)}body:has(.app-body) :is(.outline-card,.template-card,.element-tile,.element-preset,.variant,.styled-library-card,.asset-tile):hover{border-color:var(--studio-border);background-color:var(--studio-panel)}body:has(.app-body) :is(.element-tile.active,.element-preset.active,.variant.active,.asset-tile.active,.asset-tile.selected,.motion-preset-tile.active){border:1px solid var(--studio-border);border-radius:6px;box-shadow:inset 0 -2px 0 var(--studio-accent),0 2px 5px var(--studio-shadow)}body:has(.app-body) .component-inspector :is(.element-preset.active,.variant.active){border:1px solid var(--studio-border);border-radius:6px;box-shadow:inset 0 -2px 0 var(--studio-accent)}body:has(.app-body) .component-badge{color:var(--studio-secondary);border-color:var(--studio-divider)}body:has(.app-body) .hero-variant-grid .variant>.icon{color:var(--studio-accent)}body:has(.app-body) :is(.reference-more,.effect-editor,.background-layer,.override-notice,.selected-image-summary,.page-selected-image){border-color:var(--studio-border)}body:has(.app-body) :is(.reference-more,.effect-editor){border:0;border-radius:6px;box-shadow:none;overflow:visible}body:has(.app-body) :is(.reference-more>summary,.effect-editor>summary){background:transparent;border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-idle-bevel)}body:has(.app-body) :is(.reference-more[open]>summary,.effect-editor[open]>summary){background:var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-control-shadow)}body:has(.app-body) .motion-track-bar.is-current{background:var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;color:var(--studio-text);box-shadow:inset 0 -2px 0 var(--studio-accent),var(--studio-control-shadow)}body:has(.app-body) .code-panel{background:var(--studio-inset)}body:has(.app-body) .code-header{background:var(--studio-panel)}body:has(.app-body) :is(.save-status>span,.status-dot,.preview-state>span){background:var(--studio-secondary)}body:has(.app-body) .publish-indicator.live{background:var(--studio-accent)}body:has(.app-body) #toast{background:var(--studio-raised);border-color:var(--studio-border);color:var(--studio-text);box-shadow:var(--studio-overlay-shadow)}body:has(.app-body) .modal-backdrop{background:#000000a6;backdrop-filter:blur(6px)}body:has(.app-body) :is(.modal,.insert-modal){background:var(--studio-panel);border-color:var(--studio-border);color:var(--studio-text);box-shadow:inset 0 1px 0 var(--studio-edge),var(--studio-overlay-shadow)}body:has(.app-body) :is(.modal>header,.modal>footer,.insert-modal>header){background:var(--studio-panel);border-color:var(--studio-divider)}body:has(.app-body) .modal header .overline{font-size:12px;color:var(--studio-muted);letter-spacing:.08em}body:has(.app-body) .modal .new-option{box-shadow:var(--studio-control-shadow)}body:has(.app-body) :is(.page-setting-group,.page-schema-actions,.publish-state,.publish-actions,.variable-table-head,.variable-table-row,.variable-panel-hint){border-color:var(--studio-divider)}body:has(.app-body) .page-setting-group>summary:hover{background:transparent;color:var(--studio-text)}body:has(.app-body) .inspector .variable-field>.variable-bind{background:var(--studio-accent);border-color:var(--studio-border);color:var(--studio-accent-text);box-shadow:0 1px 3px var(--studio-shadow)}body:has(.app-body) .inspector .variable-field>.variable-bind:hover{background:var(--studio-accent);border-color:var(--studio-border);color:var(--studio-accent-text)}body:has(.app-body) .inspector .variable-field.has-variable{background:var(--studio-inset)}body:has(.app-body) .inspector .variable-field.has-variable input:not([type=color]){color:var(--studio-text)!important}body:has(.app-body) .variable-current{background:transparent;color:var(--studio-text)}body:has(.app-body) .variable-create{background:transparent;border:1px solid transparent;border-radius:6px;color:var(--studio-text)}body:has(.app-body) .variable-create{box-shadow:none}body:has(.app-body) :is(.variable-workspace,.modal) .variable-create:hover{background:transparent;color:var(--studio-text)}body:has(.app-body) .visual-body .inspector .nested-spacing.svg-spacing{background:transparent;border-color:transparent;box-shadow:none}body:has(.app-body) .visual-body .inspector .nested-spacing.svg-spacing input{box-shadow:none}body:has(.app-body) .visual-body .inspector .alignment-grid button{background:transparent;border:1px solid transparent;border-radius:6px;box-shadow:none}body:has(.app-body) .visual-body .inspector .alignment-grid button.active{background:var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-control-shadow)}body:has(.app-body) .visual-body .inspector .alignment-grid button.active i{background:var(--studio-text);box-shadow:none}body:has(.app-body) :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--studio-secondary)}body:has(.app-body) .canvas-scrollbar{background:var(--studio-bg);scrollbar-color:var(--studio-raised) var(--studio-bg)}body:has(.app-body) .canvas-scrollbar::-webkit-scrollbar-track{background:var(--studio-bg)}body:has(.app-body) .canvas-scrollbar::-webkit-scrollbar-thumb{background:var(--studio-raised);border-color:var(--studio-bg)}body:has(.app-body) .canvas-scrollbar[aria-disabled=true]{scrollbar-color:transparent var(--studio-bg)}body:has(.app-body) .canvas-scrollbar[aria-disabled=true]::-webkit-scrollbar-thumb{background:transparent}body:has(.app-body) .button.accent:disabled{background:transparent;border-color:transparent;color:var(--studio-muted);box-shadow:none;opacity:1}body:has(.app-body) .variable-workspace .variable-search input{background:transparent;border:0;box-shadow:none}body:has(.app-body) :is(.visual-body .inspector select:not([data-style-unit]),.overlay-panel select,.workspace-toolbar select,.modal select,.variable-workspace select,#category-filter):focus{background-color:var(--studio-raised);background-image:var(--studio-chevron),var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-control-shadow)}body:has(.app-body) .visual-body .inspector .cursor-picker-trigger[aria-expanded=true]{background:var(--studio-control);border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-control-shadow)}body:has(.app-body) .visual-body .inspector :is(.button,.icon-btn,.component-create-control,.selector-plus,.selector-states>summary,.class-options>summary,.radius-controls>button,.border-compass>button,.effect-presets>button,.placeholder-length>button,.reference-add-row>button,.motion-text-button,.motion-icon-button,.motion-timeline-toggle,.motion-preview-play,.motion-trigger-choice,.motion-blank-card,.motion-effect-presets>button):where(:not(.active):not([aria-pressed=true]):not([aria-expanded=true]):not([data-playing=true]):not(:active)){border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-idle-bevel)}body:has(.app-body) .visual-body .inspector .selector-states[open]>summary,body:has(.app-body) .visual-body .inspector .class-options[open]>summary{box-shadow:var(--studio-control-shadow)}body:has(.app-body) :is(.overlay-panel,.library-panel,.variable-workspace) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea){border:1px solid var(--studio-border);border-radius:6px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow)}body:has(.app-body) :is(.overlay-panel,.library-panel,.variable-workspace) :is(.searchbox,.variable-search,.page-slug-input) input{border:0;border-radius:0;background:transparent;box-shadow:none}body:has(.app-body) .visual-body .inspector .unit-input>select:focus{border-left-color:var(--studio-rim)}body :is(.searchbox,.variable-search,.class-modal-search,.dashboard-search){border-width:1px;border-style:solid;outline:none}body :is(.searchbox,.variable-search,.class-modal-search,.dashboard-search):focus-within{border:1px solid var(--studio-focus);outline:none;box-shadow:none}body :is(.searchbox,.variable-search,.class-modal-search,.dashboard-search) input,body :is(.searchbox,.variable-search,.class-modal-search,.dashboard-search) input:is(:focus,:focus-visible){border:0;outline:none;outline-offset:0;box-shadow:none;border-radius:0;background:transparent}body:has(.app-body) .class-chip-field:focus-within{border:1px solid var(--studio-focus);outline:none;box-shadow:none}body:has(.app-body) .class-chip-field #class-selector-input:is(:focus,:focus-visible){outline:none;border:0;box-shadow:none}body:has(.app-body) .visual-body .inspector .unit-input.variable-field{overflow:visible}body:has(.app-body) .inspector .variable-field:has(>.variable-bind):is(:hover,:focus-within){z-index:10}body:has(.app-body) .visual-body .inspector .unit-input>input{border-radius:5px 0 0 5px}body:has(.app-body) .visual-body .inspector .unit-input:not(.has-unit)>input{border-radius:5px}body:has(.app-body) .visual-body .inspector .unit-input>select{border-radius:0 5px 5px 0}body:has(.app-body) .visual-body .inspector .unit-input>:is(input,select):is(:focus,:focus-visible){outline:none;outline-offset:0;box-shadow:none}body:has(.app-body) .visual-body .inspector .unit-input>input:is(:focus,:focus-visible){border-color:transparent}body:has(.app-body) .visual-body .inspector .unit-input>select:is(:focus,:focus-visible){border-left-color:var(--studio-rim)}body:has(.app-body) .visual-body .inspector .reference-color>.unit-input:focus-within{box-shadow:none}body:has(.app-body) :is(.button.accent,.mode-switch button.active,.device-switch button.active,.panel-rail-button.active,.rail-btn.active,.preview-toggle.active,.icon-btn.active,.icon-btn[aria-pressed=true],.icon-btn[aria-expanded=true],.style-segment>button.active,.radius-controls>button.active,.border-compass>button.active)>:is(svg,.icon){color:var(--studio-active-ink);filter:var(--studio-icon-glow)}#studio-color-popover{position:fixed;inset:0;z-index:100;pointer-events:none}#studio-color-popover .studio-color-picker{position:fixed;pointer-events:auto;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;background:var(--studio-panel);color:var(--studio-text);border:1px solid var(--studio-border);border-radius:8px;box-shadow:inset 0 0 0 1px var(--studio-rim),var(--studio-panel-shadow);font:400 12px/20px var(--sans)}#studio-color-popover .studio-color-picker *{box-sizing:border-box}#studio-color-popover .studio-color-picker header{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 10px;border-bottom:1px solid var(--studio-divider);font-weight:500}#studio-color-popover .studio-color-picker button{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 10px;border:1px solid var(--studio-border);border-radius:5px;background:transparent;box-shadow:var(--studio-idle-bevel);color:var(--studio-secondary);font:inherit;cursor:pointer}#studio-color-popover .studio-color-picker header button{width:30px;padding:0;font-size:20px;border-color:transparent;box-shadow:none}#studio-color-popover .studio-color-picker button:hover{color:var(--studio-text)}#studio-color-popover .studio-color-picker button:active{background:var(--studio-raised);box-shadow:var(--studio-control-shadow)}#studio-color-popover .studio-color-picker :is(button,input):focus-visible{outline:1px solid var(--studio-focus);outline-offset:2px}.studio-color-body{display:grid;gap:10px;padding:10px}.studio-color-plane{height:160px;position:relative;border:1px solid var(--studio-border);border-radius:5px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--picker-hue);touch-action:none;cursor:crosshair}.studio-color-plane i{position:absolute;width:10px;height:10px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000,0 1px 3px #0008;pointer-events:none}.studio-color-channels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-color-channels label{min-width:0;color:var(--studio-secondary)}#studio-color-popover .studio-color-picker input[type=range]{display:block;appearance:none;width:100%;height:10px;margin:5px 0 0;padding:0;border:1px solid var(--studio-border);border-radius:5px;cursor:pointer;box-shadow:inset 0 1px 2px #0005;background:var(--studio-rim)}#studio-color-popover .studio-color-picker input[data-color-s]{background:linear-gradient(to right,#888,var(--picker-hue))}#studio-color-popover .studio-color-picker input[data-color-v]{background:linear-gradient(to right,#000,var(--picker-hue))}#studio-color-popover .studio-color-picker input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:14px;border:1px solid var(--studio-border);border-radius:3px;background:var(--studio-text);box-shadow:0 1px 2px #0005}#studio-color-popover .studio-color-picker input[type=range]::-moz-range-thumb{width:8px;height:12px;border:1px solid var(--studio-border);border-radius:3px;background:var(--studio-text);box-shadow:0 1px 2px #0005}.studio-color-hue-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center}.studio-color-preview{display:block;height:30px;border:1px solid var(--studio-border);border-radius:var(--studio-swatch-radius,5px);background:var(--picker-value);box-shadow:inset 0 0 0 1px #ffffff30}#studio-color-popover .studio-color-picker input[data-color-h]{margin:0;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}#studio-color-popover .studio-color-picker :is(.studio-color-hex,.studio-color-rgb label){display:flex;align-items:center;min-width:0;height:30px;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow);overflow:hidden}#studio-color-popover .studio-color-picker :is(.studio-color-hex,.studio-color-rgb label):focus-within{border-color:var(--studio-focus);box-shadow:none}#studio-color-popover .studio-color-picker label>span{padding:0 10px;color:var(--studio-muted);flex:none}#studio-color-popover .studio-color-picker :is(.studio-color-hex,.studio-color-rgb) input{width:100%;min-width:0;height:28px;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;padding:0 10px 0 0;color:var(--studio-text);font:400 12px/20px var(--mono);appearance:textfield}#studio-color-popover .studio-color-picker :is(.studio-color-hex,.studio-color-rgb) input:focus-visible{outline:none}#studio-color-popover .studio-color-picker input::-webkit-inner-spin-button,#studio-color-popover .studio-color-picker input::-webkit-outer-spin-button{appearance:none;margin:0}.studio-color-rgb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#studio-color-popover .studio-color-picker .studio-color-rgb label>span{padding:0 5px}#studio-color-popover .studio-color-picker .studio-color-rgb input{padding-right:5px}.studio-color-error{margin:0;color:var(--danger,#edaaa1)}#studio-color-popover .studio-color-picker footer{display:flex;align-items:center;justify-content:space-between;padding:10px;border-top:1px solid var(--studio-divider)}#studio-color-popover .studio-color-picker footer i{width:14px;height:14px;border:1px solid var(--studio-rim);border-radius:var(--studio-swatch-radius,5px);background:var(--picker-original)}body .variable-editor-form :is(.variable-color-field,.variable-gradient-tools) input[type=color]{appearance:none;padding:5px;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow);cursor:pointer}body .variable-editor-form :is(.variable-color-field,.variable-gradient-tools) input[type=color]::-webkit-color-swatch-wrapper{padding:0}body .variable-editor-form :is(.variable-color-field,.variable-gradient-tools) input[type=color]::-webkit-color-swatch{border:0;border-radius:var(--studio-swatch-radius,5px)}body .variable-editor-form :is(.variable-color-field,.variable-gradient-tools) input[type=color]::-moz-color-swatch{border:0;border-radius:var(--studio-swatch-radius,5px)}body input[type=color]:focus-visible{outline:1px solid var(--studio-focus);outline-offset:2px}body .reference-swatch{border-right-color:var(--studio-rim)}body .reference-swatch:focus-within{outline:1px solid var(--studio-focus);outline-offset:-1px}#studio-color-popover .studio-color-picker{scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}#studio-color-popover .studio-contrast{padding:10px;border-top:1px solid var(--studio-divider);display:grid;gap:10px}#studio-color-popover .studio-contrast [hidden]{display:none}#studio-color-popover .studio-contrast-heading{display:flex;align-items:center;gap:10px}#studio-color-popover .studio-contrast-heading>span:first-child{flex:1;color:var(--studio-secondary)}#studio-color-popover [data-contrast-ratio]{font:500 14px/20px var(--mono);color:var(--studio-text)}#studio-color-popover [data-contrast-grade]{font-size:12px;padding:0 5px;border:1px solid var(--studio-rim);border-radius:4px;color:var(--studio-secondary)}#studio-color-popover [data-contrast-grade][data-grade=AAA],#studio-color-popover [data-contrast-grade][data-grade=AA],#studio-color-popover [data-contrast-check][data-pass=true]{color:var(--studio-accent)}[data-theme=light] #studio-color-popover :is([data-contrast-grade][data-grade=AAA],[data-contrast-grade][data-grade=AA],[data-contrast-check][data-pass=true]){color:var(--studio-text)}#studio-color-popover [data-contrast-grade][data-grade=Fail],#studio-color-popover [data-contrast-check][data-pass=false]{color:var(--danger)}#studio-color-popover .studio-contrast-preview{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;border:1px solid var(--studio-border);border-radius:5px;font:500 24px/30px var(--sans);color:var(--studio-text);background:var(--studio-inset)}#studio-color-popover .studio-contrast-preview>span{font:400 12px/20px var(--sans)}#studio-color-popover .studio-contrast-context{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--studio-secondary)}#studio-color-popover .studio-contrast-context button{height:20px;padding:0 5px;font-size:12px}#studio-color-popover .studio-contrast-custom{display:grid;gap:10px}#studio-color-popover .studio-contrast-roles{display:flex;padding:3px;gap:3px;background:var(--studio-inset);border:1px solid var(--studio-border);border-radius:5px;box-shadow:var(--studio-input-shadow)}#studio-color-popover .studio-contrast-roles button{height:30px;flex:1;border-color:transparent;box-shadow:none}#studio-color-popover .studio-contrast-roles button[aria-pressed=true]{border-color:var(--studio-border);background:var(--studio-control);box-shadow:var(--studio-control-shadow);color:var(--studio-text)}#studio-color-popover .studio-contrast-results{display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;gap:5px 10px;font-size:12px;color:var(--studio-secondary)}#studio-color-popover .studio-contrast-results>span:nth-child(3n+2),#studio-color-popover .studio-contrast-results>span:nth-child(3n){text-align:center}#studio-color-popover .studio-contrast :is(p,a){font:400 12px/20px var(--sans);margin:0;color:var(--studio-muted)}#studio-color-popover .studio-contrast a{text-underline-offset:3px;width:fit-content}#studio-color-popover .studio-contrast a:hover{color:var(--studio-text)}.crm-workspace{position:relative}.crm-workspace *{box-sizing:border-box}.crm-workspace .crm-content{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column}.crm-workspace .crm-main{flex:1;min-height:0;overflow:auto;padding:30px;scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}.crm-workspace :is(h1,h2,h3,p){margin:0}.crm-workspace :is(button,input,select,textarea,summary){font:400 13px/20px var(--sans);color:var(--studio-text)}.crm-workspace :is(button,select,summary){cursor:pointer}.crm-workspace button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:30px;padding:5px 10px;border:1px solid var(--studio-border);border-radius:5px;background:transparent;box-shadow:var(--studio-idle-bevel);white-space:nowrap}.crm-workspace button:hover{color:var(--studio-text);filter:brightness(1.1)}.crm-workspace button:is([aria-pressed=true],:active){background:var(--studio-control);box-shadow:var(--studio-control-shadow)}.crm-workspace button:disabled{opacity:.45;cursor:default}.crm-workspace :is(input,select,textarea){border:1px solid var(--studio-border);border-radius:5px;min-height:30px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow);padding:5px 10px;min-width:0;width:100%;color-scheme:inherit}.crm-workspace select{appearance:none;background-image:var(--studio-chevron);background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-right:30px}.crm-workspace input[type=checkbox]{width:16px;height:16px;min-height:0;padding:0;accent-color:var(--studio-accent);cursor:pointer;box-shadow:none}.crm-workspace textarea{resize:vertical;white-space:pre-wrap}.crm-workspace :is(input,select,textarea,button,a,summary):focus-visible{outline:1px solid var(--studio-focus);outline-offset:2px}.crm-workspace .crm-primary{background:var(--studio-control);color:var(--studio-active-ink);box-shadow:var(--studio-control-shadow);min-height:40px;font-weight:500}.crm-workspace .crm-primary:hover{color:var(--studio-accent-text)}.crm-workspace .crm-intro{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:30px}.crm-workspace .crm-eyebrow{font-size:12px;letter-spacing:.08em;color:var(--studio-muted)}.crm-workspace .crm-intro h1{font-size:30px;line-height:40px;font-weight:500;letter-spacing:-.04em;margin:10px 0}.crm-workspace .crm-intro p{color:var(--studio-secondary)}.crm-workspace .crm-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:30px}.crm-workspace .crm-overview>div{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-panel)}.crm-workspace .crm-overview span{font-size:12px;color:var(--studio-secondary)}.crm-workspace .crm-overview strong{font-size:30px;line-height:30px;font-weight:500;font-variant-numeric:tabular-nums}.crm-workspace .crm-views{display:flex;gap:5px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--studio-divider)}.crm-workspace .crm-views button{border-color:transparent;box-shadow:none;color:var(--studio-secondary)}.crm-workspace .crm-views button[aria-pressed=true]{border-color:var(--studio-border);color:var(--studio-text);box-shadow:var(--studio-control-shadow)}.crm-workspace .crm-views small{font-size:12px;opacity:.8}.crm-workspace .crm-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;align-items:center}.crm-workspace .crm-tools>select{width:auto;max-width:180px}.crm-workspace .crm-search{flex:1;min-width:200px;height:40px;display:flex;gap:10px;align-items:center;padding:0 10px;background:var(--studio-inset);border:1px solid var(--studio-border);border-radius:5px;box-shadow:var(--studio-input-shadow)}.crm-workspace .crm-search:focus-within{border-color:var(--studio-focus)}.crm-workspace .crm-search input{border:0;padding:0;box-shadow:none;outline:none;background:transparent;height:100%}.crm-workspace .crm-search svg{color:var(--studio-muted)}.crm-workspace .crm-data-menu{position:relative}.crm-workspace .crm-data-menu summary{list-style:none;display:flex;gap:10px;align-items:center;padding:5px 10px;border:1px solid var(--studio-border);border-radius:5px;box-shadow:var(--studio-idle-bevel)}.crm-workspace .crm-data-menu summary::-webkit-details-marker{display:none}.crm-workspace .crm-data-menu[open] summary{background:var(--studio-control)}.crm-workspace .crm-data-menu>div{position:absolute;right:0;top:calc(100% + 5px);width:230px;z-index:5;display:grid;gap:5px;padding:10px;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-panel);box-shadow:var(--studio-overlay-shadow)}.crm-workspace .crm-data-menu button{justify-content:flex-start;box-shadow:none;border-color:transparent}.crm-workspace .crm-error{margin-top:20px;padding:10px;border:1px solid var(--danger);color:var(--danger);border-radius:5px}.crm-workspace .crm-status{font-size:12px;color:var(--studio-secondary)}.crm-workspace .crm-status:not(:empty){padding-top:10px}.crm-workspace .crm-bulk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;padding:10px;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:5px}.crm-workspace .crm-bulk select{width:auto}.crm-workspace .crm-list-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.crm-workspace .crm-list-heading h2{font-size:14px;font-weight:500}.crm-workspace .crm-list-heading>span{color:var(--studio-muted);font-size:12px}.crm-workspace .crm-table-wrap{overflow:auto;border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-panel);box-shadow:var(--studio-idle-bevel)}.crm-workspace .crm-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:13px}.crm-workspace .crm-table th{font-weight:400;color:var(--studio-muted);font-size:12px;padding:10px;border-bottom:1px solid var(--studio-rim)}.crm-workspace .crm-table td{padding:10px;border-bottom:1px solid var(--studio-divider);height:60px}.crm-workspace .crm-table tr:last-child td{border-bottom:0}.crm-workspace .crm-table tbody tr:hover,.crm-workspace .crm-table tr.selected{background:var(--studio-raised)}.crm-workspace .crm-table th:first-child,.crm-workspace .crm-table td:first-child{width:40px;text-align:center}.crm-workspace .crm-business{padding:0;border:0;box-shadow:none;display:flex;align-items:flex-start;flex-direction:column;gap:0;text-align:left;max-width:230px}.crm-workspace .crm-business strong,.crm-workspace .crm-business small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:400}.crm-workspace .crm-business small{font-size:12px;color:var(--studio-muted)}.crm-workspace .crm-stage{border:1px solid var(--studio-rim);border-radius:5px;padding:3px 5px;font-size:12px}.crm-workspace .crm-high{color:var(--studio-text);font-weight:500}.crm-workspace .crm-next-action{max-width:220px;overflow:hidden;text-overflow:ellipsis;color:var(--studio-secondary)}.crm-workspace .crm-overdue{color:var(--danger)}.crm-workspace .crm-empty{padding:50px 20px;text-align:center;color:var(--studio-secondary)}.crm-workspace .crm-empty>svg{width:30px;height:30px;margin-bottom:20px;color:var(--studio-muted)}.crm-workspace .crm-empty h3{font-size:16px;color:var(--studio-text);font-weight:500}.crm-workspace .crm-empty p{margin:10px 0 20px}.crm-workspace .crm-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--studio-muted)}.crm-workspace .crm-pagination>div{display:flex;gap:10px;align-items:center}.crm-workspace .crm-local-note{margin-top:30px;font-size:12px;color:var(--studio-muted);max-width:700px}.crm-workspace .crm-board{display:grid;grid-template-columns:repeat(8,250px);gap:20px;overflow:auto;padding-bottom:20px}.crm-workspace .crm-column{background:var(--studio-side);border:1px solid var(--studio-border);border-radius:5px;padding:10px;min-height:200px}.crm-workspace .crm-column>header{display:flex;justify-content:space-between;margin-bottom:20px;color:var(--studio-secondary)}.crm-workspace .crm-column h3{font-size:13px;font-weight:500}.crm-workspace .crm-column>p{color:var(--studio-muted);font-size:12px}.crm-workspace .crm-pipeline-card{border:1px solid var(--studio-border);box-shadow:var(--studio-idle-bevel);border-radius:5px;background:var(--studio-panel);padding:10px 20px;margin-bottom:20px}.crm-workspace .crm-pipeline-card button{border:0;box-shadow:none;padding:0;display:flex;align-items:flex-start;flex-direction:column;gap:0;max-width:100%;width:100%}.crm-workspace .crm-pipeline-card strong{font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis}.crm-workspace .crm-pipeline-card button>span{font-size:12px;color:var(--studio-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis}.crm-workspace .crm-pipeline-card>div{display:flex;justify-content:space-between;margin-top:20px;font-size:12px;color:var(--studio-secondary)}.crm-workspace .crm-record{position:absolute;right:0;top:0;bottom:0;z-index:15;width:min(460px,100%);display:flex;flex-direction:column;border-left:1px solid var(--studio-border);background:var(--studio-bg);box-shadow:-10px 0 30px var(--studio-shadow)}.crm-workspace .crm-record>header{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--studio-border);background:var(--studio-panel)}.crm-workspace .crm-record>header>div{min-width:0}.crm-workspace .crm-record h2{font-size:20px;line-height:30px;font-weight:500;overflow-wrap:anywhere}.crm-workspace .crm-record-scroll{min-height:0;overflow:auto;padding:20px;scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}.crm-workspace .crm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.crm-workspace .crm-field{display:flex;flex-direction:column;min-width:0}.crm-workspace .crm-field>span{margin-bottom:5px;font-size:12px;color:var(--studio-secondary)}.crm-workspace .crm-wide{grid-column:1/-1}.crm-workspace .crm-record h3{font-size:13px;font-weight:500;margin:30px 0 20px}.crm-workspace .crm-form-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:20px}.crm-workspace .crm-form-footer>span{font-size:12px;color:var(--studio-muted)}.crm-workspace .crm-record-section{margin-top:30px;border-top:1px solid var(--studio-rim);padding-top:20px}.crm-workspace .crm-record-section>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.crm-workspace .crm-record-section h3{margin:0}.crm-workspace .crm-record-section h3 small{font-size:12px;color:var(--studio-muted);font-weight:400;margin-left:5px}.crm-workspace .crm-record-section>p,.crm-workspace .crm-note{font-size:12px;color:var(--studio-muted);margin:10px 0 20px}.crm-workspace .crm-linked-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--studio-divider)}.crm-workspace .crm-linked-item>span{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.crm-workspace .crm-linked-item>span>span{min-width:0}.crm-workspace .crm-linked-item :is(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:13px}.crm-workspace .crm-linked-item small{font-size:12px;color:var(--studio-muted)}.crm-workspace .crm-link-row{display:flex;gap:10px;margin-top:10px;min-width:0}.crm-workspace .crm-link-row select{flex:1;min-width:0}.crm-workspace .crm-note-actions{display:flex;gap:10px;margin-top:10px;justify-content:space-between}.crm-workspace .crm-note-actions select{width:auto}.crm-workspace .crm-timeline{padding:0;list-style:none;margin:20px 0 0}.crm-workspace .crm-timeline li{display:flex;gap:10px;position:relative;border-left:1px solid var(--studio-rim);padding:0 0 20px 20px;margin-left:5px}.crm-workspace .crm-timeline-dot{position:absolute;top:5px;left:-4px;border-radius:50%;width:7px;height:7px;background:var(--studio-muted);box-shadow:0 0 0 4px var(--studio-bg)}.crm-workspace .crm-timeline small{font-size:12px;color:var(--studio-muted)}.crm-workspace .crm-timeline p{margin-top:5px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.crm-workspace .crm-record-end{margin-top:20px;border-top:1px solid var(--studio-rim);padding-top:20px;display:flex;flex-direction:column;gap:20px;font-size:12px;color:var(--studio-muted)}.crm-workspace .crm-import-backdrop{position:absolute;inset:0;z-index:25;background:#00000080;display:grid;place-items:center;padding:20px}.crm-workspace .crm-import{width:min(560px,100%);max-height:90%;overflow:auto;padding:20px;border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-bg);box-shadow:var(--studio-overlay-shadow)}.crm-workspace .crm-import header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.crm-workspace .crm-import h2{font-size:20px;font-weight:500}.crm-workspace .crm-import>p{color:var(--studio-secondary);font-size:13px}.crm-workspace .crm-import-counts{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--studio-divider)}.crm-workspace .crm-import-counts span{font-size:12px;color:var(--studio-muted)}.crm-workspace .crm-import-counts strong{display:block;font-size:24px;font-weight:500;color:var(--studio-text)}.crm-workspace .crm-import-errors{color:var(--danger);font-size:12px;margin:20px 0}.crm-workspace .crm-import-preview p{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:10px 0;border-bottom:1px solid var(--studio-divider)}.crm-workspace .crm-import-preview strong{font-weight:400}.crm-workspace .crm-import-preview span{color:var(--studio-muted)}.crm-workspace .crm-import footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:1000px){.crm-workspace .crm-main{padding:20px}.crm-workspace .crm-tools>select{flex:1;max-width:none}.crm-workspace .crm-search{flex-basis:100%}}@media(max-width:640px){.crm-workspace.project-dashboard{grid-template-columns:1fr}.crm-workspace .dashboard-sidebar{display:none}.crm-workspace .crm-overview{grid-template-columns:repeat(2,1fr)}.crm-workspace .crm-intro{align-items:flex-start;flex-direction:column}.crm-workspace .crm-intro h1{font-size:24px}.crm-workspace .crm-overview>div{padding:10px 20px}.crm-workspace .crm-record{width:100%}.crm-workspace .crm-main{padding:20px}.crm-workspace .dashboard-header{padding:0 10px}.crm-workspace .dashboard-device{display:none}}.crm-workspace .dashboard-location a{color:var(--studio-secondary);text-decoration:none}.crm-workspace .dashboard-location a:hover{color:var(--studio-text)}.crm-workspace .crm-record .crm-error{margin:0 0 20px}.crm-workspace .crm-record>header a{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--studio-secondary);font-size:12px;text-decoration:none}.crm-workspace .crm-record>header a:hover{color:var(--studio-text)}.crm-workspace .dashboard-header{height:40px;min-height:40px;padding:0 20px}.crm-workspace .dashboard-theme{height:30px;width:30px;min-height:30px;padding:0}.crm-workspace .crm-record-controls{display:flex;align-items:center;gap:5px;flex-shrink:0}.crm-workspace .crm-record-controls>span{font-size:12px;color:var(--studio-muted);margin-right:5px;white-space:nowrap}.crm-workspace .crm-record-controls button{width:30px;padding:0}.crm-workspace .crm-record-previous svg{transform:rotate(180deg)}.crm-workspace .crm-record>header{gap:10px;padding:10px 20px}.crm-workspace .crm-record>header h2{font-size:18px;line-height:30px}.crm-workspace .crm-record-status{font-size:12px;color:var(--studio-secondary);margin-bottom:20px}.crm-workspace .crm-record-status:empty{display:none}.crm-workspace .crm-record .crm-error button{display:flex;margin-top:10px;color:var(--studio-text)}.crm-workspace .crm-follow-up-field{grid-column:1/-1}.crm-workspace .crm-follow-up-field input{max-width:200px}.crm-workspace .crm-date-shortcuts{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.crm-workspace .crm-date-shortcuts button{font-size:12px;min-height:30px;padding:0 10px}.crm-workspace .crm-search input:focus-visible{outline:none;box-shadow:none}.crm-workspace .crm-next-action{white-space:nowrap}@media(max-width:420px){.crm-workspace .crm-record>header{padding:10px}.crm-workspace .crm-record-controls>span{display:none}.crm-workspace .crm-record-scroll{padding:20px 10px}}.crm-workspace :is(button[aria-pressed=true],.crm-primary)>svg{color:var(--studio-active-ink);filter:var(--studio-icon-glow)}#graphics-workspace,.g-dialog-overlay{color:var(--studio-text);font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.4}#graphics-workspace{height:100dvh;display:flex;flex-direction:column;background:var(--studio-bg);overflow:hidden}#graphics-workspace *,.g-dialog-overlay *{box-sizing:border-box;min-width:0}#graphics-workspace button,.g-dialog button,.g-library-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--studio-secondary);background:transparent;border:1px solid var(--studio-border);border-radius:5px;min-height:30px;padding:5px 10px;font:inherit;cursor:pointer;box-shadow:var(--studio-idle-bevel)}#graphics-workspace button:hover,.g-dialog button:hover,.g-library-tools button:hover{color:var(--studio-text);filter:brightness(1.1)}#graphics-workspace button[aria-pressed=true],.g-library-tools button[aria-pressed=true]{color:var(--studio-text);background:var(--studio-control);box-shadow:var(--studio-control-shadow)}#graphics-workspace button:disabled{opacity:.35;cursor:default}#graphics-workspace button svg,.g-dialog button svg,.graphics-library svg{width:16px;height:16px;flex-shrink:0}#graphics-workspace button:focus-visible,.g-dialog button:focus-visible,.g-library-tools button:focus-visible{outline:1px solid var(--studio-focus);outline-offset:2px}#graphics-workspace input,#graphics-workspace select,#graphics-workspace textarea,.g-dialog input,.g-dialog select{color:var(--studio-text);font:inherit;border:1px solid var(--studio-border);background:var(--studio-inset);box-shadow:var(--studio-input-shadow);border-radius:5px;height:30px;width:100%;padding:0 10px;outline:none}#graphics-workspace input:focus,#graphics-workspace select:focus,#graphics-workspace textarea:focus,.g-dialog input:focus,.g-dialog select:focus{border-color:var(--studio-focus)}#graphics-workspace select,.g-dialog select{appearance:none;background-image:var(--studio-chevron);background-repeat:no-repeat;background-position:right 8px center;background-size:10px;padding-right:25px}#graphics-workspace input[type=color]{padding:3px;width:30px;cursor:pointer;flex-shrink:0}#graphics-workspace input[type=color]::-webkit-color-swatch-wrapper{padding:0}#graphics-workspace input[type=color]::-webkit-color-swatch{border:0;border-radius:var(--studio-swatch-radius,5px)}#graphics-workspace input[type=range]{appearance:none;box-shadow:none;border:0;height:4px;padding:0;border-radius:4px;background:var(--studio-rim);cursor:pointer;accent-color:var(--studio-accent)}#graphics-workspace input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:1px solid #070707;border-radius:50%;background:#dedede;box-shadow:0 1px 3px #0005}#graphics-workspace input[type=range]::-moz-range-thumb{width:12px;height:12px;border:1px solid #070707;border-radius:50%;background:#dedede}#graphics-workspace .g-accent,.g-dialog .g-accent{background:var(--studio-control);color:var(--studio-active-ink);box-shadow:var(--studio-control-shadow);font-weight:500}#graphics-workspace .g-topbar{display:flex;align-items:center;gap:5px;height:40px;min-height:40px;padding:0 10px 0 0;border-bottom:1px solid var(--studio-border);background:var(--studio-panel);box-shadow:0 1px 0 var(--studio-edge);z-index:3}#graphics-workspace .g-topbar>button:not(.g-accent){width:30px;height:30px;padding:0;border-color:transparent;box-shadow:none}#graphics-workspace .g-topbar>.g-home{width:40px;height:40px;border-right:1px solid var(--studio-border);border-radius:0}#graphics-workspace #g-document-name{max-width:200px;background:transparent;box-shadow:none;border-color:transparent;font-size:13px}#graphics-workspace #g-document-name:hover{border-color:var(--studio-rim)}.g-topbar-spacer,.g-toolbar-spacer{flex:1}.g-mode-label{padding-left:10px;border-left:1px solid var(--studio-rim);color:var(--studio-muted)}#g-save-status{color:var(--studio-muted);margin-right:10px;white-space:nowrap}#graphics-workspace .g-editor{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) var(--g-right-width,304px);height:calc(100svh - 30px);flex:none;min-height:0;overflow:hidden}#graphics-workspace .g-rail{border-right:1px solid var(--studio-border);background:var(--studio-side);display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;z-index:20;min-height:0;overflow:visible}#graphics-workspace .g-rail>span{flex:1}#graphics-workspace .g-rail button{width:30px;height:30px;padding:6px;border-color:transparent;box-shadow:none}#graphics-workspace .g-rail button[aria-pressed=true]{border-color:var(--studio-border);box-shadow:var(--studio-control-shadow)}#graphics-workspace .g-rail button svg{width:16px;height:16px}#graphics-workspace .g-left,#graphics-workspace .g-right{background:var(--studio-panel);display:flex;flex-direction:column;min-height:0;overflow:hidden;border-right:1px solid var(--studio-border)}#graphics-workspace .g-right{border-right:0;border-left:1px solid var(--studio-border)}#graphics-workspace .g-panel-tabs{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1.2fr) 30px;align-items:center;gap:5px;height:40px;min-height:40px;flex:none;padding:5px;border-bottom:1px solid var(--studio-border);background:var(--studio-panel);position:relative;z-index:3;isolation:isolate}#graphics-workspace .g-panel-tabs button{display:block;width:100%;height:30px;min-height:30px;padding:0 5px;font:400 12px/20px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;border-color:transparent;box-shadow:none}#graphics-workspace .g-panel-tabs>[data-g=close-panel]{display:grid;place-items:center;width:30px;padding:0}#graphics-workspace .g-panel-tabs button[aria-pressed=true]{border-color:var(--studio-border);box-shadow:var(--studio-control-shadow)}#g-left-content{overflow:auto;flex:1;min-height:0;background:var(--studio-panel);font-size:13px;scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}#graphics-workspace .g-panel-title{height:30px;min-height:30px;border-bottom:1px solid var(--studio-border);display:flex;align-items:center;padding:0 10px;font-weight:500;letter-spacing:.01em}#graphics-workspace .g-layer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;color:var(--studio-secondary);background:var(--studio-panel);font-size:12px}#graphics-workspace .g-layer-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#graphics-workspace .g-layer-heading small{font-size:12px;color:var(--studio-muted)}#graphics-workspace .g-layer-row{height:30px;display:flex;align-items:center;padding-left:calc(5px + var(--g-depth)*10px);border:1px solid transparent;border-radius:4px;margin:0 5px 2px}#graphics-workspace .g-layer-row:hover{background:var(--studio-bg)}#graphics-workspace .g-layer-row.selected{background:var(--studio-selected);border-color:var(--studio-border);box-shadow:var(--studio-idle-bevel)}#graphics-workspace .g-layer-row>button{border:0;box-shadow:none;border-radius:3px;width:24px;height:28px;min-height:28px;flex-shrink:0;padding:4px}#graphics-workspace .g-layer-row>button:first-child{flex:1;justify-content:flex-start;gap:8px;overflow:hidden;padding-left:0;color:var(--studio-text)}#graphics-workspace .g-layer-row>button:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#graphics-workspace .g-layer-row>button svg{width:14px;height:14px}#graphics-workspace .g-layer-row>button:not(:first-child){opacity:.55}#graphics-workspace .g-layer-row:hover>button,#graphics-workspace .g-layer-row.selected>button{opacity:1}#graphics-workspace .g-layer-actions{display:flex;flex-wrap:wrap;gap:5px;padding:10px;border-top:1px solid var(--studio-divider);margin-top:10px}#graphics-workspace .g-layer-actions button{font-size:12px;padding:5px 7px}#graphics-workspace .g-empty-panel{padding:20px 15px;color:var(--studio-muted);font-size:13px;line-height:1.7}#graphics-workspace .g-insert-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}#graphics-workspace .g-insert-grid button{flex-direction:column;gap:10px;padding:15px 5px;min-height:80px}#graphics-workspace .g-insert-grid svg{width:24px;height:24px}#graphics-workspace .g-template-list{display:grid;gap:10px;padding:10px}#graphics-workspace .g-template-list button{padding:0;overflow:hidden;flex-direction:column;align-items:stretch;gap:0}#graphics-workspace .g-template-list strong{padding:10px;font-weight:400;text-align:left;font-size:12px}.g-template-mini{display:block;aspect-ratio:2/1;background:#171717;position:relative;overflow:hidden}.g-template-mini i{position:absolute;width:35%;height:100%;right:0;top:0;background:#c7c7c7}.g-template-mini b{position:absolute;top:30%;left:10%;width:60%;height:8%;background:#eee}.g-template-mini b+b{top:45%;width:40%}.g-template-mini em{position:absolute;bottom:12%;left:10%;height:10%;width:25%;background:#eee}.g-template-mini.announcement i{height:80%;border-radius:50%;top:-15%;right:-5%}.g-template-mini.quote i{width:10%;height:5%;left:10%;top:12%}.g-template-mini.quote em{width:55%;height:3%;background:#888}#graphics-workspace .g-board-list{display:grid;gap:10px;padding:10px}#graphics-workspace .g-board-list button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px;text-align:left}#graphics-workspace .g-board-list strong{font-size:13px;font-weight:400}#graphics-workspace .g-board-list small{font-size:12px;color:var(--studio-muted)}#graphics-workspace .g-canvas-area{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--studio-inset)}#graphics-workspace .g-canvas-toolbar{display:flex;align-items:center;gap:10px;height:40px;min-height:40px;padding:0 10px;background:var(--studio-bg);border-bottom:1px solid var(--studio-border);color:var(--studio-secondary)}#g-artboard-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#graphics-workspace .g-zoom{display:flex;align-items:center;gap:10px}#graphics-workspace .g-zoom select{width:75px;height:30px}#g-zoom-label{min-width:35px;text-align:right;font-variant-numeric:tabular-nums}#g-stage{flex:1;position:relative;min-height:0;overflow:hidden;background-color:rgb(var(--ui-28));background-image:radial-gradient(rgb(var(--ui-66)) .7px,transparent .7px);background-size:20px 20px;touch-action:none}#g-stage .canvas-container{position:absolute!important;inset:0}#g-stage canvas{touch-action:none;outline:none}#graphics-workspace .g-canvas-footer{display:flex;gap:20px;align-items:center;height:30px;min-height:30px;padding:0 10px;border-top:1px solid var(--studio-border);font-size:12px;color:var(--studio-muted);white-space:nowrap;overflow:hidden}#g-status{overflow:hidden;text-overflow:ellipsis;margin-left:auto;color:var(--studio-secondary)}#g-color-panel{padding:10px;border-bottom:1px solid var(--studio-border);flex-shrink:0}#graphics-workspace .g-color-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--studio-muted)}#graphics-workspace .g-color-targets{display:flex;gap:5px}#graphics-workspace .g-color-targets button{min-height:25px;height:25px;padding:2px 10px}#graphics-workspace .g-color-bottom{display:grid;grid-template-columns:30px minmax(70px,1fr);gap:5px}#graphics-workspace .g-color-bottom input{font-size:12px;padding:0 6px}#graphics-workspace .g-color-chip{display:flex;align-items:center}#graphics-workspace .g-swatches{display:flex;gap:5px;margin-top:10px}#graphics-workspace .g-swatches button{flex:1;padding:3px;min-height:20px;height:20px;border-radius:var(--studio-swatch-radius,5px)}#graphics-workspace .g-swatches i{display:block;width:100%;height:12px;border-radius:var(--studio-swatch-radius,5px);border:1px solid #0003}#g-properties{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}#graphics-workspace .g-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid var(--studio-divider)}#graphics-workspace .g-selection-heading strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#graphics-workspace .g-selection-heading button{min-height:25px;padding:2px 8px;font-size:12px}#graphics-workspace .g-section{padding:15px 10px;border-bottom:1px solid var(--studio-border)}#graphics-workspace .g-section h3{font-size:12px;font-weight:500;margin:0 0 15px}.g-field{display:block;margin:0 0 10px;min-width:0}.g-field>span{display:block;margin-bottom:5px;color:var(--studio-secondary);font-size:12px;font-weight:400}.g-field>div{display:flex;align-items:center;position:relative}.g-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}#graphics-workspace .g-field small,.g-dialog .g-field small{font-size:12px;color:var(--studio-muted);border-left:1px solid var(--studio-rim);position:absolute;right:1px;top:1px;height:28px;width:25px;display:flex;align-items:center;justify-content:center;pointer-events:none}#graphics-workspace .g-field div:has(>small) input,.g-dialog .g-field div:has(>small) input{padding-right:30px;appearance:textfield}#graphics-workspace .g-field input::-webkit-inner-spin-button{appearance:none}#graphics-workspace textarea{resize:vertical;padding:8px;height:auto;min-height:70px;line-height:1.5}#graphics-workspace .g-paint-row{gap:8px;flex-wrap:wrap}#graphics-workspace .g-paint-row>span{flex:1;font-size:12px;color:var(--studio-secondary)}#graphics-workspace .g-paint-row button{font-size:12px;padding:5px 7px}#graphics-workspace .g-align{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}#graphics-workspace .g-align button{padding:5px;min-width:0}#graphics-workspace .g-row{display:flex;gap:10px;margin-top:10px}#graphics-workspace .g-row>button{flex:1;min-width:0;padding:5px}#graphics-workspace .g-full{width:100%;margin-top:10px}.g-hint{font-size:12px;color:var(--studio-muted);line-height:1.6;margin:10px 0 0}#graphics-workspace .g-range{margin-top:15px;margin-bottom:20px}#graphics-workspace .g-range>span{margin-bottom:10px}.g-error{color:var(--danger);font-size:13px;line-height:1.6;padding:10px;border:1px solid var(--studio-rim);border-radius:5px;overflow-wrap:anywhere}.g-dialog-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:#0008;backdrop-filter:blur(4px);padding:20px}.g-dialog{width:400px;max-width:100%;max-height:90dvh;overflow:auto;border:1px solid var(--studio-border);box-shadow:var(--studio-overlay-shadow),inset 0 0 0 1px var(--studio-rim);border-radius:10px;background:var(--studio-panel);padding:20px}.g-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.g-dialog h2{font-size:16px;font-weight:500;margin:0}.g-dialog header button{width:30px;padding:0;font-size:20px}.g-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.graphics-library .g-library-tools{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:13px}.g-library-tools>span{margin-left:auto;color:var(--studio-muted);font-size:12px}.graphics-library .g-document-preview{height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#202020;border-bottom:1px solid #070707;color:#bcbcbc}.graphics-library .g-document-preview svg{width:45px;height:45px}.graphics-library .g-document-preview span{font-size:12px}.graphics-library .g-document-card .project-card-open{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;text-align:left;box-shadow:none;color:inherit}.graphics-library .project-card-copy{padding:15px}.graphics-library .project-card-copy h2{font-size:15px;font-weight:500;margin:0 0 5px}.graphics-library .project-card-copy p{font-size:12px;color:var(--studio-muted);margin:0}.graphics-library .g-document-card footer{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-top:1px solid var(--studio-divider);font-size:12px;color:var(--studio-muted);gap:10px}.graphics-library .g-document-card footer div{display:flex;gap:10px;align-items:center}.graphics-library .g-document-card footer button{background:none;color:var(--studio-secondary);border:0;padding:3px;cursor:pointer;font:inherit;display:inline-flex}@media(max-width:1100px){#graphics-workspace .g-color-bottom{grid-template-columns:30px minmax(60px,1fr)}#graphics-workspace .g-canvas-footer>span:nth-child(2){display:none}#graphics-workspace .g-layer-actions{gap:5px;padding:10px 5px}#graphics-workspace .g-layer-actions button{padding:5px}}@media(max-width:800px){#graphics-workspace .g-mode-label,#g-save-status{display:none}#graphics-workspace #g-document-name{max-width:140px}#graphics-workspace .g-topbar{gap:0}.g-color-tools>span{display:none}#graphics-workspace .g-color-bottom{grid-template-columns:30px 1fr}#graphics-workspace .g-zoom>span{display:none}}@media(max-width:620px){#graphics-workspace .g-topbar>#g-document-name{max-width:100px}#graphics-workspace .g-topbar>[data-g=backup],#graphics-workspace .g-topbar>[data-g=theme]{display:none}#graphics-workspace .g-color-tools{margin-bottom:5px}#graphics-workspace .g-fields{gap:0 5px}#graphics-workspace .g-align{gap:2px}#graphics-workspace .g-row{gap:5px}}#graphics-workspace .g-right{position:relative;grid-column:3;grid-row:1;min-width:0;width:auto;max-height:none;top:auto;bottom:auto;transform:none;z-index:10}#graphics-workspace .g-left{position:absolute;left:40px;top:0;bottom:0;width:var(--g-left-width,280px);max-width:calc(100% - 40px);z-index:25;box-shadow:var(--overlay-shadow)}#graphics-workspace .g-left[hidden]{display:none}#graphics-workspace .g-panel-resizer{position:absolute;top:0;bottom:0;width:6px;z-index:5;cursor:ew-resize;outline:none}#graphics-workspace .g-left>.g-panel-resizer{right:-2px}#graphics-workspace .g-right>.g-panel-resizer{left:-2px}#graphics-workspace .g-panel-resizer:hover,#graphics-workspace .g-panel-resizer:focus-visible{background:var(--studio-rim)}#graphics-workspace.g-color-collapsed #g-color-panel{display:none}#graphics-workspace .g-panel-title>button{height:20px;min-height:20px;width:25px;padding:0;border:0;box-shadow:none;margin-right:-5px}#graphics-workspace .g-canvas-toolbar{gap:10px}#g-context-controls{display:flex;align-items:center;gap:10px;flex:1;overflow:hidden;height:40px}#graphics-workspace .g-context-selection{max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--studio-text)}#graphics-workspace .g-context-selection button{border:0;box-shadow:none;padding:0}#graphics-workspace .g-context-actions{display:flex;gap:5px;align-items:center}#graphics-workspace .g-context-actions button{min-height:25px;height:25px;padding:3px 7px;font-size:12px}#graphics-workspace .g-context-help{font-size:12px;color:var(--studio-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#graphics-workspace .g-layer-search{display:flex;align-items:center;gap:5px;padding:10px;border-bottom:1px solid var(--studio-border);background:var(--studio-panel);position:sticky;top:0;z-index:2}#graphics-workspace .g-layer-search:focus-within{box-shadow:inset 0 0 0 1px var(--studio-focus)}#graphics-workspace .g-layer-search input:focus{border-color:var(--studio-border)}#graphics-workspace .g-layer-search button{width:25px;padding:0;flex-shrink:0;font-size:18px}#graphics-workspace .g-layer-root{display:flex;gap:10px;align-items:center;justify-content:space-between;height:40px;padding:0 10px;font-size:12px;color:var(--studio-secondary);background:var(--studio-panel);border-bottom:1px solid var(--studio-divider)}#graphics-workspace .g-layer-root small{font-size:12px;color:var(--studio-muted)}#graphics-workspace .g-layer-row{padding-left:calc(var(--g-depth)*10px);margin:2px 5px;height:35px}#graphics-workspace .g-layer-row>button{height:30px;min-height:30px;width:20px;padding:3px}#graphics-workspace .g-layer-row>button:first-child{flex:0 0 15px;width:15px;padding:0;justify-content:center;font-size:16px}#graphics-workspace .g-layer-row>button.g-layer-select{flex:1;justify-content:flex-start;gap:8px;overflow:hidden;color:var(--studio-text);padding:0 3px;font-size:13px}#graphics-workspace .g-layer-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#graphics-workspace .g-layer-thumbnail{width:20px;height:25px;object-fit:contain;flex-shrink:0;background:repeating-conic-gradient(#333 0 25%,#292929 0 50%) 0/8px 8px;border-radius:3px}#graphics-workspace .g-layer-select input{height:25px;font-size:13px;padding:0 5px;min-width:20px}#graphics-workspace .g-layer-disclosure:disabled{opacity:0;pointer-events:none}#graphics-workspace .g-layer-row.g-drop-before{border-top:2px solid var(--studio-accent)}#graphics-workspace .g-layer-row.g-drop-after{border-bottom:2px solid var(--studio-accent)}#graphics-workspace .g-drop-inside{outline:1px solid var(--studio-accent);outline-offset:-1px}#graphics-workspace .g-layer-help{font-size:12px;color:var(--studio-muted);line-height:1.6;padding:5px 10px 15px;margin:0}#graphics-workspace .g-isolation{display:flex;gap:10px;align-items:center;padding:5px 10px;border-bottom:1px solid var(--studio-border)}#graphics-workspace .g-isolation span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#graphics-workspace .g-isolation button{min-height:25px;padding:3px 5px;flex-shrink:0}#graphics-workspace .g-property-section{border-bottom:1px solid var(--studio-border);margin:0;padding:0}#graphics-workspace .g-property-section>summary{display:flex;gap:10px;align-items:center;list-style:none;cursor:pointer;height:30px;padding:0 10px;border-bottom:1px solid var(--studio-divider);font-weight:500;font-size:12px}#graphics-workspace .g-property-section>summary::-webkit-details-marker{display:none}#graphics-workspace .g-property-section>summary>span{flex:1}#graphics-workspace .g-property-section>summary>.g-property-chevron{width:12px;height:12px;color:var(--studio-muted);flex:none}#graphics-workspace .g-property-section[open]>summary>.g-property-chevron{transform:rotate(90deg)}#graphics-workspace .g-property-section>summary>button{width:20px;min-height:20px;height:20px;padding:0;border:0;box-shadow:none;font-size:17px;font-weight:400}#graphics-workspace .g-section-content{padding:20px 10px 10px}#graphics-workspace .g-transform-tools{display:flex;align-items:center;gap:10px;margin-bottom:15px}#graphics-workspace .g-transform-tools>button{flex:1;padding:5px;min-width:0}#graphics-workspace .g-origin{display:grid;grid-template-columns:repeat(3,8px);grid-template-rows:repeat(3,8px);gap:2px;padding:5px;border:1px solid var(--studio-border);border-radius:4px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow);flex-shrink:0}#graphics-workspace .g-origin>button{width:8px;min-height:8px;height:8px;padding:0;border:0;border-radius:2px;box-shadow:none;background:transparent}#graphics-workspace .g-origin i{width:3px;height:3px;border:1px solid var(--studio-secondary);border-radius:1px}#graphics-workspace .g-origin>button[aria-pressed=true] i{background:var(--studio-accent);border-color:var(--studio-accent)}#graphics-workspace .g-field>span[data-g-scrub]{cursor:ew-resize;user-select:none}#graphics-workspace .g-field>span[data-g-scrub]:hover{color:var(--studio-text)}#graphics-workspace .g-field input::placeholder{color:var(--studio-muted);opacity:1}#graphics-workspace .g-paint-layer{padding:10px 0;border-bottom:1px solid var(--studio-divider);margin-bottom:10px}#graphics-workspace .g-paint-layer:first-child{padding-top:0}#graphics-workspace .g-paint-layer:last-child{border-bottom:0;margin-bottom:0}#graphics-workspace .g-paint-layer-top{display:flex;align-items:center;gap:5px;margin-bottom:10px}#graphics-workspace .g-paint-layer-top>button{width:20px;height:25px;min-height:25px;padding:0;box-shadow:none;border-color:transparent;flex-shrink:0}#graphics-workspace .g-paint-layer-top>.g-field{flex:1;margin:0}#graphics-workspace .g-paint-layer-top>.g-field>span:empty{display:none}#graphics-workspace .g-paint-layer-top input[type=color]{height:30px;width:30px}#graphics-workspace .g-gradient-ramp{height:20px;border:1px solid var(--studio-border);border-radius:4px;margin-bottom:10px}#graphics-workspace .g-gradient-stop{display:grid;grid-template-columns:25px 1fr 1fr 15px;gap:5px;align-items:end;margin-bottom:10px}#graphics-workspace .g-gradient-stop .g-field{margin:0}#graphics-workspace .g-gradient-stop .g-field>span{font-size:12px;overflow:hidden;text-overflow:ellipsis}#graphics-workspace .g-gradient-stop input[type=color]{width:25px;height:30px}#graphics-workspace .g-gradient-stop>button{width:15px;height:30px;min-height:30px;padding:0;border:0;box-shadow:none}#graphics-workspace .g-gradient-stop .g-field small{width:20px}#graphics-workspace .g-gradient-stop .g-field input{padding:0 23px 0 5px}#graphics-workspace .g-check{display:flex;align-items:center;gap:10px;margin:0 0 15px;cursor:pointer;font-size:12px}#graphics-workspace .g-check input{width:14px;height:14px;padding:0;box-shadow:none;accent-color:var(--studio-accent)}#graphics-workspace .g-font-previews{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:120px;overflow:auto;scrollbar-width:thin}#graphics-workspace .g-font-previews>button{font-size:14px;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 10px}.g-context-menu{position:fixed;z-index:1300;width:230px;max-height:80dvh;overflow:auto;padding:5px;background:var(--studio-panel);color:var(--studio-text);border:1px solid var(--studio-border);box-shadow:inset 0 0 0 1px var(--studio-rim),var(--studio-overlay-shadow);border-radius:8px;font:12px/1.4 Inter,Arial,sans-serif}.g-context-menu button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--studio-text);font:inherit;padding:7px 10px;min-height:30px;text-align:left;cursor:pointer}.g-context-menu button:hover,.g-context-menu button:focus-visible{outline:none;background:var(--studio-control);border-color:var(--studio-border);box-shadow:var(--studio-idle-bevel)}.g-context-menu button:disabled{opacity:.4;cursor:default}.g-context-menu small{font-size:12px;color:var(--studio-muted);flex-shrink:0}.g-context-menu-label{border-top:1px solid var(--studio-divider);margin-top:5px;padding:10px;color:var(--studio-muted);font-size:12px}@media(max-width:1100px){#graphics-workspace .g-editor{grid-template-columns:40px minmax(150px,min(var(--g-left-width,210px),25vw)) minmax(100px,1fr) minmax(230px,min(var(--g-right-width,270px),35vw))}#graphics-workspace .g-context-actions>[data-g=wrap-frame],#graphics-workspace .g-context-actions>[data-g=flip]{display:none}#graphics-workspace .g-context-selection{max-width:100px}}@media(max-width:800px){#graphics-workspace .g-context-actions{display:none}}@media(max-width:620px){#graphics-workspace .g-editor{grid-template-columns:40px minmax(100px,1fr) 230px}#graphics-workspace .g-right>.g-panel-resizer{display:none}#graphics-workspace .g-font-previews{grid-template-columns:1fr}}#graphics-workspace .g-paint-item+.g-paint-item{margin-top:5px}#graphics-workspace .g-paint-compact{display:grid;grid-template-columns:minmax(0,1fr) 25px 25px;gap:5px;align-items:center}#graphics-workspace .g-paint-compact>button:not(.g-paint-select){height:30px;min-height:30px;width:25px;padding:0;border-color:transparent;box-shadow:none}#graphics-workspace .g-paint-select{display:flex;width:100%;min-height:40px;height:40px;padding:5px;gap:10px;text-align:left;justify-content:flex-start;border-color:transparent;box-shadow:none}#graphics-workspace .g-paint-select[aria-pressed=true]{border-color:var(--studio-border);box-shadow:var(--studio-control-shadow)}#graphics-workspace .g-paint-swatch{width:25px;height:25px;flex-shrink:0;border-radius:var(--studio-swatch-radius,5px);border:1px solid var(--studio-border);box-shadow:inset 0 0 0 1px #ffffff20}#graphics-workspace .g-paint-select>span{flex:1;overflow:hidden}#graphics-workspace .g-paint-select strong,#graphics-workspace .g-paint-select small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:15px;font-weight:400}#graphics-workspace .g-paint-select small{color:var(--studio-secondary)}#graphics-workspace .g-paint-chevron{width:12px;height:12px;flex-shrink:0}#graphics-workspace .g-paint-select[aria-expanded=true] .g-paint-chevron{transform:rotate(90deg)}#graphics-workspace .g-paint-muted .g-paint-swatch{opacity:.4}#graphics-workspace .g-paint-muted .g-paint-select>span{color:var(--studio-muted)}#graphics-workspace .g-paint-editor{padding:15px 5px 10px;margin-top:5px;border-bottom:1px solid var(--studio-divider)}#graphics-workspace .g-paint-editor>.g-hint{margin-top:0}#graphics-workspace .g-paint-advanced{margin-bottom:10px}#graphics-workspace .g-paint-advanced>summary{color:var(--studio-secondary);font-size:12px;cursor:pointer;line-height:30px}#graphics-workspace .g-paint-advanced[open]>summary{margin-bottom:10px}#graphics-workspace .g-gradient-stop>.g-stop-swatch{width:25px;height:30px;min-height:30px;padding:3px;border:1px solid var(--studio-border);box-shadow:var(--studio-idle-bevel)}#graphics-workspace .g-stop-swatch i{width:100%;height:100%;border-radius:var(--studio-swatch-radius,5px)}#graphics-workspace .g-gradient-stop>.g-stop-swatch[aria-pressed=true]{outline:1px solid var(--studio-focus);outline-offset:2px}#graphics-workspace .g-color-tools>span{color:var(--studio-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}#graphics-workspace .g-selection-path{display:flex;gap:5px;align-items:center;min-width:0;flex:1;overflow:hidden}#graphics-workspace .g-selection-path>button{display:block;flex:0 1 auto;min-width:25px;max-width:140px;height:30px;min-height:30px;padding:5px;border-color:transparent;box-shadow:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}#graphics-workspace .g-selection-path>button[aria-current]{color:var(--studio-text);font-weight:500}#graphics-workspace .g-selection-path>span{color:var(--studio-muted);flex-shrink:0}#graphics-workspace .g-exit-isolation{height:25px;min-height:25px;padding:0 5px;flex-shrink:0}#graphics-workspace .g-context-actions{flex-shrink:0}#graphics-workspace .g-context-actions button{width:30px;height:30px;padding:5px}#graphics-workspace .g-view-tools{display:flex;gap:5px;flex-shrink:0}#graphics-workspace .g-view-tools>button{height:30px;width:30px;padding:5px;border-color:transparent;box-shadow:none}#graphics-workspace .g-view-tools>button[aria-pressed=true]{border-color:var(--studio-border);box-shadow:var(--studio-control-shadow)}#graphics-workspace .g-canvas-toolbar{gap:5px}#graphics-workspace .g-zoom{gap:5px;flex-shrink:0}#graphics-workspace .g-zoom>span{display:none}#graphics-workspace .g-zoom select{width:70px;padding:0 20px 0 5px;background-position:right 5px center}#graphics-workspace.g-focus-mode .g-editor{grid-template-columns:40px minmax(100px,1fr)}#graphics-workspace.g-focus-mode .g-left,#graphics-workspace.g-focus-mode .g-right{display:none}#g-measurement{position:absolute;z-index:4;pointer-events:none;padding:5px 10px;max-width:160px;white-space:nowrap;font-size:12px;line-height:20px;font-variant-numeric:tabular-nums;background:var(--studio-panel);color:var(--studio-text);border:1px solid var(--studio-border);border-radius:5px;box-shadow:var(--studio-idle-bevel),0 2px 6px #0003}@media(max-width:1000px){#graphics-workspace .g-view-tools>[data-g=fit-selection]{display:none}#graphics-workspace .g-context-actions{display:none}}@media(max-width:700px){#graphics-workspace .g-selection-path>button:not(:last-child),#graphics-workspace .g-selection-path>span{display:none}#g-context-controls{gap:5px}#graphics-workspace .g-exit-isolation{font-size:12px;width:25px;overflow:hidden;white-space:nowrap}#graphics-workspace .g-zoom{display:none}}#graphics-workspace #g-left-content.g-show-layers{display:flex;flex-direction:column;overflow:hidden}#graphics-workspace .g-navigator-page{display:flex;align-items:center;gap:10px;min-height:40px;height:40px;padding:0 10px;border-bottom:1px solid var(--studio-divider);color:var(--studio-secondary);font-size:13px;flex-shrink:0}#graphics-workspace .g-navigator-page>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#graphics-workspace .g-navigator-page button{height:25px;min-height:25px;width:20px;padding:0;border-color:transparent;box-shadow:none;font-size:16px}#graphics-workspace #g-layer-tree{flex:1;min-height:0;overflow:auto;padding:5px 0 20px;scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}#graphics-workspace .g-layer-row{height:30px;min-height:30px;margin:0 5px;padding:0 5px 0 calc(5px + var(--g-depth)*20px);border-radius:5px;flex-shrink:0;font-size:13px}#graphics-workspace .g-layer-row.selected{box-shadow:inset 2px 0 0 var(--studio-accent);color:var(--studio-text)}#graphics-workspace .g-layer-row>.g-layer-disclosure{width:15px;flex:0 0 15px;height:25px;min-height:25px;padding:0}#graphics-workspace .g-layer-row>.g-layer-select{height:25px;min-height:25px;gap:7px;padding:0 5px;opacity:1;border:0;box-shadow:none}#graphics-workspace .g-layer-row .navigator-icon,#graphics-workspace .g-navigator-page .navigator-icon,#graphics-workspace .g-layer-row .navigator-chevron{width:13px;height:13px;flex:0 0 13px;display:block;color:inherit}#graphics-workspace .g-layer-row .navigator-chevron.expanded{transform:rotate(90deg)}#graphics-workspace .g-layer-row>.g-layer-state{height:25px;min-height:25px;width:20px;padding:2px;opacity:0}#graphics-workspace .g-layer-row:hover>.g-layer-state,#graphics-workspace .g-layer-row:focus-within>.g-layer-state,#graphics-workspace .g-layer-row>.g-layer-state.g-state-set{opacity:1}#graphics-workspace .g-layer-row>.g-layer-state svg{width:13px;height:13px}#graphics-workspace .g-layer-root{background:transparent;border-bottom:1px solid transparent;justify-content:flex-start}#graphics-workspace .g-layer-root .g-root-count{font-size:12px;color:var(--studio-muted);padding:0 5px}#graphics-workspace .g-layer-search{position:static;flex-shrink:0;border:0;padding:10px;gap:5px}#graphics-workspace .g-layer-search:focus-within{box-shadow:none}#graphics-workspace .g-layer-search-field{display:block;flex:1;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow);height:30px}#graphics-workspace .g-layer-search-field:focus-within{border-color:var(--studio-focus)}#graphics-workspace .g-layer-search-field input,#graphics-workspace .g-layer-search-field input:focus{height:28px;border:0;box-shadow:none;outline:none;background:transparent}#graphics-workspace .g-layer-actions{flex-shrink:0;margin-top:0}#graphics-workspace .g-layout-direction{display:flex;gap:5px;padding:5px;border:1px solid var(--studio-border);box-shadow:var(--studio-input-shadow);border-radius:5px;background:var(--studio-inset);margin-bottom:15px}#graphics-workspace .g-layout-direction>button{flex:1;min-width:0;height:30px;min-height:30px;padding:0 5px;border-color:transparent;box-shadow:none;font-size:14px}#graphics-workspace .g-layout-direction>button[aria-pressed=true]{border-color:var(--studio-border);box-shadow:var(--studio-control-shadow)}#graphics-workspace .g-layout-intro{margin-top:0}#graphics-workspace .g-layout-alignment{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 15px}#graphics-workspace .g-layout-alignment>span{color:var(--studio-secondary)}#graphics-workspace .g-layout-matrix{display:grid;grid-template-columns:repeat(3,20px);grid-template-rows:repeat(3,20px);gap:5px;padding:5px;border:1px solid var(--studio-border);background:var(--studio-inset);box-shadow:var(--studio-input-shadow);border-radius:5px}#graphics-workspace .g-layout-matrix>button{width:20px;height:20px;min-height:20px;padding:0;border-color:transparent;box-shadow:none;border-radius:3px}#graphics-workspace .g-layout-matrix>button i{width:4px;height:4px;border-radius:1px;background:var(--studio-secondary)}#graphics-workspace .g-layout-matrix>button[aria-pressed=true]{border-color:var(--studio-border);box-shadow:var(--studio-control-shadow)}#graphics-workspace .g-layout-matrix>button[aria-pressed=true] i{background:var(--studio-text)}#graphics-workspace .g-padding-heading{display:flex;justify-content:space-between;align-items:center;margin:5px 0 10px;color:var(--studio-secondary)}#graphics-workspace .g-padding-heading button{width:30px;height:30px;min-height:30px;padding:5px}#graphics-workspace .g-padding-fields{padding:10px 10px 0;margin-bottom:15px;border:1px solid var(--studio-border);box-shadow:var(--studio-input-shadow);border-radius:5px;background:var(--studio-inset)}.gt-browser,.gt-featured,.gt-detail-dialog{color:var(--studio-text);font:400 13px/1.5 Inter,Arial,sans-serif}.gt-browser *,.gt-featured *,.gt-detail-dialog *{box-sizing:border-box;min-width:0}.gt-browser button,.gt-featured button,.gt-detail-dialog button{font:inherit;color:inherit;cursor:pointer}.gt-browser button:focus-visible,.gt-featured button:focus-visible,.gt-detail-dialog button:focus-visible{outline:1px solid var(--studio-focus);outline-offset:3px}.gt-featured{margin:0 0 30px;padding:20px 0 30px;border-bottom:1px solid var(--studio-divider)}.gt-featured>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.gt-featured h2{font-size:18px;line-height:25px;font-weight:500;letter-spacing:-.03em}.gt-featured p{margin-top:5px;color:var(--studio-secondary);font-size:13px}.gt-featured>header>button{border:1px solid var(--studio-border);border-radius:5px;box-shadow:var(--studio-idle-bevel);padding:5px 10px;min-height:30px;background:transparent;white-space:nowrap}.gt-featured-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.gt-card{border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-panel);box-shadow:var(--studio-idle-bevel),0 3px 8px #0002;overflow:hidden;min-width:0}.gt-card>button{display:block;width:100%;border:0;background:transparent;padding:0;text-align:left;color:var(--studio-text);border-radius:10px;box-shadow:none}.gt-card>button:hover{filter:none}.gt-card figure{height:250px;margin:0;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--studio-inset);border-bottom:1px solid var(--studio-border);overflow:hidden}.gt-card img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px #0003);transition:transform .16s ease}.gt-card>button:hover figure>img{transform:translateY(-3px)}.gt-card-copy{padding:15px}.gt-card-copy strong{display:block;font-size:13px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gt-card-copy>span{display:block;font-size:12px;color:var(--studio-muted);line-height:20px;text-transform:capitalize}.gt-featured-grid .gt-card figure{height:170px;padding:10px}.gt-featured-grid .gt-card-copy{padding:10px}.gt-featured-grid .gt-card-copy>span{display:none}.gt-page-count{position:absolute;bottom:10px;right:10px;background:var(--studio-panel);border:1px solid var(--studio-border);box-shadow:var(--studio-idle-bevel);color:var(--studio-text);padding:2px 5px;border-radius:5px;font-size:12px}.gt-browser-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:30px}.gt-eyebrow{display:block;font-size:12px;color:var(--studio-muted);letter-spacing:.06em;margin-bottom:10px}.gt-browser-heading h1,.gt-browser-heading h2{font-size:30px;line-height:40px;font-weight:500;letter-spacing:-.04em;margin:0}.gt-browser-heading p{font-size:13px;line-height:20px;color:var(--studio-secondary);margin:10px 0 0}.gt-browser-body{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px}.gt-categories{display:flex;flex-direction:column;gap:5px;align-self:start;position:sticky;top:20px}.gt-categories>button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;height:40px;min-height:40px;padding:5px 10px;border:1px solid transparent;box-shadow:none;border-radius:5px;background:transparent;font-size:13px;color:var(--studio-secondary)}.gt-categories>button span{color:var(--studio-muted);font-size:12px}.gt-categories>button[aria-pressed=true]{background:var(--studio-control);border-color:var(--studio-border);box-shadow:var(--studio-control-shadow);color:var(--studio-text)}.gt-filters{display:grid;grid-template-columns:minmax(180px,1fr) 130px 130px;gap:10px;margin-bottom:20px}.gt-filters input,.gt-filters select{height:40px;width:100%;font:inherit;padding:5px 10px;color:var(--studio-text);border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow);outline:none}.gt-filters select{appearance:none;background-image:var(--studio-chevron);background-repeat:no-repeat;background-position:right 10px center;background-size:10px;padding-right:30px}.gt-filters input:focus,.gt-filters select:focus{border-color:var(--studio-focus)}.gt-filters input::placeholder{color:var(--studio-muted)}.gt-result-heading{display:flex;align-items:center;justify-content:space-between;color:var(--studio-muted);font-size:12px;height:30px;margin-bottom:10px}.gt-result-heading button{border:0;background:transparent;box-shadow:none;padding:0;color:var(--studio-secondary)}.gt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gt-empty{padding:60px 20px;text-align:center;border:1px solid var(--studio-border);border-radius:10px}.gt-empty h3{font-weight:500;font-size:18px}.gt-empty p{color:var(--studio-secondary);margin-top:10px}.g-dialog.gt-library-dialog{width:1200px;max-width:calc(100vw - 40px);padding:30px;max-height:90dvh}.g-dialog.gt-library-dialog>.gt-browser-heading h2{font-size:26px;line-height:35px}.g-dialog.gt-library-dialog .gt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.g-dialog.gt-library-dialog .gt-card figure{height:220px}.g-dialog.gt-detail-dialog{width:1100px;max-width:calc(100vw - 40px);padding:20px}.gt-detail-dialog>header{display:flex;gap:10px;margin-bottom:20px}.gt-detail-dialog>header>span{flex:1}.gt-detail-dialog>header>button:first-child{width:auto;font-size:13px;padding:5px 10px}.gt-detail-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}.gt-detail-art{height:min(65dvh,700px);min-height:250px;background:var(--studio-inset);border:1px solid var(--studio-border);border-radius:10px;padding:20px;display:flex;justify-content:center;align-items:center}.gt-detail-art>img{display:block;max-height:100%;max-width:100%;height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 5px 10px #0003)}.gt-detail-copy{display:flex;flex-direction:column;padding:10px 0}.gt-detail-copy h2{font-size:26px;line-height:30px;letter-spacing:-.03em;margin-bottom:10px}.gt-detail-copy>p{color:var(--studio-secondary);font-size:13px;line-height:20px}.gt-detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin:20px 0 10px}.gt-detail-tags>span{padding:2px 5px;border:1px solid var(--studio-rim);border-radius:5px;font-size:12px;color:var(--studio-secondary)}.gt-detail-copy ul{padding-left:15px;margin:15px 0 20px;font-size:13px;color:var(--studio-secondary);line-height:20px}.gt-detail-copy li+li{margin-top:10px}.gt-print-note{font-size:12px!important;margin:0 0 20px;color:var(--studio-muted)!important}.gt-page-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.gt-page-thumbs>button{width:65px;height:70px;padding:5px;background:var(--studio-inset);border:1px solid var(--studio-border);border-radius:5px}.gt-page-thumbs>button[aria-pressed=true]{border-color:var(--studio-focus);box-shadow:var(--studio-control-shadow)}.gt-page-thumbs img{height:100%;width:100%;object-fit:contain;display:block}.gt-use{width:100%;height:40px;min-height:40px;margin-top:auto;font-weight:500}.gt-detail-copy .gt-detail-footnote{font-size:12px;color:var(--studio-muted);line-height:20px;margin-top:10px}#graphics-workspace .g-template-entry{padding:20px 10px;border-top:1px solid var(--studio-border)}#graphics-workspace .g-template-entry h3{font-size:14px;font-weight:500;margin-bottom:10px}#graphics-workspace .g-template-entry p{font-size:12px;color:var(--studio-secondary);line-height:20px}@media(min-width:1700px){.gt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.gt-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gt-browser-body{grid-template-columns:160px minmax(0,1fr);gap:20px}.gt-grid,.g-dialog.gt-library-dialog .gt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gt-filters{grid-template-columns:1fr 1fr}.gt-search{grid-column:1/-1}.gt-detail-body{grid-template-columns:minmax(0,1fr) 260px;gap:20px}}@media(max-width:650px){.gt-browser-heading h1,.gt-browser-heading h2{font-size:24px;line-height:30px}.gt-browser-body{grid-template-columns:1fr;gap:20px}.gt-categories{position:static;display:flex;flex-direction:row;overflow:auto;padding-bottom:10px;gap:5px;white-space:nowrap}.gt-categories>button{flex-shrink:0}.gt-grid{gap:10px}.gt-card figure,.g-dialog.gt-library-dialog .gt-card figure{height:190px;padding:10px}.gt-card-copy{padding:10px}.gt-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gt-featured>header{align-items:flex-start}.gt-featured h2{font-size:16px}.g-dialog.gt-library-dialog{padding:20px}.gt-detail-body{grid-template-columns:1fr}.gt-detail-art{height:45dvh}.gt-detail-copy h2{font-size:22px}.gt-page-thumbs{margin-top:20px}}@media(prefers-reduced-motion:reduce){.gt-card img{transition:none}}#graphics-workspace :is(button[aria-pressed=true],.g-accent)>svg{color:var(--studio-active-ink);filter:var(--studio-icon-glow)}#graphics-workspace input[type=color]::-moz-color-swatch{border:0;border-radius:var(--studio-swatch-radius,5px)}#video-workspace,.video-library,.v-dialog{font-family:Inter,Arial,sans-serif;color:var(--studio-text);font-size:12px;line-height:1.45}#video-workspace *,.video-library *{box-sizing:border-box;min-width:0}#video-workspace{height:100dvh;display:flex;flex-direction:column;background:var(--studio-bg);overflow:hidden}#video-workspace button,.video-library [data-v],.v-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:5px 10px;border:1px solid var(--studio-border);border-radius:5px;background:transparent;box-shadow:var(--studio-idle-bevel);color:var(--studio-secondary);font:inherit;cursor:pointer;text-decoration:none}#video-workspace button:hover,.video-library [data-v]:hover{color:var(--studio-text);filter:brightness(1.1)}#video-workspace button[aria-pressed=true]{background:var(--studio-control);box-shadow:var(--studio-control-shadow);color:var(--studio-text)}#video-workspace button:disabled,.video-library button:disabled{opacity:.4;cursor:default}#video-workspace svg,.video-library svg{width:16px;height:16px;flex-shrink:0}#video-workspace button:focus-visible,.video-library button:focus-visible{outline:1px solid var(--studio-focus);outline-offset:2px}#video-workspace input,#video-workspace select,#video-workspace textarea,.video-library input{height:30px;width:100%;padding:0 10px;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-inset);color:var(--studio-text);box-shadow:var(--studio-input-shadow);font:inherit;outline:none}#video-workspace input:focus,#video-workspace select:focus,#video-workspace textarea:focus{border-color:var(--studio-focus)}#video-workspace select{appearance:none;background-image:var(--studio-chevron);background-position:right 10px center;background-size:10px;background-repeat:no-repeat;padding-right:30px}#video-workspace input[type=color]{padding:4px;cursor:pointer}#video-workspace input[type=checkbox]{width:14px;height:14px;accent-color:var(--studio-accent);box-shadow:none;padding:0;flex-shrink:0}#video-workspace input[type=range]{height:4px;width:100px;appearance:none;border:0;border-radius:3px;box-shadow:none;background:var(--studio-rim);padding:0;accent-color:var(--studio-accent);cursor:pointer}#video-workspace input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:1px solid #070707;border-radius:50%;background:#dedede;box-shadow:0 2px 4px #0005}#video-workspace input[type=range]::-moz-range-thumb{width:12px;height:12px;border:1px solid #070707;border-radius:50%;background:#dedede}#video-workspace .v-primary,.video-library .v-primary{background:var(--studio-control);color:var(--studio-active-ink);box-shadow:var(--studio-control-shadow);font-weight:500}.v-topbar{height:40px;min-height:40px;display:flex;align-items:center;gap:5px;padding-right:10px;border-bottom:1px solid var(--studio-border);background:var(--studio-panel);box-shadow:0 1px 0 var(--studio-edge);z-index:2}#video-workspace .v-topbar>button:not(.v-primary){height:30px;width:30px;padding:0;border-color:transparent;box-shadow:none}#video-workspace .v-topbar>.v-home{height:40px;width:40px;border-right:1px solid var(--studio-border);border-radius:0}.v-mode{margin:0 5px;color:var(--studio-secondary);white-space:nowrap}.v-divider{width:1px;height:20px;background:var(--studio-rim);margin:0 5px;flex-shrink:0}#video-workspace #v-name{width:200px;max-width:25vw;background:transparent;border-color:transparent;box-shadow:none;font-size:13px}#video-workspace #v-name:focus{border-color:var(--studio-focus);background:var(--studio-inset)}.v-top-spacer{flex:1}#v-save{color:var(--studio-muted);padding-right:10px;white-space:nowrap}.v-body{display:grid;grid-template-columns:40px 210px minmax(150px,1fr) 270px;flex:1;min-height:0}.v-rail{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 0;background:var(--studio-side);border-right:1px solid var(--studio-border)}.v-rail>span{flex:1}#video-workspace .v-rail button{width:30px;height:30px;padding:5px;border-color:transparent;box-shadow:none}#video-workspace .v-rail button[aria-pressed=true]{border-color:var(--studio-border);box-shadow:var(--studio-control-shadow)}#video-workspace .v-rail svg{width:18px;height:18px}.v-left,.v-right{display:flex;flex-direction:column;min-height:0;background:var(--studio-panel);border-right:1px solid var(--studio-border)}.v-right{border-right:0;border-left:1px solid var(--studio-border)}.v-panel-heading{height:40px;min-height:40px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid var(--studio-border);font-weight:500;font-size:13px}#v-bin,#v-inspector{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}#v-bin{font-size:13px}.v-bin-content{padding:10px}.v-import-box{padding:10px;border:1px dashed var(--studio-rim);border-radius:5px;display:flex;flex-direction:column;gap:10px;text-align:center}.v-import-box>span{color:var(--studio-muted);font-size:12px}.v-bin-heading{display:flex;justify-content:space-between;gap:5px;margin:20px 0 10px;color:var(--studio-muted);font-size:12px}.v-media-list{display:flex;flex-direction:column;gap:5px}.v-media-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--studio-divider)}.v-media-item>div{flex:1;overflow:hidden}.v-media-item strong{display:block;font-size:13px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--studio-text)}.v-media-item>div>span{display:block;color:var(--studio-muted);font-size:12px;margin-top:5px}.v-media-symbol{width:30px;height:40px;display:grid;place-items:center;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow)}#video-workspace .v-media-item button{height:30px;width:25px;min-width:25px;padding:4px}.v-bin-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 5px;gap:10px;color:var(--studio-muted)}.v-bin-empty>svg{width:30px!important;height:30px!important;color:var(--studio-secondary)}.v-bin-empty strong{color:var(--studio-text);font-weight:500}.v-bin-empty p,.v-subtle{font-size:12px;color:var(--studio-muted);margin:10px 0;line-height:1.6}#video-workspace .v-text-preset{width:100%;min-height:70px;margin-bottom:10px;padding:10px;justify-content:flex-start;background:var(--studio-inset)}#video-workspace .v-title-preset{font-size:18px;color:var(--studio-text);font-weight:500}#video-workspace .v-headline-preset{font-size:22px;font-weight:600}#video-workspace .v-caption-preset{font-size:14px}.v-group{border-top:1px solid var(--studio-divider);padding-top:10px;margin-top:10px}.v-group h3{font-size:12px;font-weight:500;margin:0 0 10px}.v-group button{margin:0 5px 5px 0}.v-center{display:flex;flex-direction:column;min-width:0;min-height:0}.v-viewbar{height:40px;min-height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border-bottom:1px solid var(--studio-border);color:var(--studio-muted)}.v-viewbar>span:first-child{margin-right:auto}#video-workspace #v-format{width:170px;height:30px}.v-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:100px;padding:20px;background:var(--studio-side);overflow:hidden}#v-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 5px 20px #0004;border:1px solid var(--studio-border)}#v-canvas-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#aaa;padding:20px;text-align:center;line-height:1.5}#v-canvas-hint[hidden]{display:none}.v-transport{height:50px;min-height:50px;display:flex;align-items:center;gap:10px;padding:0 15px;background:var(--studio-panel);border-top:1px solid var(--studio-border);font-variant-numeric:tabular-nums}#video-workspace .v-transport button{width:30px;height:30px;padding:0;border-color:transparent;box-shadow:none}#video-workspace .v-transport .v-play{background:var(--studio-control);border-color:var(--studio-border);box-shadow:var(--studio-control-shadow)}#v-total,.v-time-separator,#v-play-status{color:var(--studio-muted)}.v-timeline{height:260px;min-height:260px;display:flex;flex-direction:column;border-top:1px solid var(--studio-border);background:var(--studio-panel)}.v-timeline>header{height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 10px;border-bottom:1px solid var(--studio-border)}.v-timeline>header>div,.v-timeline>header>label{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}.v-timeline>header>label{gap:10px;color:var(--studio-muted)}#video-workspace .v-timeline>header button{width:30px;height:30px;padding:5px}#v-selection-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--studio-muted)}#v-timeline-scroll{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}.v-timeline-content{position:relative;min-height:190px;padding-bottom:10px}.v-ruler-row,.v-track-row{display:flex;min-height:50px}.v-ruler-row{height:30px;min-height:30px}.v-track-label{width:100px;min-width:100px;position:sticky;left:0;z-index:3;display:flex;align-items:center;gap:5px;padding:0 10px;font-size:12px;background:var(--studio-panel);border-right:1px solid var(--studio-rim);border-bottom:1px solid var(--studio-divider);color:var(--studio-secondary);line-height:1.2}.v-ruler-row .v-track-label{color:var(--studio-muted)}.v-track-label svg{width:14px!important;height:14px!important}.v-track,.v-ruler{position:relative;flex-shrink:0;border-bottom:1px solid var(--studio-divider);background-image:linear-gradient(to right,var(--studio-divider) 1px,transparent 1px);background-size:60px 100%;touch-action:none}.v-ruler{height:30px;cursor:crosshair}.v-ruler>span{position:absolute;top:5px;transform:translate(5px);font-size:12px;color:var(--studio-muted);font-variant-numeric:tabular-nums}.v-track{height:50px}#video-workspace .v-clip{position:absolute;top:5px;height:40px;min-height:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:3px 10px;overflow:hidden;border:1px solid var(--studio-rim);background:var(--studio-raised);box-shadow:var(--studio-idle-bevel);color:var(--studio-text);border-radius:5px;user-select:none;touch-action:none;cursor:grab;text-align:left}#video-workspace .v-clip>span:not(.v-trim){display:flex;gap:5px;align-items:center;white-space:nowrap;max-width:100%;overflow:hidden;font-size:12px}#video-workspace .v-clip>span>svg{width:12px;height:12px}#video-workspace .v-clip small{font-size:12px;color:var(--studio-muted);font-variant-numeric:tabular-nums;white-space:nowrap}#video-workspace .v-clip-text{background:var(--studio-button-bottom);border-style:dashed}#video-workspace .v-clip-audio{background:var(--studio-inset);box-shadow:var(--studio-input-shadow)}#video-workspace .v-clip.selected{border-color:var(--studio-accent);box-shadow:inset 0 0 0 1px var(--studio-accent);z-index:2}.v-trim{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize;z-index:2}.v-trim:after{content:"";position:absolute;left:3px;top:12px;width:1px;height:14px;background:var(--studio-secondary);opacity:0}.selected .v-trim:after,.v-clip:hover .v-trim:after{opacity:1}.v-trim-left{left:0}.v-trim-right{right:0}.v-track-placeholder{position:absolute;inset:0;display:flex;align-items:center;padding:0 15px;color:var(--studio-muted);pointer-events:none;font-size:12px}.v-playhead{position:absolute;top:0;bottom:5px;width:1px;background:var(--studio-accent);z-index:4;pointer-events:none}.v-playhead i{position:absolute;top:0;left:-4px;width:9px;height:10px;border-radius:0 0 3px 3px;background:var(--studio-accent)}.v-inspector-group{padding-bottom:20px}.v-inspector-group h3{height:30px;margin:0 0 20px;padding:0 10px;display:flex;align-items:center;border-bottom:1px solid var(--studio-border);font-size:12px;font-weight:500}.v-inspector-group>div{padding:0 10px}.v-field{display:flex;flex-direction:column;margin-bottom:10px;gap:5px;font-size:12px;color:var(--studio-secondary)}.v-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px}#video-workspace textarea{height:auto;min-height:80px;resize:vertical;padding:10px;line-height:1.5}.v-check{display:flex;align-items:center;gap:10px;min-height:30px;color:var(--studio-secondary)}.v-clip-actions{display:flex;gap:5px;margin:10px 0}.v-clip-actions>button{flex:1}.v-inspector-note{color:var(--studio-muted);margin-bottom:20px;line-height:1.6}.v-project-info{display:flex;flex-direction:column;gap:10px;margin-top:20px;color:var(--studio-muted)}.v-help-list{padding-left:20px;color:var(--studio-secondary);line-height:2}.v-dialog-overlay{position:fixed;inset:0;z-index:10000;background:#0009;display:grid;place-items:center;padding:20px}.v-dialog{width:400px;max-width:100%;max-height:90dvh;overflow:auto;padding:20px;border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-panel);box-shadow:var(--studio-overlay-shadow),inset 0 1px 0 var(--studio-rim);font-size:13px}.v-dialog h2{font-size:20px;font-weight:500;margin:0 0 10px;letter-spacing:-.03em}.v-dialog p{color:var(--studio-muted);margin:0 0 20px;line-height:1.6}.v-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#v-export-progress{display:flex;flex-direction:column;gap:10px;margin-top:20px}#v-export-progress[hidden]{display:none}#v-export-progress progress{width:100%;height:5px;accent-color:var(--studio-accent)}#v-export-progress span{color:var(--studio-secondary);font-size:12px}.v-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.v-shortcuts dt{font-weight:500}.v-shortcuts dd{margin:0;color:var(--studio-muted)}#v-error{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10010;display:flex;align-items:center;gap:20px;max-width:calc(100vw - 40px);width:max-content;padding:10px 15px;background:var(--studio-panel);border:1px solid var(--studio-rim);border-radius:5px;box-shadow:var(--studio-overlay-shadow);font-size:13px}#v-error[hidden]{display:none}#video-workspace[data-busy=true] .v-body{cursor:progress}.v-library-content{padding:40px;max-width:1600px;width:100%;margin:auto}.v-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 30px}.v-library-heading h1{font-size:32px;font-weight:500;letter-spacing:-.04em;margin:5px 0 10px;color:var(--studio-text)}.v-library-heading p{margin:0;color:var(--studio-muted);font-size:14px}.v-library-heading .v-eyebrow{font-size:12px;letter-spacing:.1em;color:var(--studio-secondary)}.video-library .v-library-heading .v-primary{height:40px;padding:0 15px;white-space:nowrap}.v-library-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.v-library-tools>div{display:flex;gap:10px}.v-search{display:flex;align-items:center;gap:10px;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow);width:280px;padding:0 10px;height:40px}.v-search:focus-within{border-color:var(--studio-focus)}.video-library .v-search input{border:0;box-shadow:none;background:transparent;padding:0;outline:none}.v-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.video-library .v-new-card{min-height:260px;display:flex;flex-direction:column;gap:10px;border:1px dashed var(--studio-rim);border-radius:10px;background:transparent;padding:20px;text-align:center;box-shadow:none}.v-new-card strong{font-size:15px;color:var(--studio-text);font-weight:500}.v-new-card>span:last-child{font-size:12px;color:var(--studio-muted)}.v-new-art{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-control);box-shadow:var(--studio-control-shadow);margin-bottom:10px}.v-new-art svg{width:22px;height:22px}.v-project-card{overflow:hidden;border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-panel);box-shadow:inset 0 1px 0 var(--studio-rim),var(--studio-panel-shadow)}.video-library .v-project-open{width:100%;padding:0;display:block;border:0;box-shadow:none;text-align:left;border-radius:0}.v-project-art{height:170px;background:var(--studio-side);position:relative;display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid var(--studio-border)}.v-project-art>span{height:100%;max-width:85%;background:var(--studio-raised);display:grid;place-items:center;border:1px solid var(--studio-border);border-radius:3px;box-shadow:var(--studio-idle-bevel),0 5px 10px #0003}.v-project-art>span>svg{width:30px;height:30px;color:var(--studio-muted);margin:10px}.v-project-art>i{position:absolute;right:10px;bottom:10px;background:var(--studio-inset);padding:3px 5px;border-radius:3px;font-size:12px;font-style:normal;font-variant-numeric:tabular-nums}.v-project-copy{padding:15px;display:flex;flex-direction:column;gap:5px}.v-project-copy>strong{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--studio-text)}.v-project-copy>span{font-size:12px;color:var(--studio-muted)}.v-project-card footer{display:flex;align-items:center;justify-content:space-between;padding:5px 10px 5px 15px;border-top:1px solid var(--studio-divider);color:var(--studio-muted);font-size:12px}.v-project-card footer>div{display:flex;gap:5px}.video-library .v-project-card footer button{padding:5px;border-color:transparent;box-shadow:none}.v-local-note{font-size:12px;color:var(--studio-muted);margin:30px 0 0}.v-empty{padding:60px 20px;text-align:center;color:var(--studio-muted)}.v-empty h2{font-size:20px;color:var(--studio-text)}@media(max-width:1100px){.v-body{grid-template-columns:40px 180px minmax(150px,1fr) 240px}.v-library-content{padding:30px}.v-mode{display:none}.v-track-label{font-size:12px}.v-timeline{height:250px;min-height:250px}}@media(max-width:850px){.v-body{grid-template-columns:40px 160px minmax(150px,1fr)}.v-right{position:absolute;right:0;top:40px;bottom:0;width:240px;box-shadow:var(--studio-overlay-shadow);z-index:5;display:none}.v-left{font-size:12px}.v-topbar #v-save{display:none}.v-library-heading{align-items:flex-start}.v-library-heading h1{font-size:26px}.v-stage{padding:10px}.v-library-tools{flex-wrap:wrap}.v-library-content{padding:20px}}@media(prefers-reduced-motion:reduce){#video-workspace *,.video-library *{scroll-behavior:auto}}#video-workspace .v-inspector-toggle{width:30px;padding:5px;flex-shrink:0}@media(min-width:851px){#video-workspace .v-inspector-toggle{display:none}}@media(max-width:850px){#video-workspace.v-inspector-open .v-right{display:flex}}#v-canvas{position:absolute;max-width:calc(100% - 40px);max-height:calc(100% - 40px)}#video-workspace :is(button[aria-pressed=true],.v-primary)>svg{color:var(--studio-active-ink);filter:var(--studio-icon-glow)}#planning-workspace,.planning-library{font-family:Inter,Arial,sans-serif;color:var(--studio-text);font-size:12px;line-height:1.45}#planning-workspace *,.planning-library *{box-sizing:border-box;min-width:0}#planning-workspace{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--studio-bg)}#planning-workspace button,.planning-library [data-b]{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:5px 10px;color:var(--studio-secondary);font:inherit;border:1px solid var(--studio-border);border-radius:5px;background:transparent;box-shadow:var(--studio-idle-bevel);cursor:pointer}#planning-workspace button:hover,.planning-library [data-b]:hover{color:var(--studio-text);filter:brightness(1.1)}#planning-workspace button[aria-pressed=true]{background:var(--studio-control);box-shadow:var(--studio-control-shadow);color:var(--studio-text)}#planning-workspace button:disabled{opacity:.4;cursor:default}#planning-workspace svg:not(#b-canvas),.planning-library button>svg{width:16px;height:16px;flex-shrink:0}#planning-workspace button:focus-visible,.planning-library button:focus-visible{outline:1px solid var(--studio-focus);outline-offset:2px}#planning-workspace input,#planning-workspace select,#planning-workspace textarea,.planning-library input{height:30px;width:100%;padding:0 10px;background:var(--studio-inset);border:1px solid var(--studio-border);border-radius:5px;color:var(--studio-text);box-shadow:var(--studio-input-shadow);font:inherit;outline:none}#planning-workspace input:focus,#planning-workspace select:focus,#planning-workspace textarea:focus{border-color:var(--studio-focus)}#planning-workspace select{appearance:none;background-image:var(--studio-chevron);background-repeat:no-repeat;background-position:right 10px center;background-size:10px;padding-right:30px}#planning-workspace input[type=color]{padding:4px;cursor:pointer}#planning-workspace input[type=checkbox]{width:14px;height:14px;flex-shrink:0;padding:0;box-shadow:none;accent-color:var(--studio-accent)}#planning-workspace .b-primary,.planning-library .b-primary{background:var(--studio-control);color:var(--studio-active-ink);box-shadow:var(--studio-control-shadow);font-weight:500}.b-topbar{height:40px;min-height:40px;display:flex;align-items:center;gap:5px;padding-right:10px;border-bottom:1px solid var(--studio-border);background:var(--studio-panel);box-shadow:0 1px 0 var(--studio-edge);z-index:3}#planning-workspace .b-topbar>button:not(.b-primary){width:30px;height:30px;padding:0;border-color:transparent;box-shadow:none}#planning-workspace .b-topbar>.b-home{width:40px;height:40px;border-right:1px solid var(--studio-border);border-radius:0}.b-mode{padding:0 5px;color:var(--studio-secondary);white-space:nowrap}.b-divider{height:20px;width:1px;background:var(--studio-rim);margin:0 5px;flex-shrink:0}.b-spacer{flex:1}#planning-workspace #b-name{width:200px;max-width:25vw;font-size:13px;background:transparent;border-color:transparent;box-shadow:none}#planning-workspace #b-name:focus{border-color:var(--studio-focus);background:var(--studio-inset)}#b-save{color:var(--studio-muted);padding-right:10px;white-space:nowrap}.b-editor{display:grid;grid-template-columns:40px 210px minmax(150px,1fr) 270px;flex:1;min-height:0}.b-rail{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 0;border-right:1px solid var(--studio-border);background:var(--studio-side)}.b-rail>span{flex:1}#planning-workspace .b-rail button{width:30px;height:30px;padding:5px;border-color:transparent;box-shadow:none}#planning-workspace .b-rail button[aria-pressed=true]{border-color:var(--studio-border);box-shadow:var(--studio-control-shadow)}#planning-workspace .b-rail svg{width:18px;height:18px}.b-left,.b-right{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--studio-border);background:var(--studio-panel)}.b-right{border-right:0;border-left:1px solid var(--studio-border)}.b-panel-heading{height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--studio-border);font-size:13px;font-weight:500}#planning-workspace .b-panel-heading>button{width:25px;height:30px;padding:5px;border-color:transparent;box-shadow:none}#b-outline,#b-inspector{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}#b-outline{padding:5px 0;font-size:13px}.b-outline-row{display:flex;align-items:center;height:30px;margin:0 5px 2px;padding-left:calc(var(--b-depth)*10px);border:1px solid transparent;border-radius:5px}.b-outline-row:hover{background:var(--studio-bg)}.b-outline-row.selected{background:var(--studio-selected);border-color:var(--studio-border);box-shadow:var(--studio-idle-bevel)}#planning-workspace .b-outline-row>button{height:28px;min-height:28px;padding:0;border:0;box-shadow:none;background:transparent}#planning-workspace .b-outline-row>button[data-b=collapse],.b-outline-spacer{width:20px;flex-shrink:0}#planning-workspace .b-outline-row>button[data-b=collapse] svg{width:12px;height:12px}#planning-workspace .b-outline-row>button[data-b=select]{justify-content:flex-start;gap:8px;flex:1;overflow:hidden;color:var(--studio-text);padding-right:5px}.b-outline-row>button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#planning-workspace .b-outline-row>button[data-b=select] svg{width:14px;height:14px}.b-outline-empty{padding:20px 15px;color:var(--studio-muted);line-height:1.6}.b-left-footer{border-top:1px solid var(--studio-border);padding:10px;display:flex;flex-direction:column;gap:10px}.b-main{display:flex;flex-direction:column;min-height:0;min-width:0}.b-contextbar{display:flex;align-items:center;height:40px;min-height:40px;padding:0 10px;gap:10px;border-bottom:1px solid var(--studio-border);background:var(--studio-panel)}#b-tool-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--studio-muted)}#planning-workspace .b-contextbar>button{height:30px}#b-stage{flex:1;min-height:0;position:relative;overflow:hidden;outline:none;background-color:var(--studio-bg);background-image:radial-gradient(var(--studio-rim) 1px,transparent 1px);background-size:var(--b-grid-size,20px) var(--b-grid-size,20px);touch-action:none;user-select:none}#b-stage:focus-visible{box-shadow:inset 0 0 0 1px var(--studio-focus)}#b-stage[data-tool=hand]{cursor:grab}#b-stage[data-tool=hand]:active{cursor:grabbing}#b-stage[data-tool=connect],#b-stage[data-tool=note],#b-stage[data-tool=card],#b-stage[data-tool=text],#b-stage[data-tool=shape]{cursor:crosshair}#b-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}#b-canvas [data-bnode]{cursor:move;outline:none}#b-canvas [data-bnode]:focus-visible>.b-selection-box{stroke:#cced9e}#b-canvas [data-bnode]:focus-visible>rect:first-child{stroke:#cced9e;stroke-width:2}#b-stage[data-tool=connect] [data-bnode]{cursor:crosshair}#b-canvas .b-resize{cursor:nwse-resize}#b-canvas [data-bedge]{cursor:pointer}#b-canvas [data-bedge]:hover>path:not(.b-edge-hit){stroke:#cced9e}#b-marquee[hidden]{display:none}#b-edit-host{position:absolute;inset:0;pointer-events:none}#planning-workspace .b-inline-editor{position:absolute;pointer-events:auto;resize:none;line-height:1.35;box-shadow:0 0 0 1px #cced9e;border:1px solid #191919;border-radius:5px;outline:none;overflow:auto;user-select:text}#b-empty-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:320px;max-width:90%;padding:20px;text-align:center;pointer-events:none}#b-empty-hint[hidden]{display:none}#b-empty-hint strong{font-size:24px;font-weight:500;letter-spacing:-.03em}#b-empty-hint p{color:var(--studio-muted);font-size:13px;line-height:1.6;margin:10px 0 20px}#b-empty-hint>div{display:flex;justify-content:center;gap:10px;pointer-events:auto}.b-canvas-controls{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-panel);box-shadow:var(--studio-panel-shadow);padding:5px;gap:5px}#planning-workspace .b-canvas-controls button{width:30px;height:30px;padding:5px;border-color:transparent;box-shadow:none;font-size:16px}#b-zoom{width:50px;text-align:center;font-size:12px;color:var(--studio-secondary);font-variant-numeric:tabular-nums}.b-statusbar{height:30px;min-height:30px;padding:0 10px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--studio-border);background:var(--studio-panel);color:var(--studio-muted);font-size:12px;white-space:nowrap;overflow:hidden}.b-inspector-group{padding-bottom:20px}.b-inspector-group h3{height:30px;display:flex;align-items:center;font-size:12px;font-weight:500;margin:0 0 20px;padding:0 10px;border-bottom:1px solid var(--studio-border)}.b-inspector-group>div{padding:0 10px}.b-field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;font-size:12px;color:var(--studio-secondary)}#planning-workspace .b-field textarea{height:auto;min-height:90px;padding:10px;line-height:1.5;resize:vertical}.b-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px}.b-inspector-group>div>button{margin-right:5px;margin-bottom:10px}.b-two-actions{display:flex;gap:5px}.b-two-actions>button{flex:1}.b-two-actions>button:has(svg):not(:has(span)){flex:0 0 auto}.b-check{display:flex;align-items:center;gap:10px;min-height:30px;margin-bottom:20px;color:var(--studio-secondary)}.b-swatches{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}#planning-workspace .b-swatches>button{width:30px;height:30px;min-height:30px;border:1px solid #070707;border-radius:5px;padding:0;background:var(--b-swatch);box-shadow:inset 0 1px #ffffff30,0 1px 3px #0003}.b-subtle,.b-inspector-note{color:var(--studio-muted);font-size:12px;line-height:1.6;margin:10px 0}.b-inspector-note{margin:0 0 20px}.b-warning{color:var(--danger);font-size:12px;line-height:1.5;margin:0 0 10px}.b-spaced{margin-top:20px}.b-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;font-size:12px}.b-shortcuts dt{font-weight:500}.b-shortcuts dd{color:var(--studio-muted);margin:0}.b-dialog-overlay{position:fixed;inset:0;z-index:10000;background:#0009;display:grid;place-items:center;padding:20px}.b-dialog{width:420px;max-width:100%;max-height:90dvh;overflow:auto;padding:20px;border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-panel);box-shadow:var(--studio-overlay-shadow),inset 0 1px 0 var(--studio-rim);font-size:13px}.b-dialog h2{font-size:20px;font-weight:500;margin:0 0 10px;letter-spacing:-.03em}.b-dialog p{margin:0 0 20px;line-height:1.6;color:var(--studio-muted)}.b-dialog .b-shortcuts{margin:20px 0}.b-dialog-actions{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}.b-export-options{display:flex;flex-direction:column;gap:10px}#planning-workspace .b-export-options>button{justify-content:flex-start;height:40px;padding:0 15px}#b-error{position:fixed;z-index:10010;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;width:max-content;max-width:calc(100vw - 40px);padding:10px 15px;border:1px solid var(--studio-rim);border-radius:5px;background:var(--studio-panel);box-shadow:var(--studio-overlay-shadow);font-size:13px}#b-error[hidden]{display:none}.b-library-content{width:100%;max-width:1600px;margin:0 auto;padding:40px}.b-library-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 30px}.b-library-intro h1{font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin:5px 0 10px}.b-library-intro p{font-size:12px;letter-spacing:.1em;color:var(--studio-secondary);margin:0}.b-library-intro span{font-size:14px;color:var(--studio-muted)}.planning-library .b-library-intro>.b-primary{height:40px;padding:0 15px;white-space:nowrap}.b-starters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:30px}.planning-library .b-starter{padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:0;overflow:hidden;border-radius:10px;background:var(--studio-panel);text-align:left;box-shadow:var(--studio-idle-bevel),var(--studio-panel-shadow)}.b-starter-art{width:100%;height:120px;display:grid;place-items:center;background:#191919;border-bottom:1px solid var(--studio-border);overflow:hidden}.b-starter-art>svg{display:block;width:100%;height:100%;padding:15px}.b-starter:first-child .b-starter-art>svg{width:30px;height:30px;padding:0;color:var(--studio-secondary)}.b-starter>strong{font-size:14px;font-weight:500;color:var(--studio-text);padding:15px 15px 5px}.b-starter>span{font-size:12px;color:var(--studio-muted);padding:0 15px 15px}.b-library-tools{display:flex;align-items:center;gap:10px;margin-bottom:20px}.b-library-tools>span{flex:1}.b-search{width:280px;height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow)}.b-search>svg{width:16px;height:16px;flex-shrink:0}.b-search:focus-within{border-color:var(--studio-focus)}.planning-library .b-search>input{border:0;outline:none;box-shadow:none;background:transparent;padding:0}.b-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.b-board-card{overflow:hidden;border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-panel);box-shadow:var(--studio-idle-bevel),var(--studio-panel-shadow)}.planning-library .b-board-open{width:100%;display:block;padding:0;text-align:left;border:0;box-shadow:none;border-radius:0}.b-board-art{height:160px;background:#191919;overflow:hidden;border-bottom:1px solid var(--studio-border)}.b-board-art>svg{display:block;width:100%;height:100%;padding:15px}.b-board-copy{display:flex;flex-direction:column;gap:5px;padding:15px}.b-board-copy>strong{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--studio-text)}.b-board-copy>span{font-size:12px;color:var(--studio-muted)}.b-board-card>footer{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:5px 10px;border-top:1px solid var(--studio-divider)}.planning-library .b-board-card>footer>button{padding:5px;border-color:transparent;box-shadow:none}.b-library-empty{text-align:center;padding:30px 20px;color:var(--studio-muted);font-size:13px}.b-local-note{margin:30px 0 0;font-size:12px;color:var(--studio-muted)}@media(min-width:851px){#planning-workspace .b-inspector-toggle{display:none}}@media(max-width:1100px){.b-editor{grid-template-columns:40px 180px minmax(150px,1fr) 240px}.b-mode{display:none}.b-library-content{padding:30px}.b-starters{gap:10px}}@media(max-width:850px){.b-editor{grid-template-columns:40px 160px minmax(150px,1fr)}.b-right{display:none;position:absolute;right:0;top:40px;bottom:0;width:240px;z-index:5;box-shadow:var(--studio-overlay-shadow)}#planning-workspace.b-inspector-open .b-right{display:flex}#b-save{display:none}.b-library-content{padding:20px}.b-starters{grid-template-columns:repeat(2,minmax(0,1fr))}.b-statusbar>span:last-child{display:none}.b-library-intro h1{font-size:26px}.b-library-tools{flex-wrap:wrap}}.b-view-tabs{display:flex;align-items:center;gap:5px;padding:3px;border:1px solid var(--studio-border);border-radius:5px;box-shadow:var(--studio-input-shadow);background:var(--studio-inset);flex-shrink:0}#planning-workspace .b-view-tabs>button{height:30px;min-height:30px;padding:0 10px;border-color:transparent;box-shadow:none}#planning-workspace .b-view-tabs>button[aria-pressed=true]{border-color:var(--studio-border);box-shadow:var(--studio-control-shadow)}#planning-workspace.b-kanban-mode .b-editor{grid-template-columns:40px minmax(150px,1fr) 270px}.b-kanban-mode .b-left,.b-kanban-mode #b-tool-hint,.b-kanban-mode [data-b=snap],.b-kanban-mode .b-rail [data-b=tool],.b-kanban-mode .b-statusbar>span:last-child{display:none}#b-stage[hidden],#k-board[hidden]{display:none}#k-board{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--studio-bg);overflow:hidden}.k-toolbar{display:flex;align-items:center;gap:10px;min-height:50px;padding:10px 15px 5px}.k-search{display:flex;align-items:center;gap:10px;width:220px;height:30px;padding:0 10px;border:1px solid var(--studio-border);border-radius:5px;box-shadow:var(--studio-input-shadow);background:var(--studio-inset)}.k-search:focus-within{border-color:var(--studio-focus)}#planning-workspace .k-search>input{padding:0;border:0;outline:none;box-shadow:none;background:transparent}#planning-workspace .k-toolbar>select{width:120px;flex-shrink:0}#planning-workspace .k-toolbar>button{white-space:nowrap}.k-view-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 15px 15px;font-size:12px;color:var(--studio-muted)}.k-view-label>span:last-child{display:flex;align-items:center;gap:10px}#planning-workspace .k-view-label button{padding:0 5px;min-height:20px;border-color:transparent;box-shadow:none;color:var(--studio-secondary)}.k-columns{display:flex;align-items:stretch;gap:15px;flex:1;min-height:0;padding:0 15px 15px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}.k-column{display:flex;flex-direction:column;flex:0 0 270px;max-height:100%;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:10px;box-shadow:inset 0 1px 0 var(--studio-rim),var(--studio-panel-shadow);overflow:hidden}.k-column>header{display:flex;align-items:center;gap:8px;padding:5px 10px;height:40px;min-height:40px;border-bottom:1px solid var(--studio-border)}.k-column h2{flex:1;margin:0;color:var(--studio-text);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-column-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--studio-muted)}.k-column-dot.done{background:var(--studio-accent)}.k-column-count{font-size:12px;color:var(--studio-muted);font-variant-numeric:tabular-nums}#planning-workspace .k-column>header button{width:25px;height:25px;min-height:25px;padding:4px;border-color:transparent;box-shadow:none}#planning-workspace .k-column>header button svg{width:14px;height:14px}.k-column-body{padding:10px;overflow:auto;min-height:80px;flex:1;scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}.k-card{border:1px solid var(--studio-border);border-radius:7px;background:var(--studio-raised);box-shadow:var(--studio-idle-bevel),0 2px 4px var(--studio-shadow);color:var(--studio-text);padding:10px;margin-bottom:10px;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.5;box-sizing:border-box}.k-card:last-child{margin-bottom:0}.k-card.selected{border-color:var(--studio-accent)}.k-card-top{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:-5px -5px 5px 0;min-height:20px}.k-priority{font-size:12px;color:var(--studio-muted);text-transform:capitalize}.k-priority-high{color:#ddc691}.k-priority-urgent{color:var(--danger)}#planning-workspace .k-drag-handle,.k-drag-ghost .k-drag-handle{border:0;box-shadow:none;width:25px;height:25px;min-height:25px;padding:4px;background:transparent;color:var(--studio-muted);cursor:grab;touch-action:none}#planning-workspace .k-card-open,.k-drag-ghost .k-card-open{border:0;box-shadow:none;background:transparent;padding:0;min-height:30px;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;color:var(--studio-text)}.k-card-open strong{font-size:14px;line-height:1.5;font-weight:500;overflow-wrap:anywhere;white-space:pre-wrap}.k-description-indicator{font-size:12px;color:var(--studio-muted)}.k-labels{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.k-labels>span{padding:2px 5px;border:1px solid var(--studio-rim);border-radius:4px;font-size:12px;color:var(--studio-secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-card>footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;color:var(--studio-muted);font-size:12px}.k-card>footer>span{display:inline-flex;align-items:center;gap:4px}.k-card>footer svg{height:14px;width:14px;flex-shrink:0}.k-date.overdue{color:var(--danger)}.k-check-count.complete{color:var(--studio-accent)}.k-assignee{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;color:var(--studio-secondary)}.k-source-mark{margin-left:auto}.k-empty-column{padding:25px 10px;text-align:center;color:var(--studio-muted);font-size:12px;pointer-events:none}.k-column-footer{padding:10px;border-top:1px solid var(--studio-border)}#planning-workspace .k-column-footer>button{justify-content:flex-start;width:100%;border-color:transparent;box-shadow:none;padding:5px}#planning-workspace .k-column-footer textarea{height:auto;min-height:70px;padding:10px;resize:vertical;line-height:1.5}.k-column-footer form>div{display:flex;gap:5px;margin-top:10px}#planning-workspace .k-add-column-tile{flex:0 0 180px;height:40px;align-self:flex-start;border:1px dashed var(--studio-rim);box-shadow:none;border-radius:7px}.k-inspector-intro{margin-bottom:20px;color:var(--studio-muted)}.k-summary-number{font-size:30px;font-weight:500;letter-spacing:-.04em;color:var(--studio-text)}.k-inspector-intro p{margin:0 0 15px;font-size:12px}.k-summary-progress{height:5px;background:var(--studio-inset);border-radius:3px;margin-bottom:10px;overflow:hidden}.k-summary-progress>span{display:block;height:100%;background:var(--studio-accent)}.k-checklist{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.k-check-item{display:flex;align-items:center;gap:5px;min-height:30px}.k-check-item>label{display:flex;gap:8px;align-items:flex-start;flex:1;color:var(--studio-text);font-size:12px;line-height:1.6}.k-check-item input{margin-top:3px}.k-check-item span{overflow-wrap:anywhere}.k-check-item .is-done{text-decoration:line-through;color:var(--studio-muted)}#planning-workspace .k-check-item>button{width:25px;min-height:25px;padding:4px;border-color:transparent;box-shadow:none;flex-shrink:0}.k-check-form{display:flex;gap:5px}#planning-workspace .k-check-form>button{width:30px;flex-shrink:0;padding:5px}.k-inspector-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px}.k-column-settings{border-top:1px solid var(--studio-rim);margin-top:20px;padding-top:20px}.k-column-settings>div{display:flex;gap:10px;margin-bottom:20px}.k-is-dragging{opacity:.25}.k-drag-ghost{position:fixed;z-index:10020;pointer-events:none;transform:rotate(2deg);box-shadow:var(--studio-overlay-shadow);margin:0;max-width:270px}.k-drop-marker{height:5px;border-radius:3px;background:var(--studio-accent);margin:5px 0 10px;pointer-events:none}.k-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.b-kanban-mode .b-contextbar{gap:5px}@media(min-width:1101px){.b-starters{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){#planning-workspace.b-kanban-mode .b-editor{grid-template-columns:40px minmax(150px,1fr) 240px}.k-toolbar{flex-wrap:wrap}.k-toolbar>.b-spacer{display:none}.k-search{flex:1;min-width:140px}.k-column{flex-basis:250px}.b-starters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){#planning-workspace.b-kanban-mode .b-editor{grid-template-columns:40px minmax(150px,1fr)}.k-toolbar{padding:10px}.k-columns{padding:0 10px 10px;gap:10px}.k-column{flex-basis:260px}.b-starters{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-theme=light] .k-priority-high{color:#785a16}[data-theme=light] .k-check-count.complete{color:#31541b}.k-drag-ghost button{font:inherit;color:inherit}#planning-workspace textarea[data-kfield=title]{min-height:60px;height:60px}#planning-workspace textarea[data-kfield=description]{min-height:100px;height:120px}#planning-workspace :is(button[aria-pressed=true],.b-primary)>svg{color:var(--studio-active-ink);filter:var(--studio-icon-glow)}.planning-outline-card{display:block;padding:0;cursor:default;overflow:hidden}.planning-outline-card>.planning-outline-row{display:flex;align-items:center;gap:13px;padding:15px 14px;min-height:75px;cursor:grab}.planning-copy{border-top:1px solid var(--studio-divider,var(--line))}.planning-copy>summary{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:10px 15px 10px 44px;cursor:pointer;font:500 13px/20px var(--sans);color:var(--studio-secondary,var(--muted));list-style:none}.planning-copy>summary::-webkit-details-marker{display:none}.planning-copy[open]>summary{color:var(--studio-text,var(--text))}.planning-copy[open] .planning-copy-chevron{transform:rotate(180deg)}.planning-copy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:5px 15px 20px 44px}.planning-copy-field{display:flex;flex-direction:column;gap:5px;min-width:0;font:400 13px/20px var(--sans);color:var(--studio-text,var(--text))}.planning-copy-field:has(textarea[rows="3"]){grid-column:1/-1}.planning-copy-field textarea{width:100%;min-height:40px;resize:vertical;padding:10px;font:400 13px/20px var(--sans);color:var(--studio-text,var(--text));border-radius:5px;background:var(--studio-input,var(--panel));white-space:pre-wrap}.planning-copy-field textarea:focus{outline:1px solid var(--studio-focus,var(--accent));outline-offset:1px}.planning-copy-field small,.planning-page-notes>p{font:400 12px/20px var(--sans);color:var(--studio-secondary,var(--muted))}.planning-copy-status{padding:0 15px 0 44px;font:400 12px/20px var(--sans);color:var(--danger,#b24f57)}.planning-copy-status:empty{display:none}.planning-page-notes{display:grid;gap:10px;margin-top:30px;padding:20px;border:1px solid var(--studio-divider,var(--line));border-radius:6px;background:var(--studio-panel,var(--panel))}.planning-page-notes h2{font:500 14px/20px var(--sans)}@media(max-width:700px){.planning-copy-fields{grid-template-columns:minmax(0,1fr);padding-left:15px}.planning-copy>summary{padding-left:15px}.planning-outline-card>.planning-outline-row{gap:10px;padding:10px}.planning-page-notes{padding:15px}}.component-removal-card{position:relative;min-width:0}.component-removal-card>.element-preset,.component-removal-card>.variant,.component-removal-card>.styled-library-card{width:100%;height:100%;margin:0}body .component-removal-toggle{position:absolute;z-index:2;top:5px;right:5px;height:30px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 7px;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-panel);box-shadow:var(--studio-idle-bevel),0 2px 4px var(--studio-shadow);color:var(--studio-secondary);font:12px Inter,Arial,sans-serif;cursor:pointer;opacity:0;transition:opacity .12s}.component-removal-toggle>span{display:none}body .component-removal-toggle:hover{filter:brightness(1.12);color:var(--studio-text);background:var(--studio-panel)}body .component-removal-toggle:focus-visible,.component-removal-queue-button:focus-visible{outline:1px solid var(--studio-focus);outline-offset:2px}.component-removal-toggle svg,.component-removal-queue-button svg{width:14px;height:14px;flex-shrink:0;pointer-events:none}body .component-removal-toggle.inline{position:static;opacity:1;flex-shrink:0}body .component-removal-queue-button{height:30px;min-height:30px;margin:5px 10px 10px;padding:0 10px;display:flex;align-items:center;justify-content:flex-start;gap:8px;border:1px solid var(--studio-border);border-radius:5px;background:transparent;box-shadow:var(--studio-idle-bevel);color:var(--studio-secondary);font:12px Inter,Arial,sans-serif;cursor:pointer;max-width:calc(100% - 20px)}body .component-removal-queue-button:hover{background:transparent;color:var(--studio-text);filter:brightness(1.1)}.component-removal-queue-button>span{flex:1;text-align:left}.component-removal-queue-button>small{min-width:20px;text-align:center;color:var(--studio-text);font-size:12px;font-variant-numeric:tabular-nums}.component-removal-review{font:13px/1.6 Inter,Arial,sans-serif;color:var(--studio-text)}.component-removal-explainer{color:var(--studio-secondary);margin:0 0 20px;font-size:13px;line-height:1.6}.component-removal-row{padding:15px 0;border-top:1px solid var(--studio-rim)}.component-removal-row>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:0!important;border:0!important}.component-removal-row>header>div{display:flex;flex-direction:column;gap:5px;min-width:0}.component-removal-row strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.component-removal-row header span,.component-removal-row code{font-size:12px;color:var(--studio-muted);overflow-wrap:anywhere;line-height:1.5}.component-removal-error{padding:10px;border:1px solid var(--studio-rim);border-radius:5px;color:var(--danger);font-size:13px;margin-bottom:15px}@media(hover:none){body .component-removal-toggle{opacity:1}}@media(prefers-reduced-motion:reduce){body .component-removal-toggle{transition:none}}.component-removal-card:hover>.component-removal-toggle,.component-removal-card:focus-within>.component-removal-toggle,.component-removal-toggle:focus-visible{opacity:1}.component-removal-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}body .component-delete-confirm{color:var(--danger);border:1px solid var(--studio-border);background:var(--studio-control);box-shadow:var(--studio-control-shadow)}body .component-delete-confirm:hover{color:var(--danger);filter:brightness(1.1)}.component-removal-review>strong{display:block;margin-bottom:10px;overflow-wrap:anywhere}.component-removal-row p{margin:0;color:var(--studio-secondary);font-size:12px}.component-removal-row>header>.component-removal-actions{flex-direction:row;gap:10px;flex-wrap:wrap}.component-browser-tools{container-type:inline-size;padding:0 10px 10px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--studio-divider);flex:none}.component-browser-tools .searchbox{margin:0;width:100%;height:30px;padding:0 10px;gap:10px;min-width:0}.component-browser-search input{width:0;min-width:0;flex:1;font:400 12px/20px Inter,Arial,sans-serif;color:var(--studio-text);background:transparent;border:0;box-shadow:none}.component-browser-search input::-webkit-search-cancel-button{-webkit-appearance:none}body .component-browser-tools .component-removal-queue-button{margin:0;max-width:100%;width:100%}.component-browser-scroll .variant small{display:block;font:400 12px/20px Inter,Arial,sans-serif;color:var(--studio-muted)}.component-browser-scroll .variation-heading{flex-wrap:wrap;gap:5px;margin:0 0 10px}.component-browser-scroll .variation-heading>button{width:100%;text-align:left}.component-browser-scroll .variation-description{font-size:12px;line-height:20px}.component-browser-scroll .component-removal-queue-button{margin-left:0;margin-right:0;max-width:100%}.library-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.library-result-grid>*{min-width:0}body:has(.app-body) .library-result{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;width:100%;padding:8px;border:1px solid var(--studio-rim);border-radius:10px;background:transparent;color:var(--studio-text);text-align:left;cursor:pointer;overflow:hidden}body:has(.app-body) .library-result:hover{background:var(--studio-selected);border-color:var(--studio-focus)}.library-result>.preset-preview{width:100%;margin:0 0 5px;border-radius:5px}.library-result strong{font-size:13px;font-weight:500;line-height:20px;overflow-wrap:anywhere}.library-result-meta,.library-result-detail{font:400 12px/20px Inter,Arial,sans-serif;color:var(--studio-muted)}.library-result .variant-drawing{height:90px;width:100%;margin:0 0 5px}.library-page-preview{display:grid;gap:6px;align-content:start;height:90px;background:#ededed;border-radius:5px;padding:10px;margin-bottom:5px}.library-page-preview i{display:block;height:12px;background:#c7c7c7;border-radius:2px}.library-page-preview i:first-child{height:24px;background:#9e9e9e}.library-show-more{margin-top:15px}.library-result:focus-visible{outline:2px solid var(--studio-focus);outline-offset:2px}.component-variation-search{position:sticky;top:0;z-index:1;margin:0 0 10px;padding:0 10px;height:30px;background:var(--studio-panel)}.component-variation-search input{width:100%;min-width:0;background:transparent;color:var(--studio-text);border:0;outline:0;font:400 12px/20px Inter,Arial,sans-serif}.component-inspector .element-variations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.component-inspector .element-preset{min-width:0}.component-inspector .variation-description,.component-inspector .component-note{font-size:12px;line-height:20px}.component-inspector .preset-caption{padding:5px;font-size:12px;line-height:18px;white-space:normal;overflow-wrap:anywhere}.planning-template-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.component-inspector .variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.component-inspector .variant>.library-thumbnail{margin-bottom:5px}.component-inspector .variant{min-width:0;overflow-wrap:anywhere}.component-browser-scopes{display:flex;gap:0;border-bottom:1px solid var(--studio-divider)}body:has(.app-body) .component-browser-scopes>button{flex:1;height:40px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--studio-muted)}body:has(.app-body) .component-browser-scopes>button.active{background:transparent;box-shadow:none;border:0;border-bottom:2px solid var(--studio-text);color:var(--studio-text)}body:has(.app-body) .component-browser-scopes>button:hover{color:var(--studio-text)}.library-category-group{margin:0 0 10px;border:0}.library-category-group>summary{display:flex;align-items:center;gap:10px;min-height:30px;padding:0 5px;color:var(--studio-text);font:500 13px/20px Inter,Arial,sans-serif;cursor:pointer;list-style:none}.library-category-group>summary::-webkit-details-marker{display:none}.library-category-group>summary>span{flex:1}.library-category-group>summary>small{color:var(--studio-muted);font-size:12px;font-weight:400}.library-category-group>summary>svg{width:14px;height:14px;transition:transform .15s ease}.library-category-group:not([open])>summary>svg{transform:rotate(-90deg)}.library-category-content{padding-top:5px}.add-element-card{position:relative;min-width:0}.add-elements-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body:has(.app-body) .add-element-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-width:0;min-height:0;width:100%;height:auto;aspect-ratio:1;padding:0;box-sizing:border-box;background:var(--studio-inset);border:1px solid var(--studio-rim);border-radius:6px;box-shadow:none;color:var(--studio-secondary);font:400 13px/18px Inter,Arial,sans-serif;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease}.add-element-icon{display:grid;place-items:center;flex:1;min-height:0;width:100%;color:var(--studio-text)}.add-element-icon>svg{width:30px;height:30px;flex:none}body:has(.app-body) .add-element-tile:hover{background:var(--studio-selected);border-color:var(--studio-focus);color:var(--studio-text)}.add-element-tile:focus-visible{outline:1px solid var(--studio-focus);outline-offset:4px}.add-element-label{display:block;flex:0 0 20px;box-sizing:border-box;width:100%;height:20px;padding:0 5px;border-top:1px solid var(--studio-rim);line-height:19px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-category-group .library-show-more{margin-top:10px}@media(prefers-reduced-motion:reduce){.library-category-group>summary>svg,.add-element-tile{transition:none}}body:has(.app-body) .add-element-help{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--studio-muted);cursor:help}body:has(.app-body) .add-element-help:hover,body:has(.app-body) .add-element-help:focus-visible{background:var(--studio-selected);color:var(--studio-text)}.add-element-help:focus-visible{outline:1px solid var(--studio-focus);outline-offset:2px}.element-help-tooltip{position:fixed;z-index:10000;width:240px;max-width:calc(100vw - 20px);box-sizing:border-box;padding:10px;border:1px solid var(--studio-rim);border-radius:10px;background:var(--studio-panel);color:var(--studio-text);box-shadow:0 5px 20px #0003;font:400 13px/20px Inter,Arial,sans-serif;overflow-wrap:anywhere}.element-help-tooltip[hidden]{display:none}.element-help-tooltip strong{display:block;margin-bottom:5px;font-weight:500}.element-help-tooltip p{margin:0;color:var(--studio-secondary)}.element-help-tooltip a{display:inline-block;margin-top:10px;color:var(--studio-text);text-decoration:underline;text-underline-offset:3px;border-radius:3px}.element-help-tooltip a:hover{color:var(--studio-secondary)}.element-help-tooltip a:focus-visible{outline:1px solid var(--studio-focus);outline-offset:3px}.preset-preview.library-thumbnail{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;height:auto;min-height:0;padding:8px;background:#eee;border:1px solid #d7d7d7;border-radius:6px;isolation:isolate;overflow:hidden}.library-thumbnail>svg{display:block;width:100%;height:100%;min-width:0;flex:1;overflow:hidden;pointer-events:none}.component-inspector .variant>.library-thumbnail{width:100%}.library-result-detail{overflow-wrap:anywhere}.library-item-actions{display:flex;gap:4px;padding:5px;background:var(--studio-panel);border-top:1px solid var(--studio-border)}.library-item-actions button{flex:1;min-height:30px;font:12px var(--sans);border:1px solid var(--studio-border);border-radius:4px;background:transparent;color:var(--studio-text);cursor:pointer}.workshop-thumbnail img{width:100%;height:100%;display:block}.component-removal-card:has(.library-item-actions)>.element-preset{height:auto}.component-mode-bar{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px}.component-mode-bar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-mode-bar .button{min-height:28px;padding:3px 8px;font-size:12px}.editor-shell:has(.component-mode-bar) .editor-canvas-toolbar{box-shadow:inset 0 -2px var(--studio-secondary)}.thumbnail-editor>img,.screenshot-result>img{display:block;max-width:100%;max-height:55vh;object-fit:contain;margin:auto}.thumbnail-editor p{font-size:12px;line-height:1.6}.editor-shell:has(.component-mode-bar) .rail-spacer~.editor-rail-actions>[data-action=publish-open],.editor-shell:has(.component-mode-bar) [data-action=export]{display:none}.focused-body.preview-body .canvas-scroll{padding:0;overflow:auto;justify-content:safe center;align-items:flex-start}.preview-body .frame-viewport{position:relative;margin:0;flex:none}.preview-body .frame-viewport:after{pointer-events:none}.preview-body .live-viewport-handle{position:absolute;top:0;bottom:0;width:10px;z-index:5;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;cursor:ew-resize;color:var(--studio-muted);outline-offset:-1px}.preview-body .live-viewport-left{left:0}.preview-body .live-viewport-right{right:0}.live-viewport-handle>span{width:3px;height:30px;max-height:40%;border-radius:5px;background:currentColor;opacity:.5;pointer-events:none}.live-viewport-handle:hover,.live-viewport-handle:focus-visible{color:var(--studio-text)}.live-viewport-handle:hover>span,.live-viewport-handle:focus-visible>span{opacity:1}.live-viewport-handle:focus-visible{outline:1px solid var(--studio-focus)}.preview-body .canvas-stage.is-resizing{cursor:ew-resize;user-select:none}.preview-body .canvas-stage.is-resizing #wireframe{pointer-events:none}.preview-body .canvas-stage.is-resizing:after{content:"";position:absolute;inset:0;z-index:4;cursor:ew-resize}.preview-body .canvas-frame{transform-origin:top left}.page-audit-summary{padding:10px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--studio-divider);flex:none;min-width:0}.page-audit-summary>div:first-child{display:flex;flex-direction:column;gap:5px;min-width:0}.page-audit-summary strong{font:500 12px/20px Inter,Arial,sans-serif;color:var(--studio-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-audit-summary span{font:400 12px/20px Inter,Arial,sans-serif;color:var(--studio-muted)}.page-audit-totals{display:flex;gap:10px;flex-wrap:wrap}.page-audit-totals>span{padding:0 5px;border:1px solid var(--studio-rim);border-radius:5px;color:var(--studio-secondary)}.page-audit-totals>.has-issues{color:var(--studio-text)}.visual-body .inspector .page-audit-scroll{padding:0 10px 10px;scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}.page-audit-group{margin:0;padding:0}.page-audit-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;height:40px;border-bottom:1px solid var(--studio-divider)}.page-audit-group h3,.page-audit-finding h4{margin:0;font:500 12px/20px Inter,Arial,sans-serif;color:var(--studio-text)}.page-audit-group>header>span{font:400 12px/20px Inter,Arial,sans-serif;color:var(--studio-muted)}.page-audit-finding{padding:10px 0;border-bottom:1px solid var(--studio-divider);min-width:0}.page-audit-finding-title{display:flex;align-items:flex-start;gap:5px}.page-audit-marker{width:20px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--studio-rim);border-radius:5px;color:var(--studio-muted);font:400 12px/20px Inter,Arial,sans-serif}.page-audit-finding.issue .page-audit-marker{color:var(--studio-text)}.page-audit-finding p,.page-audit-note,.page-audit-clear p{margin:5px 0 10px;font:400 12px/20px Inter,Arial,sans-serif;color:var(--studio-secondary);overflow-wrap:anywhere}.page-audit-finding footer{display:flex;align-items:center;gap:5px;min-width:0}body:has(.app-body) .page-audit-finding button,body:has(.app-body) .page-audit-more{min-height:30px;min-width:0;padding:0 5px;background:transparent;border:1px solid var(--studio-border);border-radius:5px;box-shadow:inset 0 0 0 1px var(--studio-rim);color:var(--studio-secondary);font:400 12px/20px Inter,Arial,sans-serif;cursor:pointer}body:has(.app-body) .page-audit-finding button:hover,body:has(.app-body) .page-audit-more:hover{color:var(--studio-text)}body:has(.app-body) .page-audit-target{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:has(.app-body) .page-audit-edit{flex:none}body:has(.app-body) .page-audit-finding.is-selected .page-audit-target{background:var(--studio-control);color:var(--studio-text);box-shadow:var(--studio-control-shadow)}.page-audit-note{margin:20px 0 0;color:var(--studio-muted)}.page-audit-clear{padding:20px 0}.page-audit-clear>svg{width:20px;height:20px;color:var(--studio-secondary);margin-bottom:10px}.page-audit-clear strong{display:block;font:500 12px/20px Inter,Arial,sans-serif;color:var(--studio-text)}.page-audit-more{width:100%;margin-top:10px}.page-audit-scroll button:focus-visible{outline:1px solid var(--studio-focus);outline-offset:1px}body:has(.app-body) .visual-body .inspector>.inspector-panel-tabs{height:40px;min-height:40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;padding:0 5px;border-bottom:1px solid var(--studio-divider);background:var(--studio-side);flex:none}body:has(.app-body) .inspector-panel-tabs>.inspector-panel-tab{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:30px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--studio-secondary);box-shadow:none;cursor:pointer}body:has(.app-body) .inspector-panel-tabs>.inspector-panel-tab.active{background:var(--studio-control);border-color:var(--studio-border);box-shadow:var(--studio-control-shadow);color:var(--studio-text)}body:has(.app-body) .inspector-panel-tabs>.inspector-panel-tab:hover:not(:disabled){color:var(--studio-text)}body:has(.app-body) .inspector-panel-tabs>.inspector-panel-tab:disabled{color:var(--studio-muted);opacity:.5;cursor:default}body:has(.app-body) .inspector-panel-tabs>.inspector-close{width:30px;height:30px;min-width:30px;flex:none;margin-left:5px;padding:0;grid-column:5}.inspector-panel-tab>svg{width:16px;height:16px;flex:none}.inspector-panel-tab.active>svg{color:var(--studio-active-ink);filter:var(--studio-icon-glow)}.inspector-panel-tabs>button:focus-visible{outline:1px solid var(--studio-focus);outline-offset:-1px}.form-state-switcher{display:flex;align-items:center;gap:10px;min-height:40px;padding:5px 10px;border-bottom:1px solid var(--studio-divider);background:var(--studio-side);color:var(--studio-secondary);font-size:12px;flex:none}.form-state-switcher>span{flex:none}.form-state-switcher .style-segment{display:flex;flex:1;min-width:0}.form-state-switcher button{flex:1;min-width:0;height:30px;padding:0 5px;font-size:12px}@media(max-width:850px){body:has(.app-body) .visual-body .inspector>.inspector-panel-tabs{grid-template-columns:repeat(4,minmax(0,1fr)) 35px}}.overlay-panel[data-tools-panel=components]>.panel-heading,.overlay-panel[data-tools-panel=audit]>.panel-heading{height:40px;min-height:40px;padding:0 10px}.overlay-panel[data-tools-panel=components]>.component-browser-scroll,.overlay-panel[data-tools-panel=audit]>.page-audit-scroll{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}.overlay-panel[data-tools-panel=components]>.component-browser-scroll{padding:10px}.overlay-panel[data-tools-panel=audit]>.page-audit-scroll{padding:0 10px 10px}#workbench-panel[data-tools-panel=components] :is(.library-result,.library-result strong,.component-browser-search input,.component-browser-scopes>button),#workbench-panel[data-tools-panel=audit] :is(.page-audit-summary strong,.page-audit-group h3,.page-audit-finding h4,.page-audit-finding p,.page-audit-finding button){font-size:13px}.editor-logo-drawer [data-action=editor-audit]{position:relative}.editor-logo-drawer [data-action=editor-audit][data-findings]:not([data-findings="0"]):after{content:"";position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:var(--studio-secondary)}.focused-body>.overlay-panel[data-tools-panel=components]{width:320px;max-width:calc(100% - 40px)}.dashboard-glass.project-dashboard,[data-theme] body:has(.dashboard-glass){--dash-scheme:light;--dash-bg:#f4f4f4;--dash-side:transparent;--dash-panel:#fafafa;--dash-raised:#fff;--dash-button-bottom:#eee;--dash-inset:#eee;--dash-line:#d5d5d5;--dash-line-soft:#dedede;--dash-rim:#dedede;--dash-rim-top:#fff;--dash-text:#171717;--dash-secondary:#505050;--dash-muted:#626262;--dash-shadow:rgb(0 0 0 / .1);--dash-highlight:rgb(255 255 255 / .9);--dash-lime:#333;--dash-lime-text:#fff;--dash-card-rim:#fff;--dash-card-face:linear-gradient(145deg,#fafafa,#ececec);--dash-card-ring:rgb(255 255 255 / .6);--dash-nav:var(--dash-card-rim);--dash-nav-ink:#505050;--dash-nav-hover:#171717;--dash-nav-line:#e2e2e2;--dash-field:#f3f3f3;--dash-field-hover:#e9e9e9;--dash-selected:#e4e4e4;--dash-selected-ink:#171717;--dash-popup:#fff;--dash-focus:#505050;--dash-danger:#923232;--dash-danger-bg:#fce4e4;--dash-active-face:linear-gradient(var(--dash-card-rim),var(--dash-card-rim));--dash-active-rim:linear-gradient(180deg,#fff 0%,#e5e5e5 35%,#bfbfbf 100%);--dash-active-surface:var(--dash-active-face) padding-box,var(--dash-active-rim) border-box;--dash-active-edge:#cecece;--dash-active-shadow:0 0 0 1px var(--dash-active-edge),inset 0 1px 0 #fff,0 3px 6px rgb(0 0 0 / .1);--dash-icon-glow:drop-shadow(0 1px 0 #fff) drop-shadow(0 0 2px rgb(255 255 255 / .5));--dash-control:var(--dash-active-face);--dash-bevel:inset 0 1px 0 var(--dash-rim-top);--dash-control-shadow:inset 0 1px 0 var(--dash-rim-top),inset 0 0 0 3px var(--dash-rim),0 3px 6px var(--dash-shadow);--dash-input-shadow:inset 0 1px 3px rgb(0 0 0 / .05);--dash-launch:linear-gradient(#2b2b2b,#090909);--dash-launch-ink:#fff;--dash-launch-rim:#555;--dash-launch-border:#090909;--dash-grain-mode:multiply;--dash-grain-opacity:.12;--dash-shimmer:rgb(255 255 255 / .6);--dash-scene:radial-gradient(ellipse at 55% 50%,rgb(255 255 255 / .84) 0%,rgb(255 255 255 / .58) 32%,transparent 69%),radial-gradient(ellipse at 2% 1%,#c1c7fa 0%,transparent 36%),radial-gradient(ellipse at 30% -12%,#f9d3df 0%,transparent 36%),radial-gradient(ellipse at 76% -10%,#fcf0bd 0%,transparent 40%),radial-gradient(ellipse at 106% 22%,#b9e8e8 0%,transparent 43%),radial-gradient(ellipse at 104% 101%,#c8cef3 0%,transparent 41%),radial-gradient(ellipse at -5% 104%,#f2c8bc 0%,transparent 45%),#f4f4f4}:root[data-theme=dark] .dashboard-glass.project-dashboard,:root[data-theme=dark] body:has(.dashboard-glass){--dash-scheme:dark;--dash-bg:#161518;--dash-panel:#212023;--dash-raised:#313033;--dash-button-bottom:#262528;--dash-inset:#121114;--dash-line:#39383b;--dash-line-soft:#313033;--dash-rim:#39383b;--dash-rim-top:#454447;--dash-text:#f2f2f2;--dash-secondary:#c2c2c2;--dash-muted:#aaa;--dash-shadow:rgb(0 0 0 / .3);--dash-highlight:rgb(255 255 255 / .07);--dash-card-rim:#39383b;--dash-card-face:var(--dash-nav);--dash-card-ring:rgb(255 255 255 / .035);--dash-nav:#0c0b0e;--dash-nav-ink:#d4d4d4;--dash-nav-hover:#fff;--dash-nav-line:#313033;--dash-field:#252427;--dash-field-hover:#343336;--dash-selected:#313033;--dash-selected-ink:#fff;--dash-popup:#1a191c;--dash-focus:#dedede;--dash-danger:#ffb4b4;--dash-danger-bg:#5e2929;--dash-lime:#ddd;--dash-lime-text:#18171a;--dash-active-face:linear-gradient(var(--dash-nav),var(--dash-nav));--dash-active-rim:linear-gradient(180deg,#686868 0%,#3d3c3f 35%,#18171a 100%);--dash-active-edge:#060508;--dash-active-shadow:0 0 0 1px var(--dash-active-edge),inset 0 1px 0 #464548,0 3px 6px rgb(0 0 0 / .5);--dash-icon-glow:drop-shadow(0 0 3px rgb(255 255 255 / .3)) drop-shadow(0 1px 0 #010003);--dash-control:var(--dash-active-face);--dash-input-shadow:inset 0 1px 3px rgb(0 0 0 / .2);--dash-launch:linear-gradient(#eee,#ccc);--dash-launch-ink:#121114;--dash-launch-rim:#fff;--dash-launch-border:#0a090c;--dash-grain-mode:soft-light;--dash-grain-opacity:0;--dash-shimmer:rgb(255 255 255 / .08);--dash-scene:var(--dash-bg)}.dashboard-glass.project-dashboard{--dashboard-edge-inset:20px;position:relative;isolation:isolate;box-sizing:border-box;grid-template-columns:60px minmax(0,1fr) 60px;gap:20px;padding:20px 0;background:var(--dash-scene)}.dashboard-glass:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url(dashboard-grain.svg) repeat;opacity:var(--dash-grain-opacity);mix-blend-mode:var(--dash-grain-mode)}.dashboard-glass>.dashboard-sidebar,.dashboard-glass>.dashboard-content{position:relative;z-index:1}.dashboard-glass>.dashboard-content{grid-column:2;grid-row:1}.dashboard-glass>.dashboard-sidebar{grid-column:1;grid-row:1}.dashboard-glass>.dashboard-corner-inset{position:absolute;isolation:isolate;z-index:30;width:40px;height:40px;--corner-x:1;--corner-y:1}.dashboard-glass>.dashboard-corner-inset:before{content:"";position:absolute;inset:0 auto auto 0;z-index:-1;width:calc(200px / 3);height:calc(200px / 3);background:var(--dash-nav);mask:url(dashboard-corner-inset.svg) center / 100% 100% no-repeat;transform:scale(var(--corner-x),var(--corner-y));transform-origin:20px 20px;pointer-events:none}.dashboard-glass>.dashboard-corner-top-left{top:0;left:0}.dashboard-glass>.dashboard-corner-top-right{top:0;right:0;--corner-x:-1}.dashboard-glass>.dashboard-corner-bottom-left{bottom:0;left:0;--corner-y:-1}.dashboard-glass>.dashboard-corner-bottom-right{bottom:0;right:0;--corner-x:-1;--corner-y:-1}.dashboard-glass .dashboard-corner-control{box-sizing:border-box;display:grid;place-items:center;width:40px;height:40px;min-height:40px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--dash-nav-ink);cursor:pointer}.dashboard-glass .dashboard-corner-control:hover{color:var(--dash-nav-hover)}.dashboard-glass .dashboard-corner-control>svg{width:16px;height:16px}.dashboard-glass .dashboard-corner-control.is-active{border:3px solid transparent;background:var(--dash-active-surface);box-shadow:var(--dash-active-shadow);color:var(--dash-selected-ink)}.dashboard-glass .dashboard-corner-control.is-active>svg{filter:var(--dash-icon-glow)}.dashboard-glass .dashboard-corner-control:focus-visible{outline:1px solid var(--dash-focus);outline-offset:2px}.dashboard-corner-logo{display:block;width:15px;height:15px;background:currentColor;mask:url(tool-logo.svg) center / contain no-repeat}.dashboard-glass>.dashboard-workspace-rail{width:60px;min-width:60px;margin-block:calc(0px - var(--dashboard-edge-inset));padding:0;border:0;background:transparent;overflow:visible;justify-content:center;gap:0;z-index:20}.dashboard-glass .dashboard-create-side{position:absolute;right:0;top:50%;transform:translateY(-50%);isolation:isolate;z-index:25;padding:0;--rail-scale:1}.dashboard-glass .dashboard-create-side:before{content:"";position:absolute;left:0;top:-40px;width:60px;height:140px;z-index:-1;background:var(--dash-nav);mask:url(dashboard-create-inset.svg) center / 60px 140px no-repeat;transform:scaleX(-1);pointer-events:none}.dashboard-glass .dashboard-nav-well{position:relative;isolation:isolate;flex:none;width:60px;height:260px;min-height:260px;padding:40px 0 0}.dashboard-glass .dashboard-nav-well:before{content:"";position:absolute;top:0;left:0;width:60px;height:260px;z-index:-1;background:var(--dash-nav);mask:url(dashboard-inset.svg) center / 60px 260px no-repeat;filter:drop-shadow(2px 0 2px rgb(0 0 0 / .12))}.dashboard-glass .dashboard-workspace-scroll{display:flex;flex-direction:column;width:60px;height:180px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;scroll-snap-type:none;scroll-behavior:auto;overflow-anchor:none;touch-action:pan-y;mask-image:linear-gradient(to bottom,#0003,#000 55px 125px,#0003)}.dashboard-glass .dashboard-workspace-scroll::-webkit-scrollbar{display:none}.dashboard-glass .dashboard-workspace-button{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;min-height:60px;padding:10px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--dash-nav-ink)}.dashboard-glass .dashboard-workspace-icon{box-sizing:border-box;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;box-shadow:none;transform:scale(var(--rail-scale,.75));transform-origin:center;transition:color .12s}.dashboard-glass .dashboard-workspace-icon svg{width:22px;height:22px}.dashboard-glass .dashboard-workspace-button:hover{color:var(--dash-nav-hover);background:transparent}.dashboard-glass .dashboard-workspace-button:hover .dashboard-workspace-icon{background:transparent;box-shadow:none}.dashboard-glass .dashboard-workspace-button.active{background:transparent;color:var(--dash-selected-ink);box-shadow:none}.dashboard-glass .dashboard-workspace-button.active .dashboard-workspace-icon{border:3px solid transparent;background:var(--dash-active-surface);box-shadow:var(--dash-active-shadow);color:var(--dash-selected-ink)}.dashboard-glass .dashboard-workspace-button:focus-visible{outline:0}.dashboard-glass .dashboard-workspace-button:focus-visible .dashboard-workspace-icon{outline:2px solid var(--dash-focus);outline-offset:2px}.dashboard-glass .dashboard-workspace-scroll:focus-visible{outline:1px solid var(--dash-focus);outline-offset:-1px}.workspace-rail-tooltip{position:fixed;z-index:10000;width:max-content;max-width:calc(100vw - 20px);padding:5px 10px;border:1px solid var(--dash-line);border-radius:6px;background:var(--dash-popup);box-shadow:inset 0 1px 0 var(--dash-rim-top),0 4px 12px #0003;color:var(--dash-text);font:400 12px/20px var(--sans);white-space:nowrap}.workspace-rail-tooltip[hidden]{display:none}.dashboard-glass>.dashboard-content{margin-block:calc(0px - var(--dashboard-edge-inset));padding-block:calc(40px + var(--dashboard-edge-inset));min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;scrollbar-width:none}.dashboard-glass>.dashboard-content::-webkit-scrollbar{display:none}.dashboard-glass .dashboard-create-button .dashboard-workspace-icon{border:3px solid transparent;background:var(--dash-active-surface);color:var(--dash-selected-ink);box-shadow:var(--dash-active-shadow)}.dashboard-glass .dashboard-create-button:hover .dashboard-workspace-icon{border-color:transparent;background:var(--dash-active-surface);color:var(--dash-selected-ink);box-shadow:var(--dash-active-shadow);filter:brightness(1.08)}.dashboard-glass :is(.dashboard-workspace-button.active,.dashboard-create-button) .dashboard-workspace-icon svg{filter:var(--dash-icon-glow)}.dashboard-glass .dashboard-main{padding:30px;max-width:1500px}.dashboard-glass .dashboard-intro{margin-bottom:30px}.dashboard-glass .dashboard-intro h1{font-size:30px;line-height:40px;font-weight:500;letter-spacing:-.05em}.dashboard-glass :is(.dashboard-primary,.dashboard-secondary){border-radius:10px;min-height:40px}.dashboard-glass .dashboard-primary{border:3px solid transparent;background:var(--dash-active-surface);color:var(--dash-selected-ink);box-shadow:var(--dash-active-shadow)}.dashboard-glass .dashboard-secondary{border-color:var(--dash-line);background:var(--dash-panel);color:var(--dash-text);box-shadow:inset 0 1px 0 var(--dash-rim-top),0 3px 8px #1e1e1e0a}.dashboard-glass .dashboard-search{border-radius:10px;border-color:var(--dash-line);background:var(--dash-panel);box-shadow:inset 0 1px 2px #1e1e1e0a,0 1px #fffc}.dashboard-glass .dashboard-search:focus-within{border-color:var(--dash-focus);box-shadow:0 0 0 1px #32323214}.dashboard-glass .dashboard-sort-wrap select,.dashboard-glass .dashboard-views{border-radius:10px;border-color:var(--dash-line);background:var(--dash-panel);box-shadow:inset 0 1px 0 var(--dash-rim-top)}.dashboard-glass .dashboard-views button{border-radius:5px}.dashboard-glass .dashboard-list-heading{min-height:50px}.dashboard-glass .project-grid:not(.project-list){grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:20px}.dashboard-glass .project-card{border:1px solid var(--dash-card-rim);border-radius:30px;background:var(--dash-card-face);box-shadow:inset 0 1px 0 var(--dash-rim-top),inset 0 0 0 5px var(--dash-card-ring),0 10px 30px #00000014;padding:10px;transition:box-shadow .2s}.dashboard-glass .project-card:hover{box-shadow:inset 0 1px 0 var(--dash-rim-top),inset 0 0 0 5px var(--dash-card-ring),0 15px 35px #0000001f}.dashboard-glass .project-card-open{display:block;flex:none;width:100%;padding:0;border:0;border-radius:20px;background:transparent;overflow:hidden}.dashboard-glass .project-card-art{display:block;width:100%;aspect-ratio:var(--preview-ratio,16 / 10);padding:0;border:1px solid var(--dash-line);border-radius:20px;background:var(--dash-inset);box-shadow:inset 0 1px 5px #0000000f}.dashboard-glass .project-card-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:top}.dashboard-glass .project-card-art img[hidden]{display:none}.dashboard-glass :is(.project-preview-status,.project-art-blank>span){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--dash-muted);font-size:12px;background:var(--dash-control)}.dashboard-glass .project-preview-status[hidden]{display:none}.dashboard-glass .project-card-art:not([data-preview=loading]) .studio-loader{display:none}.dashboard-glass .project-card-copy{flex:1;padding:20px 10px}.dashboard-glass .project-card-heading h2{font-size:18px;line-height:25px;letter-spacing:-.03em;font-weight:500;color:var(--dash-text)}.dashboard-glass .project-card-business{color:var(--dash-secondary);font-size:13px}.dashboard-glass .project-card-meta{gap:5px;flex-wrap:wrap;margin-top:15px}.dashboard-glass .project-card-meta span{border:1px solid var(--dash-line-soft);border-radius:20px;padding:3px 10px;background:var(--dash-control);box-shadow:inset 0 1px 0 var(--dash-rim-top),0 1px 2px #0000000a;color:var(--dash-secondary)}.dashboard-glass .project-card-meta span+span{padding-left:10px}.dashboard-glass .project-card-meta span+span:before{display:none}.dashboard-glass .project-card>footer{height:auto;min-height:40px;flex-wrap:wrap;margin:0;padding:0 10px 10px;border:0;gap:10px}.dashboard-glass.project-dashboard .project-card .project-launch{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:0 15px;border:3px solid transparent;border-radius:30px;background:var(--dash-active-surface);box-shadow:var(--dash-active-shadow);color:var(--dash-selected-ink);font-size:12px;font-weight:500;white-space:nowrap;transition:filter .15s}.dashboard-glass.project-dashboard .project-card .project-launch:hover{filter:brightness(1.08)}.dashboard-glass.project-dashboard .project-card .project-launch svg{width:14px;height:14px;filter:var(--dash-icon-glow)}.dashboard-glass .project-card-tools{display:flex;flex:1 1 0;justify-content:flex-end;align-items:center;gap:5px;margin-left:auto;min-width:0}.dashboard-glass .project-card time{font-size:12px;color:var(--dash-muted)}.dashboard-glass .project-menu>div{border-color:var(--dash-line);border-radius:15px;background:var(--dash-panel);box-shadow:0 10px 25px #14141426}.dashboard-glass .project-list .project-card{gap:20px;padding:10px;align-items:center}.dashboard-glass .project-list .project-card-open{flex:0 0 160px;width:160px}.dashboard-glass .project-list .project-card-art{height:auto;width:100%;padding:0;aspect-ratio:var(--preview-ratio,16 / 10);border-radius:20px}.dashboard-glass .project-list .project-card-copy{padding:10px 0}.dashboard-glass .project-list .project-card>footer{width:auto;max-width:260px;flex:0 1 260px;padding:0 10px 0 0}.dashboard-glass .dashboard-empty{border-color:var(--dash-line-soft);border-radius:20px;background:var(--dash-highlight)}.dashboard-glass .dashboard-footer{margin-top:30px;border-color:var(--dash-line-soft)}.dashboard-capture-frame{position:fixed;left:-10000px;top:0;width:1440px;height:900px;border:0;pointer-events:none}@media(max-width:850px){.dashboard-glass .project-list .project-card{gap:10px}.dashboard-glass .project-list .project-card-open{flex-basis:120px;width:120px}.dashboard-glass .project-list .project-card>footer{flex-basis:140px}}@media(max-width:540px){.dashboard-glass .project-list .project-card{flex-direction:column;align-items:stretch}.dashboard-glass .project-list .project-card-open{flex:none;width:100%}.dashboard-glass .project-list .project-card-copy{padding:10px}.dashboard-glass .project-list .project-card>footer{flex:none;max-width:none;padding:0 10px 10px}}.dashboard-glass :is(button,a,input,select,summary):focus-visible{outline-color:var(--dash-secondary)}body:has(.dashboard-glass) .modal-backdrop{background:#2d323c47;backdrop-filter:blur(10px)}@media(max-width:1100px){.dashboard-glass .dashboard-main{padding:25px}}@media(max-width:850px){.dashboard-glass.project-dashboard{--dashboard-edge-inset:10px;gap:10px;padding:10px 0}.dashboard-glass .dashboard-main{padding:20px}}@media(max-width:540px){.dashboard-glass.project-dashboard{gap:5px;padding:10px 0}.dashboard-glass .dashboard-main{padding:20px 10px}.dashboard-glass .dashboard-intro h1{font-size:25px;line-height:30px}.dashboard-glass .project-grid:not(.project-list){gap:15px}}.dashboard-glass .dashboard-search-popover{position:fixed;z-index:40;width:300px;max-width:calc(100vw - 160px)}.dashboard-glass .dashboard-search-popover .dashboard-search{width:100%;height:50px;max-width:none;background:var(--dash-popup);box-shadow:inset 0 1px 0 var(--dash-rim-top),0 6px 20px #0000001f}.dashboard-glass .dashboard-search-popover input{min-width:0;flex:1}.dashboard-glass .dashboard-search-popover button{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:0;border-radius:5px;background:transparent;box-shadow:none;color:var(--dash-secondary)}.dashboard-glass .dashboard-search-popover button:hover{background:#0000000d;color:var(--dash-text)}.dashboard-glass .dashboard-workspace-button.rail-centered .dashboard-workspace-icon{animation:rail-center-pop .24s cubic-bezier(.16,1,.3,1)}@keyframes rail-center-pop{0%,to{transform:scale(1)}55%{transform:scale(1.045)}}@media(prefers-reduced-motion:reduce){.dashboard-glass .dashboard-workspace-button.rail-centered .dashboard-workspace-icon{animation:none}.dashboard-glass .dashboard-workspace-icon{transition:none}}.dashboard-glass{color-scheme:var(--dash-scheme);--studio-bg:var(--dash-bg);--studio-side:var(--dash-inset);--studio-panel:var(--dash-panel);--studio-raised:var(--dash-raised);--studio-inset:var(--dash-inset);--studio-text:var(--dash-text);--studio-secondary:var(--dash-secondary);--studio-muted:var(--dash-muted);--studio-border:var(--dash-line);--studio-rim:var(--dash-rim);--studio-divider:var(--dash-line-soft);--studio-control:var(--dash-control);--studio-accent:var(--dash-lime);--studio-accent-text:var(--dash-lime-text);--studio-shadow:var(--dash-shadow);--studio-focus:var(--dash-focus);--studio-idle-bevel:var(--dash-bevel);--studio-input-shadow:var(--dash-input-shadow);--studio-control-shadow:var(--dash-control-shadow);--studio-panel-shadow:0 8px 20px var(--dash-shadow)}.dashboard-glass :is(.v-library-content,.b-library-content){max-width:1500px;padding:30px}.dashboard-glass .project-card>.studio-project-open{display:block;flex:none;width:100%;padding:0;border:0;border-radius:20px;background:transparent;box-shadow:none;text-align:left;overflow:hidden;color:inherit}.dashboard-glass .studio-project-art{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16 / 10;height:auto;min-height:140px;margin:0;padding:20px;border:1px solid var(--dash-line);border-radius:20px;overflow:hidden;background:var(--dash-inset);color:var(--dash-muted);box-shadow:inset 0 1px 4px #0000000d}.dashboard-glass .g-document-preview{gap:15px}.dashboard-glass .g-document-preview>svg{width:40px;height:40px}.dashboard-glass .b-board-art{padding:0}.dashboard-glass .b-board-art>svg{display:block;width:100%;height:100%}.dashboard-glass .v-project-art>span{height:100%;max-width:85%;background:#090909;border:1px solid #090909;border-radius:10px;color:#fff;box-shadow:inset 0 1px #444,0 5px 10px #0002}.dashboard-glass .v-project-art>i{color:#555;background:#fff;border:1px solid var(--dash-line);border-radius:10px}.dashboard-glass .studio-card-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.dashboard-glass .project-card .studio-card-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;min-width:30px;padding:5px;border:1px solid transparent;border-radius:10px;background:transparent;box-shadow:none;color:var(--dash-secondary)}.dashboard-glass .project-card .studio-card-actions button:hover{color:var(--dash-text);border-color:var(--dash-line);background:var(--dash-field-hover)}.dashboard-glass :is(.v-search,.b-search,.crm-search){height:40px;max-width:100%;border:1px solid var(--dash-line);border-radius:10px;background:var(--dash-panel);box-shadow:inset 0 1px 2px #0000000a}.dashboard-glass :is(.v-search,.b-search,.crm-search):focus-within{border-color:var(--dash-secondary)}.dashboard-glass :is(.v-search,.b-search,.crm-search)>input{background:transparent;border:0;box-shadow:none;outline:none;color:var(--dash-text)}.dashboard-glass .b-starters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.dashboard-glass .b-starter{border:1px solid var(--dash-card-rim);border-radius:20px;background:var(--dash-card-face);box-shadow:inset 0 1px 0 var(--dash-rim-top),0 5px 20px #0001;padding:5px}.dashboard-glass .b-starter-art{background:#090909;border:0;border-radius:15px;color:#fff}.dashboard-glass .b-starter>strong{color:var(--dash-text)}.dashboard-glass .b-starter>span{color:var(--dash-muted)}.dashboard-glass.crm-workspace>.crm-content{padding-block:0;overflow:hidden}.dashboard-glass.crm-workspace .crm-main{padding:calc(70px + var(--dashboard-edge-inset)) 30px;scrollbar-width:none}.dashboard-glass.crm-workspace .crm-main::-webkit-scrollbar{display:none}.dashboard-glass.crm-workspace .crm-intro h1{font-size:30px;line-height:40px;letter-spacing:-.05em;font-weight:500}.dashboard-glass.crm-workspace :is(.crm-overview>div,.crm-table-wrap,.crm-column,.crm-pipeline-card){border:1px solid var(--dash-line);border-radius:20px;background:var(--dash-panel);box-shadow:inset 0 1px 0 var(--dash-rim-top),0 5px 20px #0001}.dashboard-glass.crm-workspace .crm-overview>div{padding:20px}.dashboard-glass.crm-workspace .crm-tools :is(select,.crm-data-menu>summary){border-radius:10px;background:var(--dash-panel);border-color:var(--dash-line)}.dashboard-glass.crm-workspace .crm-views button{border-radius:20px}.dashboard-glass.crm-workspace .crm-views button[aria-pressed=true]{border:3px solid transparent;background:var(--dash-active-surface);color:var(--dash-selected-ink);box-shadow:var(--dash-active-shadow)}.dashboard-glass.crm-workspace .crm-record{background:var(--dash-bg);border-left:1px solid var(--dash-line);box-shadow:-10px 0 30px #0002}.dashboard-glass.crm-workspace .crm-record>header{background:var(--dash-panel)}.dashboard-glass.crm-workspace .crm-import-backdrop{background:#1e1e1e40;backdrop-filter:blur(8px)}.dashboard-glass.crm-workspace .crm-import{background:var(--dash-panel);border-radius:20px;box-shadow:0 15px 40px #0003}@media(max-width:850px){.dashboard-glass :is(.v-library-content,.b-library-content){padding:20px}.dashboard-glass.crm-workspace .crm-main{padding-inline:20px}}@media(max-width:540px){.dashboard-glass :is(.v-library-content,.b-library-content){padding:20px 10px}.dashboard-glass.crm-workspace .crm-main{padding-inline:10px}.dashboard-glass .b-starters{grid-template-columns:minmax(0,1fr)}}.dashboard-glass :is(.g-accent,.v-primary,.b-primary,.crm-primary),body:has(.dashboard-glass) .modal .button.accent{border:3px solid transparent;background:var(--dash-active-surface);color:var(--dash-selected-ink);box-shadow:var(--dash-active-shadow)}.dashboard-glass :is(.dashboard-primary,.g-accent,.v-primary,.b-primary,.crm-primary,.crm-views button[aria-pressed=true])>svg,body:has(.dashboard-glass) .modal .button.accent>svg{filter:var(--dash-icon-glow)}.studio-tabs{display:flex;align-items:center;gap:5px;min-width:0;font-family:inherit}.studio-tabs>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:0;text-decoration:none;white-space:nowrap;line-height:20px;font-size:13px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.studio-tabs>a>svg{width:16px;height:16px;flex:none}.studio-tabs>a:focus-visible{outline:2px solid var(--studio-focus,#ddd);outline-offset:2px}.dashboard-glass>.dashboard-studio-inset{position:absolute;top:0;left:50%;transform:translate(-50%);isolation:isolate;z-index:25;display:flex;gap:5px;width:500px;max-width:calc(100% - 140px);height:60px;min-height:60px;margin:0;padding:10px 50px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.dashboard-studio-inset:before{content:"";position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;z-index:-1;pointer-events:none;background:var(--dash-nav);filter:drop-shadow(0 2px 2px var(--dash-shadow));mask:url(dashboard-studios-inset.svg) center / 100% 60px no-repeat}.dashboard-studio-inset>a{height:40px;flex:1;padding:0 15px;border:0;border-radius:20px;overflow:hidden;text-overflow:ellipsis;color:var(--dash-nav-ink);background:transparent;box-shadow:none}.dashboard-studio-inset>a>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.dashboard-studio-inset>a:hover{color:var(--dash-nav-hover);background:transparent}.dashboard-studio-inset>a[aria-current=page]{color:var(--dash-selected-ink);background:transparent;box-shadow:none}.dashboard-studio-inset>a:focus-visible{outline:2px solid var(--dash-focus);outline-offset:2px}.dashboard-glass .dashboard-studio-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;padding:20px 0;margin:0 0 20px;text-align:center;gap:10px}.dashboard-glass .dashboard-studio-intro>div{max-width:100%}.dashboard-glass .dashboard-studio-intro h1{font-size:40px;line-height:50px}.dashboard-glass .dashboard-studio-intro p{margin-top:10px}.studio-editor-tabs{height:40px;min-height:40px;max-height:40px;flex:none;padding:0 10px;gap:5px;background:var(--studio-side);border-bottom:1px solid var(--studio-border);color:var(--studio-muted);overflow-x:auto;scrollbar-width:none}.studio-editor-tabs>a{height:30px;padding:0 15px;color:var(--studio-muted);border:1px solid transparent;border-radius:5px}.studio-editor-tabs>a:hover{color:var(--studio-text);background:var(--studio-control)}.studio-editor-tabs>a[aria-current=page]{color:var(--studio-text);background:var(--studio-control);border-color:var(--studio-border);box-shadow:var(--studio-idle-bevel)}.studio-editor-tabs>a[aria-current=page]>svg{color:var(--studio-active-ink);filter:var(--studio-icon-glow)}.studio-editor-tabs>.studio-files-link{margin-right:10px;padding-inline:10px;border-right:1px solid var(--studio-border);border-radius:0}#app:has(>.studio-editor-tabs)>.app-body{height:calc(100svh - 108px)}#app:has(>.studio-editor-tabs)>.focused-body{height:calc(100svh - 80px)}@media(max-width:600px){.dashboard-glass>.dashboard-studio-inset{padding-inline:40px;gap:0}.dashboard-studio-inset>a{padding:0 5px;font-size:12px}.dashboard-glass .dashboard-studio-intro h1{font-size:30px;line-height:40px}.studio-editor-tabs{padding-inline:5px;gap:0}.studio-editor-tabs>a{padding-inline:10px;gap:5px}.studio-editor-tabs>.studio-files-link{margin-right:5px}.studio-files-link>span{display:none}}@media(prefers-reduced-motion:reduce){.studio-tabs>a{transition:none}}@media(max-width:850px){#app:has(>.studio-editor-tabs)>.focused-body .inspector{top:80px}#app:has(>.studio-editor-tabs)>.app-body:not(.focused-body) .inspector{top:80px}#video-workspace:has(>.studio-editor-tabs) .v-right{top:80px}}.dashboard-glass :is(.studio-file-controls,.studio-library-controls){width:100%;max-width:1200px;min-width:0;margin:10px auto 20px;container-type:inline-size}.dashboard-glass .studio-file-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:50px;padding:0;border:0;background:transparent;box-shadow:none}.dashboard-glass .studio-control-pill{box-sizing:border-box;min-height:50px;padding:5px;border:0;border-radius:999px;background:var(--dash-nav);box-shadow:inset 0 0 0 1px var(--dash-nav-line),inset 0 1px 0 var(--dash-rim-top),0 4px 12px var(--dash-shadow)}.studio-file-toolbar svg{display:block;width:18px;height:18px;flex:none}.dashboard-glass .studio-file-toolbar :is(input,button){box-sizing:border-box;min-width:0;margin:0;align-self:center;font:400 13px/20px var(--sans)}.dashboard-glass .studio-file-left{flex:none;max-width:200px}.dashboard-glass .studio-file-left:has(.dashboard-folder-current){padding-right:15px}.dashboard-glass .studio-file-left-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;max-width:100%}.dashboard-glass .studio-file-quick-wrap{display:grid;place-items:center;flex:none;width:50px;height:50px}.dashboard-glass .studio-file-quick-action{box-sizing:border-box;display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--dash-nav-ink);cursor:pointer}.dashboard-glass .studio-file-quick-action>svg{width:18px;height:18px}.dashboard-glass .studio-file-quick-action:hover{color:var(--dash-nav-hover)}.dashboard-glass .studio-file-quick-action.is-active{border:3px solid transparent;background:var(--dash-active-surface);box-shadow:var(--dash-active-shadow);color:var(--dash-selected-ink)}.dashboard-glass .studio-file-quick-action.is-active>svg{filter:var(--dash-icon-glow)}.dashboard-glass .studio-file-quick-action:focus-visible{outline:1px solid var(--dash-focus);outline-offset:2px}.dashboard-glass .studio-file-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:0 1 auto;min-width:0;max-width:100%;gap:10px;margin-left:auto;border-radius:25px}.dashboard-glass .studio-file-search{display:flex;align-items:center;gap:0;flex:0 0 40px;width:40px;max-width:100%;transition:flex-basis .24s cubic-bezier(.22,1,.36,1),width .24s cubic-bezier(.22,1,.36,1)}.dashboard-glass .studio-file-search[data-expanded=true]{flex:0 1 400px;width:400px}.dashboard-glass .studio-file-search-field{display:flex;align-items:center;box-sizing:border-box;flex:1;min-width:0;height:40px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--dash-text)}.dashboard-glass .studio-file-search[data-expanded=true] .studio-file-search-field{padding-right:5px;border:1px solid var(--dash-line);background:var(--dash-field);box-shadow:inset 0 1px 2px #00000008}.dashboard-glass .studio-file-search[data-expanded=true] .studio-file-search-field:focus-within{border-color:var(--dash-focus)}.dashboard-glass .studio-file-search-field>input{display:block;flex:1;width:0;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;color:inherit;text-overflow:ellipsis}.dashboard-glass .studio-file-search-field>input:focus-visible{outline:none}.dashboard-glass .studio-file-search-field>input::placeholder{color:var(--dash-muted);opacity:1}.dashboard-glass .studio-file-search-field>input::-webkit-search-cancel-button{display:none}.dashboard-glass .studio-file-search-field>button,.dashboard-glass .studio-file-views>button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--dash-nav-ink);cursor:pointer}.dashboard-glass .studio-file-search-field>[data-file-search=clear]{flex-basis:30px;width:30px;height:30px;min-height:30px}.dashboard-glass .studio-file-search-field>[data-file-search=clear]>svg{width:16px;height:16px}.dashboard-glass .studio-file-search-field>button:hover,.dashboard-glass .studio-file-views>button:hover{background:var(--dash-field-hover);color:var(--dash-text)}.dashboard-glass .studio-file-views{display:flex;align-items:center;gap:5px;flex:0 0 auto}.dashboard-glass .studio-file-views>button[aria-pressed=true]{border:3px solid transparent;background:var(--dash-active-surface);color:var(--dash-selected-ink);box-shadow:var(--dash-active-shadow)}.dashboard-glass .studio-file-toolbar :is(button):focus-visible{outline:1px solid var(--dash-focus);outline-offset:-3px}.dashboard-glass .studio-file-toolbar [hidden]{display:none!important}.studio-file-count{padding:10px 10px 0;color:var(--dash-muted);font:400 12px/20px var(--sans)}@container (max-width:720px){.dashboard-glass .studio-file-toolbar{align-items:flex-start}.dashboard-glass .studio-file-left{max-width:160px}.dashboard-glass .studio-file-actions{gap:10px}}@container (max-width:460px){.dashboard-glass .studio-file-toolbar{flex-wrap:wrap;gap:10px}.dashboard-glass .studio-file-left{max-width:100%}.dashboard-glass .studio-file-actions,.dashboard-glass .studio-file-search[data-expanded=true]{flex-basis:100%;width:100%}}@media(prefers-reduced-motion:reduce){.dashboard-glass .studio-file-search{transition:none}}.dashboard-glass .project-list .project-card>.studio-project-open{flex:0 0 160px;width:160px}.dashboard-glass .project-list .studio-project-art{min-height:0;aspect-ratio:16 / 10;padding:10px}.dashboard-glass .project-list .g-document-preview>svg{width:30px;height:30px}@media(max-width:540px){.dashboard-glass .project-list .project-card>.studio-project-open{flex:none;width:100%}}.dashboard-glass>.dashboard-studio-inset{--studio-tab-padding:50px;--studio-tab-gap:5px;gap:var(--studio-tab-gap);padding-inline:var(--studio-tab-padding);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.studio-tab-indicator{position:absolute;top:10px;left:var(--studio-tab-padding);width:calc((100% - var(--studio-tab-padding)*2 - var(--studio-tab-gap)*2)/3);box-sizing:border-box;height:40px;border:3px solid transparent;border-radius:20px;background:var(--dash-active-surface);box-shadow:var(--dash-active-shadow);pointer-events:none;transform:translate(calc(var(--studio-active,0)*(100% + var(--studio-tab-gap))))}.dashboard-studio-inset>a{position:relative;z-index:1}.dashboard-studio-inset>a[aria-current=page]{background:transparent}@media(max-width:600px){.dashboard-glass>.dashboard-studio-inset{--studio-tab-padding:40px;--studio-tab-gap:0px}}.dashboard-folder-control{display:inline-flex;align-items:center;gap:10px;min-width:0;flex:none}.dashboard-glass .studio-file-folder{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--dash-nav-ink);cursor:pointer}.dashboard-glass .studio-file-folder:hover{background:var(--dash-field-hover);color:var(--dash-text)}.dashboard-glass .studio-file-folder.selected{border:3px solid transparent;background:var(--dash-active-surface);color:var(--dash-selected-ink);box-shadow:var(--dash-active-shadow)}.dashboard-folder-control svg,.dashboard-folder-move svg{width:18px;height:18px;flex:none}.dashboard-folder-current{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--dash-secondary)}.studio-file-left .dashboard-folder-current{max-width:130px;color:var(--dash-text);cursor:pointer}.dashboard-glass .project-card .dashboard-folder-move>span,.crm-record-controls .dashboard-folder-move>span,.crm-table .dashboard-folder-move>span{display:none}.dashboard-glass .project-menu .dashboard-folder-move>span{display:inline}.dashboard-glass .crm-table .dashboard-folder-move,.dashboard-glass .crm-record-controls .dashboard-folder-move{display:inline-grid;place-items:center;width:30px;height:30px;padding:5px;border:0;border-radius:10px;background:transparent;box-shadow:none;color:var(--dash-muted)}.dashboard-folder-popover{position:fixed;z-index:10010;display:flex;flex-direction:column;width:310px;max-width:calc(100vw - 20px);max-height:calc(100svh - 20px);overflow:hidden;border:1px solid var(--dash-line);border-radius:20px;background:var(--dash-popup);box-shadow:inset 0 1px 0 var(--dash-rim-top),0 10px 35px #0004;color:var(--dash-text);font:400 13px/20px Inter,Arial,sans-serif;color-scheme:var(--dash-scheme)}.dashboard-folder-popover *{box-sizing:border-box;min-width:0}.dashboard-folder-popover header{display:flex;align-items:center;justify-content:space-between;flex:none;height:50px;padding:10px 15px;border-bottom:1px solid var(--dash-line-soft)}.dashboard-folder-popover strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-folder-popover button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:30px;padding:5px 10px;border:1px solid transparent;border-radius:20px;background:transparent;box-shadow:none;color:var(--dash-nav-ink);font:inherit;cursor:pointer}.dashboard-folder-popover button:hover{background:var(--dash-field-hover);color:var(--dash-text)}.dashboard-folder-popover svg{width:17px;height:17px;flex:none}.dashboard-folder-popover .folder-options{padding:5px;overflow-y:auto;min-height:0}.folder-option{display:flex;gap:0;align-items:center}.folder-option>button:first-child{flex:1;justify-content:flex-start;min-height:40px}.folder-option>button:first-child>span{flex:1;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.folder-option>button:not(:first-child){flex:none;width:30px;padding:5px}.dashboard-folder-popover button[aria-current=true]{border:3px solid transparent;background:var(--dash-active-surface);color:var(--dash-selected-ink);box-shadow:var(--dash-active-shadow)}.dashboard-folder-popover button[aria-current=true]:focus-visible{outline-color:var(--dash-focus)}.dashboard-folder-popover footer{display:flex;justify-content:flex-end;gap:5px;padding:10px;border-top:1px solid var(--dash-line-soft)}.dashboard-folder-popover form,.dashboard-folder-popover .folder-confirm{padding:15px}.dashboard-folder-popover label{display:block;margin-bottom:5px}.dashboard-folder-popover input{display:block;width:100%;height:40px;padding:0 10px;margin:0 0 10px;border:1px solid var(--dash-line);border-radius:20px;background:var(--dash-field);color:var(--dash-text);font:inherit;outline:none}.dashboard-folder-popover :is(button,input):focus-visible{outline:1px solid var(--dash-focus);outline-offset:-2px}.dashboard-folder-popover button.folder-primary{border:3px solid transparent;background:var(--dash-active-surface);color:var(--dash-selected-ink);box-shadow:var(--dash-active-shadow)}.dashboard-folder-popover .folder-danger{background:var(--dash-danger-bg);color:var(--dash-danger)}.dashboard-folder-popover .folder-error{padding:10px;margin:0;color:var(--dash-danger);white-space:normal}.dashboard-folder-popover .folder-hint,.dashboard-folder-popover .folder-confirm p{color:var(--dash-muted);padding:10px;margin:0}.folder-error[hidden]{display:none}.studio-file-count{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-file-folder-name{max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px;border:1px solid var(--dash-line);border-radius:10px;background:var(--dash-field);color:var(--dash-secondary)}.folder-storage-warning{font-size:13px;line-height:20px;color:var(--dash-danger)}.dashboard-glass :is(.studio-file-views>button[aria-pressed=true],.studio-file-folder.selected)>svg,.dashboard-folder-popover :is(button[aria-current=true],.folder-primary)>svg{filter:var(--dash-icon-glow)}.app-body.editor-shell{position:relative;height:100svh}.editor-shell>.panel-rail{padding:0;gap:5px;overflow:visible}.editor-rail-tools,.editor-rail-actions{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.editor-rail-tools{min-height:0;overflow-y:auto;scrollbar-width:none;flex:0 1 auto}.editor-rail-tools::-webkit-scrollbar{display:none}.editor-rail-actions{flex:none}.editor-shell>.panel-rail>.rail-spacer{min-height:10px}.editor-shell>.panel-rail>.theme-toggle{margin-bottom:5px}.editor-shell.focused-body.preview-body{grid-template-columns:40px minmax(0,1fr)}.editor-shell.focused-body.preview-body>.workspace{grid-column:2}.editor-shell>.workspace{min-width:0}.editor-shell .workspace-toolbar.editor-canvas-toolbar{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;height:40px;min-height:40px;max-height:40px;padding:0 10px;gap:10px}.editor-history{display:flex;align-items:center;gap:0;min-width:60px}.editor-canvas-toolbar .editor-history>.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;padding:0}.editor-shell .editor-canvas-toolbar>.toolbar-right{display:flex;align-items:center;justify-self:end;min-width:0;width:auto;height:30px;margin:0;gap:5px}.editor-canvas-toolbar>.studio-editor-tabs-inline{justify-self:start;height:30px;min-height:30px;max-height:30px;max-width:100%;padding:0;gap:5px;background:transparent;border:0;scrollbar-width:none}.editor-canvas-toolbar>.studio-editor-tabs-inline>a{flex:none;padding:0 10px}.editor-bottom-bar{position:relative;z-index:20;display:flex;flex:none;min-width:0;align-items:center;gap:10px;height:30px;min-height:30px;padding:0 10px;border-top:1px solid var(--studio-border);background:var(--studio-panel);color:var(--studio-muted)}.editor-bottom-bar #element-path{min-width:0;flex:1}.editor-bottom-bar .element-breadcrumbs{height:30px;min-height:30px;gap:5px}.editor-bottom-bar .element-breadcrumbs button,.editor-bottom-bar .breadcrumb-overflow>summary{font-size:12px;line-height:20px;padding:0 5px}.editor-bottom-bar .breadcrumb-ancestors{top:auto;bottom:calc(100% + 5px);background:var(--studio-panel);border-color:var(--studio-border)}.editor-bottom-bar .save-status{margin:0 0 0 auto;font-size:12px;line-height:20px;white-space:nowrap}.editor-mode-status{font-size:12px;line-height:20px}.editor-shell.plan-body .workspace{position:relative}.editor-shell.plan-body .planning-scroll{padding-right:80px}.planning-next{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10;isolation:isolate;display:grid;place-items:center;width:60px;height:60px;padding:10px;border:0;background:transparent;color:var(--studio-active-ink)}.planning-next:before{content:"";position:absolute;z-index:-1;left:0;top:-40px;width:60px;height:140px;background:var(--studio-control);mask:url(dashboard-create-inset.svg) center / 60px 140px no-repeat;transform:scaleX(-1);pointer-events:none}.planning-next-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--studio-border);border-radius:50%;background:var(--studio-control);box-shadow:var(--studio-control-shadow);transition:filter .15s}.planning-next-icon svg{filter:var(--studio-icon-glow)}.planning-next:hover .planning-next-icon{filter:brightness(1.08)}.planning-next:focus-visible{outline:0}.planning-next:focus-visible .planning-next-icon{outline:2px solid var(--studio-focus);outline-offset:2px}.planning-next-label{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:5px 10px;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-panel);color:var(--studio-text);font:400 12px/20px var(--sans);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden}.planning-next:is(:hover,:focus-visible) .planning-next-label{opacity:1;visibility:visible}@media(prefers-reduced-motion:reduce){.planning-next-icon{transition:none}}.editor-logo-drawer{position:relative;flex:none;width:40px;height:40px;z-index:30}.editor-logo-drawer>summary{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;list-style:none;cursor:pointer;border-bottom:1px solid var(--studio-border);color:var(--studio-text)}.editor-logo-drawer .mark{display:block;flex:none;width:15px;height:15px;margin:0;padding:0;border:0;border-radius:0;background:#cced9e;mask:url(tool-logo.svg) center / contain no-repeat}[data-theme=light] .editor-logo-drawer .mark{background-color:#0c0b0e}.editor-logo-drawer>summary::-webkit-details-marker{display:none}.editor-logo-drawer>summary:focus-visible{outline:2px solid var(--studio-focus);outline-offset:-3px}.editor-logo-drawer[open]>summary{background:var(--studio-control)}.editor-logo-drawer:not([open])>nav{display:none}.editor-logo-drawer>nav{position:absolute;top:5px;left:45px;z-index:50;display:grid;gap:5px;width:200px;max-width:calc(100vw - 55px);padding:5px;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:10px;box-shadow:var(--studio-idle-bevel),0 10px 30px #0003}.editor-logo-drawer>nav>:is(button,a){display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 10px;border:1px solid transparent;border-radius:5px;color:var(--studio-text);background:transparent;text-align:left;text-decoration:none;font:400 13px/20px var(--sans)}.editor-logo-drawer>nav>:is(button,a):is(:hover,:focus-visible,[aria-current]):not(:disabled){background:var(--studio-control);border-color:var(--studio-border);box-shadow:var(--studio-idle-bevel)}.editor-logo-drawer>nav svg{width:16px;height:16px;flex:none}.editor-logo-drawer>nav>:disabled{opacity:.45;cursor:default}.editor-shell .panel-rail .preview-toggle.active{color:var(--studio-active-ink);background:var(--studio-control);border:1px solid var(--studio-border);box-shadow:var(--studio-control-shadow)}@media(max-width:1100px){.editor-canvas-toolbar>.studio-editor-tabs-inline>a{gap:0}.editor-canvas-toolbar>.studio-editor-tabs-inline>a>svg{display:none}}@media(max-width:850px){.editor-shell .inspector{top:0;bottom:0}}@media(max-width:600px){.editor-shell .workspace-toolbar.editor-canvas-toolbar{padding-inline:5px;gap:5px}.editor-canvas-toolbar>.studio-editor-tabs-inline>a{padding-inline:5px;font-size:12px}.editor-bottom-bar .save-status{display:none}.editor-bottom-bar .element-breadcrumbs>button[aria-current]{max-width:60%}}.editor-shell .panel-rail [data-action=publish-open]{color:var(--studio-text,var(--text))}:is(#video-workspace,#modal-root) .studio-project-picker{width:100%;color:var(--studio-text);font:400 13px/20px var(--sans)}:is(#video-workspace,#modal-root) .studio-project-picker>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid var(--studio-rim)}:is(#video-workspace,#modal-root) .studio-project-picker h2{margin:0;font:500 14px/20px var(--sans)}:is(#video-workspace,#modal-root) .studio-project-picker button{display:flex;align-items:center;justify-content:center;min-height:30px;padding:5px;border:1px solid transparent;border-radius:5px;background:transparent;box-shadow:none;color:inherit;font:inherit}:is(#video-workspace,#modal-root) .studio-project-picker svg{width:16px;height:16px;flex:none}:is(#video-workspace,#modal-root) .studio-project-picker button:focus-visible{outline:2px solid var(--studio-focus);outline-offset:-2px}:is(#video-workspace,#modal-root) .studio-project-picker button:hover{background:var(--studio-control);border-color:var(--studio-border);box-shadow:var(--studio-idle-bevel)}:is(#video-workspace,#modal-root) .studio-project-picker-toolbar{display:flex;align-items:center;gap:10px;padding:10px}:is(#video-workspace,#modal-root) .studio-project-picker-search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:40px;padding:0 10px;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow)}:is(#video-workspace,#modal-root) .studio-project-picker-search:focus-within{border-color:var(--studio-focus);box-shadow:none}:is(#video-workspace,#modal-root) .studio-project-picker .studio-project-picker-search input{flex:1;min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;box-shadow:none;color:var(--studio-text);font:inherit}:is(#video-workspace,#modal-root) .studio-project-picker .studio-project-picker-search input:focus{outline:0;border:0;box-shadow:none}:is(#video-workspace,#modal-root) .studio-project-picker .studio-project-picker-new{flex:none;width:40px;height:40px;border:1px solid var(--studio-border);background:var(--studio-control);box-shadow:var(--studio-control-shadow)}:is(#video-workspace,#modal-root) .studio-project-picker-list{display:flex;flex-direction:column;gap:5px;max-height:320px;overflow:auto;padding:0 10px 10px;scrollbar-width:thin}:is(#video-workspace,#modal-root) .studio-project-picker-list>button{justify-content:flex-start;gap:10px;width:100%;min-height:40px;padding:5px 10px;text-align:left}:is(#video-workspace,#modal-root) .studio-project-picker-list>button[aria-current]{background:var(--studio-control);border-color:var(--studio-border);box-shadow:var(--studio-idle-bevel)}:is(#video-workspace,#modal-root) .studio-project-picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#video-workspace,#modal-root) .studio-project-picker-glyph{display:flex;color:var(--studio-muted)}:is(#video-workspace,#modal-root) .studio-project-picker small,:is(#video-workspace,#modal-root) .studio-project-picker-results>footer{font-size:12px;color:var(--studio-muted)}:is(#video-workspace,#modal-root) .studio-project-picker-results>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-top:1px solid var(--studio-rim)}:is(#video-workspace,#modal-root) .studio-project-picker-empty{margin:0;padding:20px 10px;text-align:center;color:var(--studio-muted)}.g-dialog:has(.studio-project-picker),.v-dialog:has(.studio-project-picker),.modal:has(.studio-project-picker){width:min(440px,calc(100vw - 30px));max-height:calc(100svh - 30px);padding:0;overflow:hidden;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:10px;box-shadow:var(--studio-overlay-shadow)}.modal:has(.studio-project-picker)>header,.modal:has(.studio-project-picker)>footer{display:none}.modal:has(.studio-project-picker)>.modal-body{padding:0;overflow:visible}#graphics-workspace .g-topbar.studio-document-header,#video-workspace .v-topbar.studio-document-header{height:40px;min-height:40px;gap:10px}.studio-document-header>.studio-editor-tabs-inline{height:30px;min-height:30px;max-height:30px;max-width:100%;margin-inline:auto;padding:0;gap:5px;border:0;background:transparent}.studio-document-header>.studio-editor-tabs-inline>a{flex:none;padding-inline:10px}#graphics-workspace .g-topbar.studio-document-header #g-document-name,#video-workspace .v-topbar.studio-document-header #v-name{width:140px;min-width:0;max-width:140px;flex:none}@media(max-width:1100px){.studio-document-header>.studio-editor-tabs-inline>a>svg{display:none}.studio-document-header :is(#g-save-status,#v-save){display:none}}@media(max-width:700px){#graphics-workspace .g-topbar.studio-document-header #g-document-name,#video-workspace .v-topbar.studio-document-header #v-name{display:none}.studio-document-header>.studio-editor-tabs-inline>a{padding-inline:5px;font-size:12px}.studio-document-header{gap:5px}}@media(max-width:600px){.studio-document-header>button:is([data-g=backup],[data-g=theme],[data-v=backup]){display:none}}.workspace-view-switch{display:flex;align-items:center;gap:0;flex:none;padding:0 5px 0 0;margin-right:5px;border-right:1px solid var(--studio-divider)}.workspace-view-switch>button{display:grid;place-items:center;width:30px;height:30px;min-width:30px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--studio-muted);box-shadow:none;cursor:pointer}.workspace-view-switch>button[aria-pressed=true]{background:var(--studio-control);border-color:var(--studio-border);box-shadow:var(--studio-control-shadow);color:var(--studio-active-ink)}.workspace-view-switch>button svg{width:16px;height:16px}.workspace-view-switch>button:focus-visible{outline:1px solid var(--studio-focus);outline-offset:-2px}.overview-stage{isolation:isolate}.focused-body .canvas-stage>.workspace-infinite{display:block;position:relative;overflow:hidden;touch-action:none;padding:0;outline:none;background-color:var(--studio-inset);background-image:radial-gradient(var(--studio-rim) .7px,transparent .7px);background-size:var(--workspace-grid,20px) var(--workspace-grid,20px)}.workspace-infinite:focus-visible{box-shadow:inset 0 0 0 1px var(--studio-focus)}.workspace-world{position:absolute;inset:0 auto auto 0;transform-origin:0 0;will-change:transform}.workspace-artboard{position:absolute;background:var(--studio-panel);box-shadow:0 0 0 1px var(--studio-border),0 5px 20px #0000001f}.workspace-artboard.is-active{box-shadow:0 0 0 2px var(--studio-focus),0 5px 20px #0000001f}.workspace-artboard>header{position:absolute;bottom:100%;left:0;right:0;display:flex;align-items:center;gap:10px;height:40px;color:var(--studio-text)}.workspace-artboard>header>button{display:flex;align-items:center;gap:10px;min-width:0;height:30px;padding:0 5px;background:transparent;color:inherit;border:0;font:400 13px/20px var(--sans);cursor:pointer;text-align:left;box-shadow:none;border-radius:5px}.workspace-artboard>header>button:first-child{flex:1}.workspace-artboard>header strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-artboard>header span{white-space:nowrap;color:var(--studio-muted);font-size:12px;flex:none}.workspace-artboard>header svg{width:16px;height:16px;flex:none}.workspace-artboard>header>button:hover{background:var(--studio-control)}.workspace-artboard>header>button:focus-visible{outline:2px solid var(--studio-focus)}.workspace-artboard>.frame-viewport{margin:0;position:absolute;inset:0;overflow:hidden}.workspace-artboard>.frame-viewport>.canvas-frame{left:0;top:0;margin:0;box-shadow:none;transform:none}.workspace-artboard>iframe{position:absolute;inset:0;display:block;border:0;width:100%;height:100%;visibility:hidden;background:var(--studio-panel);pointer-events:none}.workspace-artboard>iframe.is-loaded{visibility:visible}.workspace-artboard>.workspace-board-cover{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;box-shadow:none}.workspace-artboard>.workspace-board-cover:focus-visible{outline:3px solid var(--studio-focus);outline-offset:2px}.workspace-board-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:var(--studio-muted);font:400 16px/20px var(--sans);pointer-events:none}.workspace-board-placeholder small{font-size:12px}.workspace-infinite:is(.is-pan-ready,.is-panning){cursor:grab}.workspace-infinite.is-panning{cursor:grabbing}.workspace-infinite:is(.is-pan-ready,.is-panning) iframe,.workspace-infinite:is(.is-pan-ready,.is-panning) .workspace-board-cover{pointer-events:none}.workspace-navigation{position:absolute;bottom:20px;left:20px;z-index:10;display:flex;align-items:center;gap:0;height:40px;padding:5px;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:10px;box-shadow:var(--studio-idle-bevel),0 5px 20px #0000001f;color:var(--studio-text)}.workspace-navigation button{display:grid;place-items:center;min-width:30px;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:inherit;font:400 16px/20px var(--sans);box-shadow:none;cursor:pointer}.workspace-navigation button:hover{background:var(--studio-control);border-color:var(--studio-border)}.workspace-navigation svg{width:16px;height:16px}.workspace-navigation select{height:30px;max-width:130px;border:0;background-color:transparent;box-shadow:none;font-size:12px;color:inherit;padding:0 25px 0 10px}.workspace-navigation output{min-width:50px;text-align:center;font:400 12px/20px var(--sans);font-variant-numeric:tabular-nums}.workspace-nav-divider{height:20px;width:1px;margin:0 5px;background:var(--studio-divider)}@media(max-width:600px){.workspace-navigation{left:10px;bottom:10px}.editor-shell .viewport-inputs{display:none}.workspace-view-switch{margin-right:0;padding-right:0}.workspace-artboard>header span{font-size:12px}}@media(prefers-reduced-motion:reduce){.workspace-world{will-change:auto}}#graphics-workspace .g-canvas-area{grid-column:2;grid-row:1;min-width:0;min-height:0}#graphics-workspace .editor-canvas-toolbar .toolbar-right>button{width:30px;height:30px;min-height:30px;padding:0;border-color:transparent;box-shadow:none}#graphics-workspace .workspace-view-switch>button{padding:0;width:30px;height:30px;border-color:transparent;box-shadow:none}#graphics-workspace .workspace-view-switch>button[aria-pressed=true]{border-color:var(--studio-border);box-shadow:var(--studio-control-shadow)}#graphics-workspace .editor-history>button{padding:0;border-color:transparent;box-shadow:none}#graphics-workspace .g-zoom{margin:0;width:80px;flex:none}#graphics-workspace .g-zoom select{height:30px;padding-left:5px}#graphics-workspace .g-panel-shortcuts,#graphics-workspace .g-drawing-tools{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}#graphics-workspace .g-panel-shortcuts{padding-bottom:10px;margin-bottom:5px;border-bottom:1px solid var(--studio-divider)}#graphics-workspace .g-rail .editor-rail-tools{padding-top:5px}#graphics-workspace .g-rail .editor-rail-actions{padding-bottom:5px}#graphics-workspace .editor-logo-drawer>summary{border-radius:0}#graphics-workspace .g-project-name{display:flex;flex-direction:column;gap:5px;padding:10px;color:var(--studio-muted);font-size:12px;border-bottom:1px solid var(--studio-divider)}#graphics-workspace .g-project-name>#g-document-name{width:100%;max-width:100%;color:var(--studio-text);border:1px solid var(--studio-border);background:var(--studio-inset)}#graphics-workspace .g-canvas-footer{height:30px;min-height:30px;max-height:30px;padding:0 10px 0 50px;gap:10px;flex:none}#graphics-workspace #g-context-controls{height:30px;min-width:0;overflow:hidden;flex:1}#graphics-workspace .g-canvas-footer>button{width:20px;height:20px;min-height:20px;padding:0;border-color:transparent;box-shadow:none}#graphics-workspace #g-canvas-size,#graphics-workspace #g-save-status{font:400 12px/20px var(--sans);white-space:nowrap}#graphics-workspace #g-save-status{margin-left:auto;color:var(--studio-muted)}#graphics-workspace .g-right>.inspector-panel-tabs{display:flex;height:40px;min-height:40px;padding:5px;border-bottom:1px solid var(--studio-divider);background:var(--studio-side)}#graphics-workspace .g-right .inspector-panel-tab{width:30px;height:30px;min-height:30px;padding:0;border:1px solid var(--studio-border);background:var(--studio-control);box-shadow:var(--studio-control-shadow)}#graphics-workspace .g-section-content .g-field>span{margin-bottom:5px}@media(max-width:1150px){#graphics-workspace .g-editor{grid-template-columns:40px minmax(0,1fr) 280px}}@media(max-width:850px){#graphics-workspace .g-editor{grid-template-columns:40px minmax(0,1fr)}#graphics-workspace .g-right{position:absolute;right:0;top:40px;bottom:0;width:280px;grid-column:auto;box-shadow:var(--overlay-shadow)}#graphics-workspace.g-focus-mode .g-right{display:none}}@media(max-width:600px){#graphics-workspace .g-editor .editor-canvas-toolbar{padding-inline:5px;gap:5px}#graphics-workspace .g-zoom{width:65px}#graphics-workspace .toolbar-right>[data-g=snap],#graphics-workspace #g-save-status,#graphics-workspace .g-context-actions{display:none}}.canvas-layout-overlay{position:absolute;inset:0;z-index:8;overflow:hidden;pointer-events:none;color:var(--studio-text);font:400 12px/20px var(--sans)}.canvas-layout-box,.canvas-layout-extra{position:absolute;border:1px solid var(--studio-focus);pointer-events:none;box-sizing:border-box}.canvas-layout-overlay .has-motion{border-color:#a78bfa}.canvas-layout-overlay .motion-disabled{border-style:dashed}.canvas-layout-box[hidden]{display:none}.canvas-measure-line{position:absolute;border-top:1px solid var(--studio-text);border-left:1px solid var(--studio-text);pointer-events:none}.canvas-measure-line:before,.canvas-measure-line:after{content:"";position:absolute;width:1px;height:7px;background:var(--studio-text);top:-4px}.canvas-measure-line:before{left:0}.canvas-measure-line:after{right:0}.canvas-measure-line.is-y:before,.canvas-measure-line.is-y:after{width:7px;height:1px;left:-4px;right:auto}.canvas-measure-line.is-y:before{top:0}.canvas-measure-line.is-y:after{top:auto;bottom:0}.canvas-measure-line>span{position:absolute;left:50%;top:-25px;transform:translate(-50%);padding:0 5px;border-radius:3px;background:var(--studio-panel);color:var(--studio-text);white-space:nowrap;font:400 12px/20px var(--sans);box-shadow:0 0 0 1px var(--studio-border)}.canvas-measure-line.is-y>span{top:50%;left:5px;transform:translateY(-50%)}.layout-diagnostics,.layout-diagnostics-empty{padding:20px 10px 10px;color:var(--studio-secondary);font:400 12px/20px var(--sans)}.layout-rendered{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:var(--studio-muted)}.layout-tools-help{margin:0 0 10px;color:var(--studio-muted)}.layout-rendered strong{color:var(--studio-text);font-weight:500;font-variant-numeric:tabular-nums}.layout-reason{padding:10px 0;border-bottom:1px solid var(--studio-divider)}.layout-reason:first-of-type{padding-top:0}.layout-reason p{margin:0 0 5px}.layout-diagnostics :is(.layout-reason,.layout-source-row)>button{display:inline-block;height:auto;min-height:20px;max-width:100%;padding:0 5px;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-control);box-shadow:var(--studio-idle-bevel);color:var(--studio-text);font:400 12px/20px var(--sans);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.layout-diagnostics .reference-more{margin-top:10px}.layout-source-row{display:grid;grid-template-columns:1fr minmax(0,1fr);gap:5px;padding:10px 0;border-bottom:1px solid var(--studio-divider)}.layout-source-row>code{justify-self:end;max-width:100%;overflow-wrap:anywhere;color:var(--studio-text);font:400 12px/20px var(--sans)}.layout-source-row>:is(button,small){grid-column:1/-1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.batch-selection-header{height:40px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--studio-divider)}.batch-selection-header strong{font-size:12px;font-weight:500}.batch-selection-header>button{font-size:12px;border:0;background:transparent;color:var(--studio-text);cursor:pointer}.batch-selection-scope{padding:10px;border-bottom:1px solid var(--studio-divider);font:400 12px/20px var(--sans);color:var(--studio-muted)}.batch-selection-scope>label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px}.batch-selection-scope select{height:30px;max-width:140px;border:1px solid var(--studio-border);border-radius:5px;padding:0 10px;background:var(--studio-inset);color:var(--studio-text);font:400 12px/20px var(--sans)}.batch-edit-note{margin:0;padding:10px;color:var(--studio-muted);font:400 12px/20px var(--sans);border-bottom:1px solid var(--studio-divider)}.batch-inspector [data-action=link-spacing],.batch-inspector .variable-bind,.batch-inspector .variable-binding-button{display:none}.batch-inspector .reference-color.is-mixed .reference-swatch{background:repeating-conic-gradient(var(--studio-rim) 0% 25%,var(--studio-panel) 0% 50%) 0 0 / 10px 10px}.batch-inspector .reference-color.is-mixed .reference-swatch input{opacity:0}.modal:has(.custom-code-editor){width:min(1000px,calc(100vw - 40px));max-width:1000px}.custom-code-editor{min-width:0;color:var(--studio-text);font:400 13px/20px var(--sans)}.custom-code-editor>p{margin:0 0 10px;color:var(--studio-muted)}.custom-code-label{display:block;margin-bottom:5px}.custom-code-source,.page-code-source{display:block;width:100%;box-sizing:border-box;min-height:220px;resize:vertical;padding:10px;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-inset);color:var(--studio-text);font:400 13px/20px ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}.custom-code-editor .custom-code-source{height:min(55vh,600px);margin-bottom:10px}.custom-code-editor [role=alert],.custom-code-errors{color:var(--studio-text);overflow-wrap:anywhere}.custom-code-runtime-notice{position:absolute;bottom:10px;left:10px;z-index:15;padding:10px;border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-panel);color:var(--studio-text);box-shadow:var(--studio-panel-shadow);font:400 12px/20px var(--sans);cursor:pointer}.code-embed-controls{padding:10px}.capture-review{font-size:13px;line-height:1.5}.capture-source{overflow-wrap:anywhere}.capture-source small{color:var(--muted,#888);font-size:12px}.capture-fields{display:grid;gap:12px;margin:18px 0}.capture-fields select{width:100%;min-height:36px;font:inherit}.capture-hierarchy,.capture-warnings{padding:12px;border:1px solid var(--popover-border,#666);border-radius:7px;margin:12px 0}.capture-hierarchy>div{max-height:250px;overflow:auto;padding-top:8px}.capture-hierarchy details{margin-left:12px}.capture-hierarchy summary{cursor:pointer;overflow-wrap:anywhere}.capture-warnings p{font-size:12px;color:var(--muted,#888)}#capture-error{color:#bd4545;font-size:12px}.capture-review a{color:inherit;text-decoration:underline}#capture-complete{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:65;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:16px 18px;border:1px solid var(--studio-border,var(--line));border-radius:12px;background:var(--studio-raised,var(--panel));color:var(--studio-text,var(--text));box-shadow:var(--studio-overlay-shadow,0 12px 36px #0005);animation:capture-arrive .24s ease-out}#capture-complete strong{display:block;font-size:14px;font-weight:500}#capture-complete p{font-size:12px;color:var(--muted);margin-top:3px}.capture-complete-mark{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:50%;border:1px solid var(--line);background:var(--panel2);animation:capture-check .3s ease-out}.capture-complete-close{display:flex;padding:6px;color:var(--muted)}@keyframes capture-arrive{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes capture-check{0%{transform:scale(.7)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){#capture-complete,.capture-complete-mark{animation:none}}@media(max-width:600px){#capture-complete{gap:9px;flex-wrap:wrap;min-width:260px}#capture-complete [data-capture-undo]{margin-left:47px}.capture-complete-close{margin-left:auto}}:is(#app,#modal-root) select:where(:not([multiple]):not([size]),[size="1"]:not([multiple])){appearance:none;background-color:var(--studio-inset);background-image:var(--studio-chevron);background-repeat:no-repeat;background-size:10px 10px;background-position:right 8px center;padding-right:25px;border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-input-shadow);color:var(--studio-text);font-family:var(--sans);cursor:pointer}:is(#app,#modal-root) select:disabled{cursor:default}:is(#app,#modal-root) .unit-input>select{padding-right:10px!important;background-position:right 2px center;background-size:8px 8px;border:0;border-left:1px solid var(--studio-rim);border-radius:0 5px 5px 0;box-shadow:none}.studio-select-menu{position:fixed;z-index:110;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:5px;border:1px solid var(--studio-border);border-radius:8px;background:var(--studio-panel);box-shadow:var(--studio-idle-bevel),var(--studio-panel-shadow);color:var(--studio-text);font:400 12px/20px var(--sans);scrollbar-width:thin;scrollbar-color:var(--studio-rim) transparent}.studio-select-menu [role=option]{position:relative;min-height:30px;padding:5px 25px 5px 10px;border:1px solid transparent;border-radius:5px;overflow-wrap:anywhere;cursor:pointer}.studio-select-menu [role=option][aria-selected=true]{background:var(--studio-control);border-color:var(--studio-border);box-shadow:var(--studio-idle-bevel)}.studio-select-menu [role=option][aria-selected=true]:after{content:"\2713";position:absolute;right:8px;top:5px}.studio-select-menu [role=option].is-active{outline:1px solid var(--studio-focus);outline-offset:-2px}.studio-select-menu [role=option][aria-disabled=true]{opacity:.4;cursor:default}.studio-select-group{padding:5px 10px;color:var(--studio-muted);font-weight:500}:is(#app,#modal-root) input[type=color]:not([data-style]){appearance:none;box-sizing:border-box;width:30px;min-width:30px;height:30px;padding:4px;border:1px solid var(--studio-border);border-radius:var(--studio-swatch-radius,5px);background:var(--studio-inset);box-shadow:var(--studio-input-shadow);cursor:pointer}:is(#app,#modal-root) input[type=color]::-webkit-color-swatch-wrapper{padding:0}:is(#app,#modal-root) input[type=color]::-webkit-color-swatch{border:0;border-radius:var(--studio-swatch-radius,5px)}:is(#app,#modal-root) input[type=color]::-moz-color-swatch{border:0;border-radius:var(--studio-swatch-radius,5px)}.position-diagram{position:relative;width:100%;height:190px;isolation:isolate}.position-diagram:before{content:"";position:absolute;inset:30px 20px;border:1px dashed var(--studio-rim);border-radius:8px;background:var(--studio-inset);z-index:-1}.position-reference{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:44px;border:1px solid var(--studio-rim);border-radius:5px;color:var(--studio-muted);font:400 12px/20px var(--sans)}.position-offset{position:absolute;display:flex;flex-direction:column;gap:0;width:90px;max-width:42%;min-width:0;font:400 12px/20px var(--sans)}.position-offset>span:first-child{color:var(--studio-secondary)}.position-offset-top{top:0;left:50%;transform:translate(-50%)}.position-offset-bottom{bottom:0;left:50%;transform:translate(-50%)}.position-offset-left{left:0;top:50%;transform:translateY(-50%)}.position-offset-right{right:0;top:50%;transform:translateY(-50%)}.position-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.visual-body .inspector .position-presets>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;min-height:70px;padding:5px;border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-idle-bevel);color:var(--studio-text);font:400 12px/16px var(--sans)}.position-mini{position:relative;display:block;flex:none;width:32px;height:24px;border:1px dashed var(--studio-muted);border-radius:3px}.position-mini>i{position:absolute;width:9px;height:7px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--studio-text);border-radius:1px}.position-mini-top-left>i,.position-mini-top>i,.position-mini-top-right>i{top:2px;transform:translate(-50%)}.position-mini-bottom-left>i,.position-mini-bottom>i,.position-mini-bottom-right>i{top:auto;bottom:2px;transform:translate(-50%)}.position-mini-left>i,.position-mini-top-left>i,.position-mini-bottom-left>i{left:2px;transform:translateY(-50%)}.position-mini-right>i,.position-mini-top-right>i,.position-mini-bottom-right>i{left:auto;right:2px;transform:translateY(-50%)}.position-mini-top-left>i,.position-mini-top-right>i,.position-mini-bottom-left>i,.position-mini-bottom-right>i{transform:none}.position-mini-stretch-top>i,.position-mini-stretch-bottom>i{left:2px;right:2px;width:auto;transform:none;top:2px}.position-mini-stretch-bottom>i{top:auto;bottom:2px}.position-mini-stretch-left>i,.position-mini-stretch-right>i{top:2px;bottom:2px;height:auto;left:2px;transform:none}.position-mini-stretch-right>i{left:auto;right:2px}.position-mini-stretch>i{inset:2px;width:auto;height:auto;transform:none}.breakpoint-visibility{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px;border-bottom:1px solid var(--studio-divider)}.visual-body .inspector .breakpoint-visibility>button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;min-width:0;padding:0 3px;border:1px solid var(--studio-border);border-radius:5px;box-shadow:var(--studio-idle-bevel);font:400 12px/20px var(--sans);color:var(--studio-muted)}.visual-body .inspector .breakpoint-visibility>button[aria-pressed=true]{color:var(--studio-text);background:var(--studio-control);box-shadow:var(--studio-control-shadow)}.visual-body .inspector .breakpoint-visibility>button[aria-pressed=false]{text-decoration:line-through}.breakpoint-visibility svg{width:12px;height:12px;flex:none}.visual-body .inspector .effect-fields,.effect-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.effect-value{display:flex;flex-direction:column;gap:5px;min-width:0;font:400 12px/20px var(--sans);color:var(--studio-secondary)}.effect-value>span:first-child{display:flex;align-items:center;gap:5px;min-height:20px}.effect-value svg{width:14px;height:14px;flex:none}.effect-value>.variable-field{display:block;position:relative;min-width:0}.visual-body .inspector .effect-value>input:not([type=range]),.visual-body .inspector .effect-value>.variable-field>input,.easing-editor .effect-value>input{width:100%;height:30px;min-width:0;padding:0 10px;border:1px solid var(--studio-border);border-radius:6px;background:var(--studio-inset);box-shadow:var(--studio-input-shadow);color:var(--studio-text);font:400 12px/20px var(--sans)}.effect-color-value{display:grid;grid-template-columns:30px minmax(0,1fr);gap:5px;min-width:0}.visual-body .inspector .effect-color-value>input[type=number]{width:100%;min-width:0;height:30px;font:400 12px/20px var(--sans)}.effect-blur{width:100%}.effect-blur input[type=range]{width:100%;margin:5px 0;accent-color:var(--studio-text)}.visual-body .inspector .effect-presets{display:flex;flex-wrap:wrap;gap:5px}.visual-body .inspector .effect-presets>button{min-height:30px;flex:1 1 70px;padding:0 5px;font-size:12px}.visual-body .inspector .easing-open{min-height:30px;gap:5px;font-size:12px}.text-justify-controls{display:grid;gap:5px;font:400 12px/20px var(--sans)}.text-justify-controls>span{color:var(--studio-secondary)}.text-justify-controls>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.visual-body .inspector .text-justify-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:65px;padding:5px 0;border:1px solid var(--studio-border);border-radius:6px;box-shadow:var(--studio-idle-bevel);color:var(--studio-secondary);font:400 12px/16px var(--sans)}.visual-body .inspector .text-justify-controls button[aria-pressed=true]{background:var(--studio-control);color:var(--studio-text);box-shadow:var(--studio-control-shadow)}.justify-diagram{display:flex;flex-direction:column;gap:4px;width:25px;height:20px;justify-content:center}.justify-diagram>i{display:block;height:2px;width:100%;background:currentColor}.justify-left>i:last-child,.justify-center>i:last-child,.justify-right>i:last-child{width:60%}.justify-center>i:last-child{margin-inline:auto}.justify-right>i:last-child{margin-left:auto}.easing-editor{display:grid;gap:15px;max-width:400px;margin:auto;color:var(--studio-text)}#easing-plot{display:block;width:100%;max-height:300px;border:1px solid var(--studio-border);border-radius:8px;background:var(--studio-inset);color:var(--studio-text);touch-action:none}#easing-plot [data-curve-path]{stroke:var(--studio-text);stroke-width:2}#easing-plot [data-curve-guide]{stroke:var(--studio-secondary);stroke-width:1;stroke-dasharray:4 3}#easing-plot [data-easing-handle]{fill:var(--studio-text);stroke:var(--studio-panel);stroke-width:2;cursor:grab}#easing-plot [data-easing-handle]:focus-visible{outline:2px solid var(--studio-focus)}#easing-css-value{padding:10px;background:var(--studio-inset);border-radius:5px;overflow-wrap:anywhere;font:400 12px/20px var(--mono)}.easing-preview{max-width:230px;width:100%;height:30px;padding:5px;border:1px solid var(--studio-border);border-radius:15px;background:var(--studio-inset);overflow:hidden}#easing-preview-dot{display:block;width:18px;height:18px;background:var(--studio-text);border-radius:50%}#project-font-settings{margin-top:20px;padding-top:20px;border-top:1px solid var(--studio-divider)}#project-font-settings h3{font-size:14px;margin:0 0 10px}#project-font-settings p,#project-font-settings small{font:400 12px/20px var(--sans);color:var(--studio-muted)}#project-font-settings .project-font-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--studio-divider);font-size:13px}.project-font-row>span{min-width:0;overflow-wrap:anywhere}.project-font-row small{display:block}.project-font-upload{margin-top:15px}.project-font-upload>summary{padding:10px 0;font-size:13px;cursor:pointer}.project-font-upload .field{margin-top:10px}#project-font-status{min-height:20px}#modal-root .background-dialog{width:440px;height:min(780px,calc(100svh - 20px));max-width:calc(100vw - 20px);max-height:calc(100svh - 20px)}.background-dialog header p:empty{display:none}.background-dialog .modal-body{padding:0 20px 10px;overflow:auto}.background-editor{font:400 12px/20px var(--sans);color:var(--studio-text)}.background-editor :is(button,input,textarea,select){box-sizing:border-box;font:inherit;min-width:0}.background-editor button{cursor:pointer;color:var(--studio-secondary);background:transparent;border:1px solid var(--studio-border);border-radius:5px}.background-editor button:disabled{cursor:default;opacity:.4}.background-editor button svg{width:14px;height:14px;flex:none}.background-editor :is(button,input,textarea,select):focus-visible{outline:1px solid var(--studio-focus);outline-offset:2px}.background-editor :is(input:not([type=checkbox]):not([type=range]),select,textarea){height:30px;width:100%;margin:0;padding:0 10px;color:var(--studio-text);border:1px solid var(--studio-border);border-radius:5px;background:var(--studio-inset);box-shadow:var(--studio-idle-bevel)}.background-editor [aria-invalid=true]{outline:1px solid var(--danger);outline-offset:1px}.background-editor :is(button[aria-selected=true],button[aria-pressed=true]){color:var(--studio-active-ink);background:var(--studio-control);box-shadow:var(--studio-control-shadow)}.bg-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 20px}.background-editor .bg-tabs>button{display:flex;justify-content:center;align-items:center;gap:5px;height:36px;padding:0 5px}.bg-preview{height:130px;overflow:hidden;border:1px solid var(--studio-border);border-radius:6px;margin-bottom:20px;background:repeating-conic-gradient(#d4d4d4 0% 25%,#f5f5f5 0% 50%) 50% / 16px 16px}.bg-preview>div{height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}.bg-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;margin:0 0 10px}.bg-field>span,.bg-color-field>span{color:var(--studio-secondary)}.bg-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bg-pair>.bg-field{display:block}.bg-pair>.bg-field>span{display:block;margin-bottom:5px}.bg-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:20px}.background-editor .bg-segments>button{height:30px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 5px}.bg-stop-heading{display:flex;align-items:center;justify-content:space-between;min-height:30px;margin-top:10px;margin-bottom:10px;color:var(--studio-text);font-weight:500}.bg-stop-heading small{font:400 12px/20px var(--sans);margin-left:5px;color:var(--studio-muted)}.bg-stop-heading>div{display:flex;gap:5px}.bg-stop-heading button{display:grid;place-items:center;height:30px;width:30px;padding:0}.bg-gradient-track{position:relative;margin:0 10px 10px;height:44px;touch-action:none;cursor:crosshair}.bg-gradient-ramp{height:20px;border:1px solid var(--studio-border);border-radius:4px;background-color:#ddd}.background-editor .bg-stop-handle{position:absolute;top:16px;transform:translate(-50%);height:24px;width:16px;padding:0;border:2px solid #fff;border-radius:4px;background:var(--bg-stop-color);box-shadow:0 0 0 1px #666;touch-action:none;cursor:ew-resize}.background-editor .bg-stop-handle[data-selected=true]{box-shadow:0 0 0 2px #26232b,0 0 0 3px #a6a1b0;z-index:2}.bg-stop-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:20px}.bg-stop-list>button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 3px;font-variant-numeric:tabular-nums}.bg-stop-list>button>i{display:block;width:12px;height:12px;flex:none;border-radius:3px;background:var(--bg-stop-color);border:1px solid var(--studio-divider)}.bg-stop-list>button>span{font-size:12px;white-space:nowrap}.bg-selected-stop{border-top:1px solid var(--studio-divider);padding-top:10px}.bg-stop-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.bg-stop-caption>span{font-weight:500}.bg-stop-caption>.bg-field{margin:0;max-width:200px;grid-template-columns:1fr 70px}.bg-color-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px}.bg-color-field{min-width:0}.bg-color-field>span{display:block;margin-bottom:5px}.bg-color-field>div{display:flex;align-items:center;gap:5px}.bg-color-fields>.bg-field{display:block;margin:0}.bg-color-fields>.bg-field>span{display:block;margin-bottom:5px}.bg-color-swatch{display:block;width:30px;height:30px;flex:none;border:1px solid var(--studio-border);border-radius:var(--studio-swatch-radius,5px);background:var(--bg-stop-color,#fff);overflow:hidden}.background-editor .bg-color-swatch input[type=color]{display:block;width:100%;height:100%;padding:0;border:0;box-shadow:none;border-radius:inherit;cursor:pointer;opacity:0}.background-editor .bg-opacity-range{width:100%;height:20px;margin:10px 0;accent-color:var(--studio-secondary);cursor:pointer}.bg-repeat{display:flex;align-items:center;gap:5px;margin-top:10px;color:var(--studio-secondary)}.bg-repeat>input{margin:0;accent-color:var(--studio-secondary)}.bg-asset-heading{margin:20px 0 10px;font-weight:500}.bg-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:220px;overflow:auto}.bg-asset-grid>button{display:flex;flex-direction:column;min-width:0;padding:5px;gap:5px;text-align:left}.bg-asset-grid img{width:100%;height:60px;object-fit:cover;border-radius:4px;background:var(--studio-inset)}.bg-asset-grid span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.bg-empty{grid-column:1/-1;margin:0;color:var(--studio-muted)}.bg-css-label{display:block;margin-bottom:10px;color:var(--studio-secondary)}.background-editor textarea#background-css{min-height:180px;height:auto;padding:10px;resize:vertical;font:400 12px/20px var(--mono,monospace);white-space:pre}.bg-css-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:var(--studio-muted)}.bg-css-actions>span{max-width:230px}.bg-css-actions>button{height:30px;display:flex;align-items:center;gap:5px;padding:0 10px;white-space:nowrap}.bg-status{margin:10px 0 0;min-height:20px;color:var(--studio-muted)}@media(max-width:480px){.background-dialog .modal-body{padding:0 10px 10px}.bg-stop-list{grid-template-columns:repeat(4,minmax(0,1fr))}.bg-css-actions>span{display:none}}.bg-asset-pages{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;color:var(--studio-muted)}.bg-asset-pages>button{display:grid;place-items:center;width:30px;height:30px;padding:0}