@font-face{font-family:VellumUI;src:local('Inter'),local('Segoe UI'),local('Arial')}*{box-sizing:border-box}html,body,#studio{width:100%;height:100%;margin:0;overflow:hidden}body{--surface:#fff;--surface-soft:#f7f9f8;--hover:#edf3f0;--text:#263a31;--muted:#7b8982;--border:#e1e7e3;--accent:#087f68;--accent-soft:#e4f3ee;--canvas:#e8edeb;font:14px VellumUI,Arial,Helvetica,sans-serif;color:var(--text);background:var(--surface)}body.dark{--surface:#202824;--surface-soft:#252e29;--hover:#344139;--text:#dce7e0;--muted:#97a79d;--border:#3b473f;--accent:#51cbae;--accent-soft:#29483d;--canvas:#151c18}button,input,textarea,select{font:inherit;color:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;cursor:pointer;white-space:nowrap}button:hover{background:var(--hover)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #0ca588;outline-offset:2px}button:disabled{opacity:.4;cursor:default}input,textarea,select{min-width:0;border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:8px 10px;outline:0}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;appearance:none}input[type=color]{width:28px;height:28px;padding:0;border:0;border-radius:4px;background:none;cursor:pointer;flex-shrink:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid #0002;border-radius:4px}input[type=range]{accent-color:var(--accent);padding:0}input[type=checkbox]{accent-color:var(--accent)}textarea{width:100%;resize:vertical;line-height:1.5}a{color:inherit}svg{display:block;flex-shrink:0}h2,h3,p{margin:0}h3{font-size:13px;font-weight:650;letter-spacing:.1px}p{line-height:1.6}kbd{font-size:11px;color:var(--muted);font-family:inherit;font-weight:400}#studio{display:flex;flex-direction:column}.boot{display:flex;height:100%;align-items:center;justify-content:center}.titlebar{height:60px;flex-shrink:0;display:flex;align-items:center;padding:0 19px;gap:14px;border-bottom:1px solid var(--border);background:var(--surface)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-1.1px;white-space:nowrap}.brand-light{font-weight:400;color:var(--muted);padding-left:2px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;line-height:31px;color:#fff;background:#087f68;border-radius:9px;font-family:Georgia,serif;font-style:italic;font-size:35px;padding:0 3px 6px 0}.title-divider{height:25px;width:1px;background:var(--border);margin:0 5px 0 11px}.document-title{font-size:13px;font-weight:550;gap:10px;max-width:420px;border-radius:5px;padding:6px 2px}.document-title>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.document-dot{width:7px;height:7px;border-radius:2px;background:#28ac8e;transform:rotate(-12deg)}.save-status{color:var(--muted);font-size:11px;white-space:nowrap}.save-status.saved:before{content:'✓';margin-right:5px;color:var(--accent)}.save-status.warning{color:#ad7727}.title-spacer,.menu-spacer,.pagebar-spacer{flex:1}.people{display:flex;align-items:center;padding-left:6px}.avatar{display:inline-flex;width:29px;height:29px;align-items:center;justify-content:center;border-radius:50%;background:#e0ece3;border:2px solid var(--surface);color:#3d6251;font-size:11px;font-weight:600;margin-left:-6px}.avatar:nth-child(2n){background:#d8e0ef;color:#516696}.avatar.small{width:26px;height:26px}.primary-button,.secondary-button,.danger-button{min-height:34px;padding:8px 13px;border-radius:5px;font-size:12px;font-weight:600}.primary-button{background:#087f68;color:#fff;border:1px solid #087f68}.primary-button:hover{background:#056d59}.secondary-button{border:1px solid var(--border);background:var(--surface)}.danger-button{color:#b94040;border:1px solid #e9cbcb}.icon-button{width:30px;height:30px;min-width:30px;flex-shrink:0;border-radius:4px;color:var(--text)}.icon-button.active{color:var(--accent);background:var(--accent-soft)}.menubar{display:flex;align-items:center;height:33px;flex-shrink:0;padding:0 17px;gap:3px;background:var(--surface);border-bottom:1px solid var(--border)}.menu-trigger{font-size:12px;padding:5px 9px;border-radius:3px}.workspace-label{font-size:11px;color:var(--muted);margin-right:3px}.menubar .icon-button{height:25px}.contextbar{height:52px;display:flex;gap:10px;align-items:center;flex-shrink:0;border-bottom:1px solid #d3ddd7;padding:0 14px;background:var(--surface-soft)}.toolbar-cluster{display:flex;gap:3px;border-right:1px solid var(--border);padding-right:10px}.context-fields{display:flex;align-items:center;gap:8px;overflow:hidden;min-width:0}.context-fields .number-field{width:78px}.number-field{display:flex;align-items:center;gap:8px;background:var(--surface-soft);border:1px solid var(--border);height:30px;border-radius:4px;padding:0 9px}.number-field span{font-size:11px;color:var(--muted);white-space:nowrap}.number-field input{padding:0;border:0;max-width:100%;width:100%;background:none;font-size:12px;line-height:28px}.number-field:focus-within{border-color:var(--accent)}.context-name{display:flex;align-items:center;gap:9px;font-size:12px;min-width:106px}.mini-divider{height:21px;min-width:1px;background:var(--border);margin:0 4px}.context-muted{font-size:11px;color:var(--muted);padding-left:8px;white-space:nowrap}.context-right{margin-left:auto;display:flex;align-items:center;gap:5px}.zoom-control{display:flex;align-items:center;margin-left:9px;height:29px;gap:3px}.zoom-control button{height:27px;min-width:23px;border-radius:3px;font-size:15px;color:var(--muted)}.zoom-control #zoom-label{font-size:12px;min-width:45px;color:var(--text)}.workspace{display:flex;flex:1;min-height:0}.toolbox{width:51px;flex-shrink:0;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;align-items:center;padding:10px 5px 6px;gap:3px;z-index:5}.tool{width:36px;height:33px;min-height:28px;border-radius:5px;color:#5b6e62}.dark .tool{color:var(--text)}.tool.active{background:#dff1eb;color:#087f68}.tool:hover{background:var(--hover)}.tool-divider{height:1px;background:var(--border);width:28px;margin:4px}.toolbox-spacer{flex:1;min-height:8px}.fill-overlap{height:43px;position:relative;width:36px;margin:2px 0 4px}.fill-overlap input{position:absolute;width:26px;height:26px;border:2px solid var(--surface)}#tool-fill{z-index:2;top:0;left:0}#tool-stroke{right:0;bottom:7px}.canvas-area{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;background:var(--canvas);overflow:hidden}.stage{position:absolute;inset:23px 0 37px 23px;overflow:hidden;touch-action:none;outline:none;cursor:default}.stage[data-tool=rect],.stage[data-tool=ellipse],.stage[data-tool=polygon],.stage[data-tool=star],.stage[data-tool=pen],.stage[data-tool=line],.stage[data-tool=pencil],.stage[data-tool=comment]{cursor:crosshair}.stage[data-tool=hand]{cursor:grab}.stage[data-tool=text]{cursor:text}.stage[data-tool=zoom]{cursor:zoom-in}.ruler{position:absolute;z-index:6;background:var(--surface-soft);font-size:9px;color:#87958d;overflow:hidden;pointer-events:none}.ruler.horizontal{height:23px;left:23px;right:0;top:0;border-bottom:1px solid #d7dfda}.ruler.horizontal span{position:absolute;top:0;bottom:0;padding:2px 5px 0;border-left:1px solid #aab7ae;background:repeating-linear-gradient(90deg,transparent 0,transparent 11px,#c7d1cb 12px,transparent 13px) bottom/65px 4px no-repeat;width:65px}.ruler.vertical{width:23px;left:0;top:23px;bottom:37px;border-right:1px solid #d7dfda}.ruler.vertical span{position:absolute;left:0;right:0;height:65px;padding:5px 1px 0;border-top:1px solid #aab7ae;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px}.ruler-corner{height:23px;width:23px;position:absolute;top:0;left:0;z-index:7;background:var(--surface-soft);color:#8b9891;font-size:9px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.canvas-breadcrumb{position:absolute;top:36px;left:43px;font-size:10px;color:#7e8d83;z-index:3;pointer-events:none}.world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.artboard{position:relative;box-shadow:0 5px 22px #23352a15,0 0 0 1px #536b4914;background:white}.artboard>svg,.artboard>canvas{position:absolute;inset:0;width:100%;height:100%}#scene{overflow:hidden}#gpu-canvas{pointer-events:none;opacity:0}#overlay{overflow:visible;pointer-events:none}#overlay [data-handle],#overlay [data-node-index]{pointer-events:all;cursor:move}#overlay [data-handle=nw],#overlay [data-handle=se]{cursor:nwse-resize}#overlay [data-handle=ne],#overlay [data-handle=sw]{cursor:nesw-resize}#overlay [data-handle=n],#overlay [data-handle=s]{cursor:ns-resize}#overlay [data-handle=e],#overlay [data-handle=w]{cursor:ew-resize}#overlay [data-handle=rotate]{cursor:grab}.selection-box{fill:none;stroke:#0a9b82}.show-grid:after{position:absolute;inset:0;content:'';pointer-events:none;background-image:linear-gradient(#58765722 1px,transparent 1px),linear-gradient(90deg,#58765722 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}.page-label{position:absolute;top:-28px;left:0;font-size:15px;color:#677e70;white-space:nowrap}.companion{position:absolute;top:0}.companion>button{padding:0;display:block;box-shadow:0 5px 22px #23352a15;opacity:.92}.companion svg{width:100%;height:auto;pointer-events:none}.canvas-hint{position:absolute;bottom:53px;left:50%;transform:translateX(-50%);font-size:10px;color:#7d8e83;background:var(--canvas);display:flex;align-items:center;gap:7px;white-space:nowrap;pointer-events:none;max-width:95%;overflow:hidden;padding:5px 8px;border-radius:4px}.pagebar{position:absolute;bottom:0;left:0;right:0;height:37px;border-top:1px solid var(--border);background:var(--surface-soft);display:flex;align-items:center;padding:0 10px 0 30px;gap:7px;z-index:5}#page-tabs{display:flex;gap:4px;overflow:auto;height:100%;align-items:center;scrollbar-width:none;max-width:78%}.page-tab{font-size:11px;color:var(--muted);padding:7px 10px;border-radius:4px;gap:7px;height:28px}.page-tab.active{background:var(--surface);box-shadow:0 0 0 1px var(--border);color:var(--text)}.page-tab span{color:#8ea297;font-size:9px}.add-page{font-size:19px;width:24px;height:26px;color:#788d7f;border-radius:4px}#page-count{font-size:10px;white-space:nowrap;color:var(--muted);min-width:27px}.docker{width:290px;flex-shrink:0;border-left:1px solid #d5ded8;display:flex;flex-direction:column;min-height:0;background:var(--surface)}.docker-tabs{height:44px;display:flex;border-bottom:1px solid var(--border);flex-shrink:0;padding:0 12px;gap:13px}.docker-tabs>button{font-size:12px;color:var(--muted);padding:1px 4px 0;position:relative}.docker-tabs>button.active{color:var(--text);font-weight:600}.docker-tabs>button.active:after{position:absolute;bottom:-1px;left:4px;right:4px;height:2px;background:var(--accent);content:''}#comment-count{font-size:9px;min-width:4px}.docker-content{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d1dcd5 transparent}.inspector-section{padding:15px 16px;border-bottom:1px solid var(--border)}.section-heading{display:flex;align-items:center;justify-content:space-between;min-height:19px;gap:6px}.section-heading h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-heading .icon-button{width:21px;height:21px;min-width:21px;color:var(--muted)}.section-heading .icon-button svg{width:14px;height:14px}.muted{color:var(--muted);font-size:12px}.subtitle{font-size:11px;margin-top:4px}.alignment-row{display:flex;align-items:center;justify-content:space-between;gap:3px;margin:12px 0 11px}.alignment-row button{width:30px;height:27px;font-size:12px;padding:0 5px;color:var(--muted);border-radius:3px}.alignment-row button:hover{color:var(--accent)}.property-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:9px}.property-grid .number-field{height:31px}.property-grid>label:not(.number-field){font-size:10px;color:var(--muted);display:flex;align-items:center;gap:4px}.property-grid select{font-size:11px;padding:6px 4px;width:100%}.opacity-field{display:flex;align-items:center;font-size:11px;gap:13px;margin:14px 0;color:var(--muted)}.opacity-field input{width:100%;min-width:40px;height:3px}.opacity-field output{min-width:30px;color:var(--text)}.fill-row{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:11px}.fill-row>input[type=color]{height:25px;width:25px}.fill-row .muted{margin-left:auto;font-size:10px}.hex-input{width:78px;border:0;padding:5px 0;background:none;font-size:11px;text-transform:uppercase}.stroke-width{display:flex;width:66px;height:27px;border:1px solid var(--border);border-radius:4px;align-items:center;gap:2px;margin-left:auto;padding:0 6px;color:var(--muted)}.stroke-width input{border:0;width:35px;padding:0;font-size:11px}.stroke-width span{font-size:9px}.full{width:100%}.text-button{font-size:11px;padding:4px 0;border-radius:3px;gap:6px;justify-content:space-between}.text-button.small{font-size:10px}.effect-row{margin:12px 0 4px;display:flex;justify-content:space-between}.effect-row .text-button{color:var(--muted);justify-content:flex-start}.effect-actions{display:flex;gap:7px;margin-top:11px}.effect-actions button{font-size:10px;border:1px solid var(--border);border-radius:4px;padding:5px 10px}.shape-actions{display:flex;justify-content:space-between;gap:7px;margin-top:12px}.shape-actions button{display:flex;flex-direction:column;gap:7px;width:50px;min-height:43px;font-size:10px;color:var(--muted);border-radius:4px}.shape-actions button:hover{color:var(--accent)}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:13px}.swatches button{aspect-ratio:1;border-radius:4px;border:1px solid #0001;padding:0}.style-chip{width:100%;padding:8px;border:1px solid var(--border);border-radius:4px;font-size:11px;margin-top:12px}.gradient-chip{width:30px;height:16px;border-radius:3px}.page-preview{background:var(--canvas);padding:15px;display:flex;justify-content:center;height:140px;margin:13px 0}.page-preview svg{height:100%;width:auto;box-shadow:0 2px 6px #0002}.check-label{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin:12px 0}.check-label input{margin:0}.color-strip{width:25px;padding:9px 4px;display:flex;flex-direction:column;gap:1px;border-left:1px solid var(--border);background:var(--surface);flex-shrink:0;overflow:hidden}.color-strip>button:not(.icon-button){height:17px;min-height:8px;flex:1;max-height:20px;width:16px;padding:0;border:1px solid #00000008}.color-strip .no-color{background:linear-gradient(135deg,white 46%,#e76a6a 46%,#e76a6a 54%,white 54%);min-height:18px!important}.color-strip .icon-button{width:16px;min-width:16px;height:24px}.color-strip .icon-button svg{width:12px}.statusbar{height:27px;flex-shrink:0;border-top:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 13px;font-size:10px;color:var(--muted);background:var(--surface)}.status-left{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-mid{min-width:130px}.render-status{font-size:10px;white-space:nowrap}.status-divider{height:10px;width:1px;background:var(--border)}.object-search{display:flex;align-items:center;margin:14px 13px;background:var(--surface-soft);border:1px solid var(--border);border-radius:5px;padding:0 8px;gap:7px;color:var(--muted)}.object-search input{padding:8px 0;border:0;background:none;width:100%;font-size:11px}.objects-heading{padding:8px 16px 13px;font-size:11px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--border)}.objects-heading span{margin-left:auto;color:var(--muted)}.objects-list{padding:7px}.object-row{display:flex;align-items:center;gap:9px;padding:9px 7px;border-radius:4px;font-size:11px;min-height:33px;cursor:pointer;user-select:none}.object-row:hover{background:var(--hover)}.object-row.selected{background:var(--accent-soft);color:var(--accent)}.object-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-action{padding:0;width:19px;height:19px;color:#a1aea5;opacity:0}.object-row:hover .object-action,.object-row.selected .object-action,.object-action.locked{opacity:1}.object-action.locked{color:var(--accent)}.object-footer{display:flex;justify-content:space-around;border-top:1px solid var(--border);margin:8px;padding:7px 0}.panel-note{font-size:11px;line-height:1.7;color:var(--muted);padding:5px 18px}.mini-objects .object-row{padding:8px 0;font-size:11px}.text-content{margin-top:12px;font-size:12px}.comment-list{padding:0 12px}.comment-card{padding:15px 0;border-bottom:1px solid var(--border)}.comment-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.comment-meta strong{color:var(--text);font-weight:600}.comment-meta time{margin-left:auto;font-size:9px}.comment-card p{font-size:12px;margin:9px 0;white-space:pre-wrap;overflow-wrap:anywhere}.comment-card.resolved{opacity:.55}.resolve-button{margin-left:auto;color:var(--accent);font-size:10px}.comment-card .text-button{font-size:10px}.empty-state{padding:45px 15px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:13px}.empty-state h3{font-size:13px;color:var(--text)}.empty-state p{font-size:11px;line-height:1.8}#comment-body{margin:14px 0 10px;font-size:12px}.remote-cursor{position:absolute;color:#8c5abe;pointer-events:none;z-index:20}.remote-cursor span{background:#8c5abe;color:#fff;border-radius:3px;font-size:10px;padding:3px 7px;margin-left:10px;white-space:nowrap}.menu-popup{position:fixed;z-index:1000;width:253px;background:var(--surface);border:1px solid var(--border);padding:5px;box-shadow:0 10px 35px #112e2726;border-radius:6px}.menu-popup button{width:100%;justify-content:space-between;padding:9px 11px;font-size:12px;border-radius:3px}.menu-popup kbd{font-size:10px}.studio-dialog{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:0;max-width:calc(100vw - 32px);width:500px;max-height:88vh;box-shadow:0 30px 100px #10231f40;overflow:auto}.studio-dialog::backdrop{background:#122a2059;backdrop-filter:blur(3px)}.studio-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2;background:var(--surface)}.studio-dialog h2{font-size:17px;letter-spacing:-.2px;font-weight:650}.studio-dialog .dialog-body{padding:22px}.studio-dialog .dialog-body>p{font-size:13px;margin-bottom:16px}.studio-dialog>footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 21px;border-top:1px solid var(--border);background:var(--surface-soft)}.studio-dialog h3{font-size:13px;margin-bottom:10px}.form-label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:17px}.form-label input,.form-label select{width:100%}.form-row{display:flex;gap:14px;margin-bottom:17px}.form-row>label{display:flex;flex-direction:column;gap:8px;font-size:12px;flex:1;min-width:0}.form-row input,.form-row select{width:100%}.form-row input[type=color]{height:35px}.inline-error{font-size:12px;color:#bd4646;margin-top:10px;line-height:1.6}.copy-link{display:flex;gap:7px}.copy-link input{width:100%;font-size:11px}.member-list>div{display:flex;align-items:center;gap:10px;font-size:11px;padding:9px 0;border-bottom:1px solid var(--border)}.member-list>div>span:first-child{flex:1;overflow-wrap:anywhere}.export-dialog{width:640px}.export-dialog .dialog-body{display:flex;gap:23px}.export-preview{width:190px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--canvas);padding:15px;min-height:260px}.export-preview svg{width:100%;height:auto;box-shadow:0 5px 15px #142a221a}.export-options{flex:1;min-width:0}.export-note{font-size:10px;line-height:1.65;color:var(--muted);margin-top:16px}.pages-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pages-grid>button{flex-direction:column;gap:9px;align-items:stretch;white-space:normal;padding:10px;border:1px solid var(--border);border-radius:6px}.page-thumb{height:160px;display:flex;align-items:center;justify-content:center;background:var(--canvas);padding:12px}.page-thumb svg{max-width:100%;height:100%;width:auto}.pages-grid strong{font-size:12px;font-weight:550}.pages-grid span{font-size:10px;color:var(--muted)}.gradient-preview{height:95px;border-radius:5px;margin-bottom:20px}.guide-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:8px 0;font-size:12px}.project-list>button{display:flex;align-items:center;width:100%;gap:15px;padding:17px 8px;border-bottom:1px solid var(--border);justify-content:flex-start;white-space:normal;text-align:left}.project-list>button>span{display:flex;flex-direction:column;gap:6px;flex:1}.project-list strong{font-size:13px;font-weight:600}.project-list small{font-size:11px;color:var(--muted)}.history-list{margin-bottom:23px}.history-list>div{display:flex;align-items:center;gap:10px;font-size:12px;padding:7px 0;color:var(--muted)}.revision-list>button{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;gap:5px;padding:11px 6px;border-bottom:1px solid var(--border);font-size:11px;text-align:left}.revision-list span{color:var(--muted);font-size:10px}.shortcut-grid{display:grid;grid-template-columns:145px 1fr;gap:13px 18px;font-size:12px;margin:22px 0}.shortcut-grid kbd{font-size:11px;color:var(--accent)}.about-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.about-brand small{color:var(--muted);font-size:11px;font-weight:400}.style-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.style-card{justify-content:flex-start;border:1px solid var(--border);border-radius:5px;font-size:12px;padding:10px;white-space:normal;text-align:left}.style-card>span{display:block;min-width:28px;height:28px;border-radius:4px}.toast{position:fixed;bottom:49px;left:50%;transform:translateX(-50%);background:#203c30;color:#fff;border:1px solid #ffffff20;border-radius:7px;padding:12px 19px;font-size:12px;box-shadow:0 7px 25px #09291b30;z-index:2000;max-width:90vw;animation:toast-in .18s ease-out}.toast.error{background:#833f3a}#command-search{width:100%;margin-bottom:13px}#command-results button{display:flex;justify-content:space-between;width:100%;padding:10px 8px;border-radius:4px;font-size:12px}#command-results kbd{font-size:10px}.text-content,.studio-dialog textarea{color:var(--text)}@keyframes toast-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(min-width:1600px){.docker{width:310px}.titlebar{height:65px}.contextbar{height:55px}.tool{height:37px}.inspector-section{padding:18px}.docker-tabs{height:47px}}@media(max-width:1150px){.context-muted,.workspace-label{display:none}.document-title{max-width:270px}.save-status{max-width:80px;overflow:hidden;text-overflow:ellipsis}.docker{width:258px}.context-fields{gap:4px}.context-fields .number-field{width:65px}.brand-light{display:none}.titlebar{gap:9px}.status-mid{display:none}.context-right{gap:2px}}@media(max-width:900px){.docker{width:230px}.title-divider,.save-status,.context-fields>.number-field:nth-of-type(n+3),.context-fields>.icon-button{display:none}.titlebar{padding:0 10px}.document-title{font-size:11px;max-width:240px}.color-strip{width:20px;padding:9px 2px}.inspector-section{padding:13px}.toolbar-cluster{gap:0;padding-right:4px}.contextbar{gap:4px;padding:0 8px}.docker-tabs{gap:8px;padding:0 8px}.canvas-hint{display:none}.pagebar{padding-left:28px}.context-name{min-width:80px}.context-name+.mini-divider,.context-fields>.text-button{display:none}.brand{font-size:21px}.titlebar .icon-button{display:none}.context-fields .number-field{width:62px}.context-fields .mini-divider{display:none}}@media(max-width:680px){.docker{display:none}.titlebar{height:53px;gap:8px}.brand{font-size:0}.brand-mark{font-size:32px}.titlebar .people{display:none}.document-title{max-width:210px;font-size:11px}.share-button{font-size:0;width:31px;padding:5px}.share-button svg{width:16px}.titlebar>.primary-button{padding:6px 9px;min-height:30px;font-size:11px}.menubar{padding:0 5px;gap:0;overflow:auto}.menu-trigger{padding:5px 7px;font-size:11px}.menu-spacer{display:none}.contextbar{height:43px}.contextbar .context-name{display:none}.context-fields{max-width:120px}.context-fields .number-field{width:56px}.toolbox{width:43px;padding:8px 3px}.tool{width:33px;height:32px}.context-right>[data-action=toggle-outline]{display:none}.color-strip{width:19px}.statusbar{gap:9px;font-size:9px}.statusbar>span:last-child{display:none}.render-status{font-size:9px}.zoom-control{margin-left:0}.export-dialog .dialog-body{flex-direction:column}.export-preview{width:100%;height:150px;min-height:150px}.export-preview svg{height:100%;width:auto}.studio-dialog .dialog-body{padding:18px}.page-tab{max-width:160px;overflow:hidden;text-overflow:ellipsis;padding:6px;font-size:10px}.toolbox-spacer{min-height:0}.tool-divider{margin:2px}}@media(max-height:740px){.toolbox{gap:1px;padding-top:5px}.tool{min-height:24px;height:28px}.tool svg{width:18px;height:18px}.tool-divider{margin:2px}.toolbox .icon-button:last-child{display:none}.fill-overlap{margin-top:0;height:32px}.toolbox-spacer{min-height:1px}.titlebar{height:52px}.contextbar{height:46px}}
.spread-page{position:absolute;top:0;box-shadow:0 6px 24px #243b2d25;background:white;opacity:.9}.spread-page>svg{width:100%;height:100%;display:block}.companion{opacity:1!important;pointer-events:auto!important}.artboard{position:absolute!important}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.advanced-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px}.advanced-grid input,.advanced-grid select{width:100%;min-height:34px}.mesh-preview{width:100%;height:290px;background:#edf1ed;border:1px solid var(--border);margin:16px 0;touch-action:none}.feature-launcher{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:7px;border-bottom:1px solid var(--border)}.feature-launcher button{padding:8px;border:1px solid var(--border);border-radius:5px;font-size:11px;text-align:left}.group-tree-row{display:flex;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--border)}.group-tree-row>button:first-child{flex:1;text-align:left}.audit-list{max-height:240px;overflow:auto}.audit-list>div{font-size:11px;border-bottom:1px solid var(--border);padding:8px}.preflight-item{padding:10px;border-left:3px solid #d5ad54;background:var(--surface);margin:6px 0;font-size:12px}.preflight-item.error{border-color:#c95353}.pro-badge{font-size:10px;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.page-manager-row{display:flex;align-items:center;gap:8px;padding:9px;border-bottom:1px solid var(--border)}.page-manager-row>span{flex:1}.page-manager-row button{padding:6px 9px;border:1px solid var(--border);border-radius:4px}