.guide-field{flex-direction:column;gap:4px;min-width:0;margin:7px 0;display:flex}.guide-field>span{color:var(--muted);font-size:9px}.guide-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.guide-row{align-items:center;gap:6px;display:flex}.guide-row>.guide-field{flex:1}.guide-card{background:var(--field);border-radius:6px;margin:8px 0;padding:8px}.guide-card summary{cursor:pointer;padding:4px 0;font-size:10px}.guide-card input,.guide-card select{background:var(--panel)}.guide-card p{color:var(--muted);font-size:9px}.guide-settings .button-row{flex-wrap:wrap}.guide-settings .button-row>button{font-size:9px}.canvas-guide-overlay>g:focus{outline:none}.canvas-guide-overlay>g:focus>line:last-child{stroke:#ffd7e6;stroke-width:2px;vector-effect:non-scaling-stroke}.guide-rulers{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.guide-ruler-top,.guide-ruler-left,.guide-ruler-corner{background:var(--panel);color:var(--muted);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.guide-ruler-top{cursor:ns-resize;border-bottom:1px solid var(--line);height:20px;top:0;left:20px;right:0}.guide-ruler-left{cursor:ew-resize;border-right:1px solid var(--line);width:20px;top:20px;bottom:0;left:0}.guide-ruler-corner{z-index:2;border:1px solid var(--line);width:20px;height:20px;top:0;left:0}.guide-ruler-top>span{border-left:1px solid var(--muted);white-space:nowrap;padding:0 0 7px 3px;font-size:8px;line-height:9px;position:absolute;bottom:0;transform:translate(-20px)}.guide-ruler-left>span{border-top:1px solid var(--muted);writing-mode:vertical-lr;padding-top:3px;font-size:8px;line-height:9px;position:absolute;left:0;transform:translateY(-20px)}.guide-ruler-draft{pointer-events:none;background:#ed6d95;position:absolute}.guide-ruler-draft.x{width:1px;top:20px;bottom:0}.guide-ruler-draft.y{height:1px;left:20px;right:0}.guide-ruler-draft>span{color:#211b24;background:#e98cb0;border-radius:3px;padding:3px;font-size:9px;position:absolute;top:5px;left:5px}.slides-workspace{height:100%;min-height:0;color:var(--text);background:#24232b;flex-direction:column;font-size:12px;display:flex}.slides-workspace button,.slides-workspace select,.slides-workspace input,.slides-workspace textarea{font:inherit}.slides-workspace button{background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:7px;padding:7px 10px}.slides-workspace button:hover{background:var(--hover)}.slides-workspace button:disabled{opacity:.4;cursor:default}.slides-workspace button:focus-visible,.slides-workspace select:focus-visible,.slides-workspace input:focus-visible,.slides-workspace textarea:focus-visible{outline-offset:2px;outline:2px solid #bf9ae8}.slides-toolbar{background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;height:58px;padding:8px 15px;display:flex}.slides-toolbar>div{flex-direction:column;gap:4px;margin-right:15px;display:flex}.slides-toolbar strong{font-size:15px}.slides-toolbar span{color:var(--muted);font-size:10px}.slides-toolbar-spacer{flex:1}.slides-toolbar label{align-items:center;gap:6px;display:flex}.slides-workspace .slides-primary{color:#27212d;background:#c4a6e6;border-color:#c4a6e6}.slides-body{flex:1;min-height:0;display:flex}.slides-thumbnails{background:var(--panel);border-right:1px solid var(--line);flex-shrink:0;width:205px;padding:15px 12px;overflow:auto}.slide-thumb-row{margin-bottom:12px;position:relative}.slides-workspace .slide-thumb{text-align:left;background:0 0;border:2px solid #0000;border-radius:9px;flex-direction:column;gap:7px;width:100%;padding:8px;display:flex}.slide-thumb-row.selected .slide-thumb{background:#c4a6e614;border-color:#c4a6e6}.slide-thumb span{color:var(--muted);font-size:10px}.slide-thumb svg{aspect-ratio:16/9;background:#eee;width:100%;box-shadow:0 2px 6px #0003}.slide-thumb strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:11px;overflow:hidden}.slide-thumb-order{display:flex;position:absolute;bottom:5px;right:5px}.slides-workspace .slide-thumb-order button{background:0 0;border:0;padding:2px 5px;font-size:10px}.slides-editor{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.slides-insert{border-bottom:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:7px;padding:10px 16px;display:flex}.slides-insert span{color:var(--muted);margin-left:auto;font-size:10px}.slides-stage{flex:1;justify-content:center;align-items:center;min-height:120px;padding:25px;display:flex;overflow:hidden}.slides-stage>svg{filter:drop-shadow(0 10px 28px #0004);touch-action:none;width:100%;max-width:1280px;height:100%}.slides-notes{background:var(--panel);border-top:1px solid var(--line);flex-direction:column;gap:10px;min-height:145px;max-height:230px;padding:15px 24px;display:flex}.slides-notes label{font-weight:600}.slides-notes label span{color:var(--muted);float:right;font-size:10px;font-weight:400}.slides-notes textarea{color:var(--text);resize:vertical;background:0 0;border:0;flex:1;min-height:70px;line-height:1.6}.slides-inspector{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:10px;width:240px;padding:16px;display:flex;overflow:auto}.slides-inspector h3{text-transform:uppercase;letter-spacing:.08em;margin:10px 0 3px;font-size:11px}.slides-inspector label{color:var(--muted);flex-direction:column;gap:5px;font-size:10px;display:flex}.slides-workspace input,.slides-workspace select,.slides-workspace textarea{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:5px;min-width:0;padding:7px}.slides-inspector textarea{resize:vertical;min-height:75px;line-height:1.5}.slides-inspector small{color:var(--muted);font-size:9px;line-height:1.5}.slides-two-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.slides-two-fields input,.slides-two-fields select{width:100%}.slides-workspace .slides-check{flex-direction:row;align-items:flex-start;gap:8px;line-height:1.5;display:flex}.slides-check input{accent-color:#c4a6e6;margin-top:2px}.slides-layer-list{flex-direction:column;gap:4px;display:flex}.slides-layer-list button{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slides-layer-list .active{background:#c4a6e621;border-color:#bd9fe6}.slide-comment{border:1px solid var(--line);border-radius:6px;padding:8px}.slide-comment p{white-space:pre-wrap;margin:0 0 5px;line-height:1.5}.slide-comment.resolved{opacity:.5}.slides-presentation{z-index:9000;color:#f7f6fb;background:#111216;flex-direction:column;display:flex;position:fixed;inset:0}.slides-presentation header,.slides-presentation footer{background:#1d1d25;flex-shrink:0;align-items:center;gap:14px;height:58px;padding:12px 20px;display:flex}.slides-presentation header>strong{margin-right:auto;font-size:13px}.slides-presentation header>span{color:#b9b5c5}.slides-present-content{flex:1;gap:24px;min-height:0;padding:24px;display:flex}.slides-present-art{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.slides-present-art>svg{width:100%;max-width:1800px;height:100%}.slides-present-art.blackout>svg{visibility:hidden}.slides-present-content>aside{flex-direction:column;flex-shrink:0;width:330px;display:flex;overflow:auto}.slides-present-content>aside>svg{width:100%;max-height:190px}.slides-present-content aside h3{text-transform:uppercase;color:#aaa5b9;letter-spacing:.08em;font-size:11px}.slides-present-notes{white-space:pre-wrap;min-height:90px;font-size:17px;line-height:1.7;overflow:auto}.slides-present-content aside>button{margin-top:8px}.slides-timer{font-variant-numeric:tabular-nums;letter-spacing:-.03em;padding:20px 0 8px;font-size:44px}.slides-presentation footer>span{color:#c9c4d6;margin-right:auto}.slide-transition-fade{animation:slides-fade var(--slide-duration,.3s) ease-out both}.slide-transition-slide{animation:slides-move var(--slide-duration,.3s) ease-out both}@keyframes slides-fade{0%{opacity:0}to{opacity:1}}@keyframes slides-move{0%{opacity:0;transform:translate(10%)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.slide-transition-fade,.slide-transition-slide{animation:none}}@media (width<=1150px){.slides-toolbar>label{display:none}.slides-thumbnails{width:165px}.slides-inspector{width:215px}.slides-toolbar{gap:5px;padding-inline:10px}.slides-toolbar button{padding:7px;font-size:10px}.slides-toolbar>div{margin-right:3px}}@media (width<=800px){.slides-thumbnails{width:125px;padding:10px 5px}.slides-inspector{width:180px;padding:10px}.slides-toolbar>div span,.slides-toolbar>button:nth-of-type(2),.slides-toolbar>button:nth-of-type(3){display:none}.slides-stage{padding:12px}.slides-insert{gap:3px;padding:8px}.slides-insert>span,.slides-insert>select{display:none}.slides-present-content>aside{width:240px}.slides-notes label span{display:none}}.slides-export-overlay{z-index:8000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11101988;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.slides-export-overlay>section{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;width:420px;padding:30px;display:flex;box-shadow:0 24px 80px #0005}.slides-export-overlay h2{margin:0;font-size:23px}.slides-export-overlay p{color:var(--muted);margin:0 0 10px;line-height:1.6}.whiteboard-tools{background:var(--panel);border:1px solid var(--line);z-index:12;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:3px;width:max-content;max-width:95%;padding:6px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 22px #0003}.whiteboard-tools button{font-size:10px}.whiteboard-tools button[aria-pressed=true]{background:#bca3d633}.whiteboard-panel{background:var(--panel);border:1px solid var(--line);z-index:13;border-radius:10px;width:290px;max-width:calc(100% - 60px);max-height:calc(100% - 120px);padding:13px;position:absolute;top:76px;left:30px;overflow:auto;box-shadow:0 8px 28px #0003}.whiteboard-panel header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.whiteboard-panel label{flex-direction:column;gap:5px;margin:10px 0;font-size:10px;display:flex}.whiteboard-panel label.check-row{flex-direction:row}.whiteboard-panel p{color:var(--muted);margin-top:10px;font-size:10px}.whiteboard-panel p[role=alert]{color:#f9a7be}.whiteboard-panel .primary-button{width:100%;margin:6px 0}.whiteboard-panel output{text-align:center;margin:20px;font-size:36px;display:block}.whiteboard-row{flex-wrap:wrap;gap:5px;display:flex}.whiteboard-swatches{gap:5px;margin:10px 0;display:flex}.whiteboard-swatches button{border:2px solid #0000;width:28px;height:28px}.whiteboard-swatches button[aria-pressed=true]{border-color:var(--accent)}.whiteboard-cell-editor{gap:3px;max-height:330px;margin-top:10px;display:grid;overflow:auto}.whiteboard-cell-editor textarea{min-height:50px;font-size:10px}.whiteboard-drawing-overlay,.whiteboard-vote-overlay{width:100%;height:100%;position:absolute;inset:0}.whiteboard-drawing-overlay{z-index:9;touch-action:none;cursor:crosshair}.whiteboard-vote-overlay{z-index:8;pointer-events:none}.whiteboard-tools select{width:90px;padding:4px;font-size:10px}.whiteboard-drawing-hint{background:var(--panel);color:var(--muted);z-index:10;pointer-events:none;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:10px;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.canvas-layer-picker{border-bottom:1px solid var(--line);max-height:210px;margin-bottom:5px;padding:4px 0 6px;overflow:auto}.canvas-layer-picker summary{color:var(--muted);cursor:pointer;padding:5px 9px;font-size:10px}.canvas-layer-picker>button{text-overflow:ellipsis;justify-content:flex-start;width:100%;max-width:205px;display:flex;overflow:hidden}.canvas-wrap>.context-menu{max-height:440px;overflow:auto}.canvas:focus{outline:none}.canvas:focus-visible{box-shadow:inset 0 0 0 1px #bfa4f450}.contrast-checker{border-top:1px solid var(--line);padding:14px 16px}.contrast-checker>summary{cursor:pointer;font-size:12px;font-weight:600}.contrast-checker-body{gap:10px;padding-top:12px;display:grid}.contrast-color>span{margin-bottom:5px;font-size:11px;display:block}.contrast-color>div{align-items:center;gap:8px;display:flex}.contrast-color input[type=color]{flex-shrink:0;width:32px;height:30px;padding:2px}.contrast-color input[type=text]{width:100%;min-width:0;font-family:monospace}.contrast-color input[aria-invalid=true]{outline:1px solid #e78091}.contrast-opacity{justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.contrast-opacity input{width:66px}.contrast-checker .button-row{flex-wrap:wrap;gap:6px;margin:0}.contrast-checker .outline-button{white-space:normal;padding:7px 8px;font-size:10px}.contrast-preview{text-align:center;border-radius:7px;padding:18px 12px;font-size:17px}.contrast-ratio{font-variant-numeric:tabular-nums;font-size:25px;line-height:1.3}.contrast-results{gap:6px;font-size:11px;display:grid}.contrast-results>div{justify-content:space-between;gap:8px;display:flex}.contrast-pass{color:#92d7ae}.contrast-fail{color:#f3a2ad}.theme-light .contrast-pass{color:#18643c}.theme-light .contrast-fail{color:#98283b}.contrast-checker .inspector-note{margin:0}.layer-tree-tools{flex-direction:column;gap:8px;padding:0 12px 10px;display:flex}.layer-tree-tools>label{color:var(--muted);align-items:center;gap:8px;font-size:9px;display:flex}.layer-tree-tools select{flex:1;min-width:0;font-size:10px}.layer-tree-tools>div{gap:8px;display:flex}.layer-tree-tools button{color:var(--muted);font-size:9px}.layer-row[draggable=true]{cursor:grab}.layer-row.layer-drop-before{box-shadow:inset 0 2px #c8a5f2}.layer-row.layer-drop-after{box-shadow:inset 0 -2px #c8a5f2}.layer-row.layer-drop-inside,.layer-root-drop.layer-drop-inside{background:#b593df22;box-shadow:inset 0 0 0 2px #c8a5f2}.layer-row.layer-drop-invalid{background:#f38e9c19;box-shadow:inset 0 0 0 1px #f38e9c}.layer-root-drop{border:1px dashed var(--line);color:var(--muted);text-align:left;margin:8px 12px;padding:9px 12px;font-size:9px}.layer-tree-error{color:#ffacc3;padding:8px 12px;font-size:10px}.layer-context-menu{z-index:110;background:var(--panel);border:1px solid var(--line);border-radius:8px;width:222px;max-height:390px;padding:5px;position:fixed;overflow:auto;box-shadow:0 15px 50px #0007}.layer-context-menu>button{text-align:left;border-radius:4px;width:100%;padding:7px 10px;font-size:11px;display:block}.layer-context-menu>button:hover,.layer-context-menu>button:focus-visible{background:#b593df22}.layer-rename-backdrop{z-index:120;background:#0007;place-items:center;display:grid;position:fixed;inset:0}.layer-rename-dialog{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(540px,100vw - 32px);max-height:85vh;padding:24px;overflow:auto;box-shadow:0 20px 80px #0006}.layer-rename-dialog h2{margin:0 0 10px;font-size:20px}.layer-rename-dialog p{color:var(--muted);font-size:11px;line-height:1.6}.layer-rename-dialog label{color:var(--muted);flex-direction:column;gap:5px;margin:10px 0;font-size:10px;display:flex}.layer-rename-dialog>div{justify-content:flex-end;gap:14px;display:flex}.layer-rename-dialog>div>button{background:#b593df22;border-radius:5px;padding:9px 12px;font-size:11px}.layer-rename-preview{max-height:210px;padding:0;font-size:11px;list-style:none;overflow:auto}.layer-rename-preview li{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding:7px;display:grid}.layer-rename-preview span{color:var(--muted);overflow-wrap:anywhere}.layer-rename-preview strong{overflow-wrap:anywhere;font-weight:500}.mask-inspector{font-size:10px}.mask-inspector label{color:var(--muted);flex-direction:column;gap:6px;margin:8px 0;display:flex}.mask-inspector .mask-source{overflow-wrap:anywhere;font-size:9px;line-height:1.5}.mask-actions{flex-wrap:wrap;gap:5px;display:flex}.mask-actions button{font-size:9px}.mask-error{color:#ffacc3;font-size:10px}.rich-text-inspector label{color:var(--muted);flex-direction:column;gap:5px;margin:8px 0;font-size:9px;display:flex}.rich-text-inspector label.check-row{flex-direction:row;align-items:center}.rich-text-inspector textarea{resize:vertical;min-height:130px;font-size:11px;line-height:1.6}.rich-text-inspector fieldset{border:0;min-width:0;margin:8px 0;padding:0}.rich-text-inspector legend{color:var(--muted);margin-bottom:5px;font-size:9px}.rich-text-inspector fieldset:disabled{opacity:.55}.rich-text-selection{color:var(--muted);justify-content:space-between;align-items:center;gap:5px;margin-top:5px;font-size:8px;display:flex}.rich-text-selection>button{font-size:9px}.rich-text-buttons{flex-wrap:wrap;gap:3px;display:flex}.rich-text-buttons>button{padding:5px;font-size:9px}.rich-text-buttons>button[aria-pressed=true]{background:#bc9ede33}.rich-text-buttons>button[aria-pressed=mixed]{background:repeating-linear-gradient(45deg,#bc9ede20,#bc9ede20 3px,#0000 3px 6px)}.rich-text-grid{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.rich-text-mixed{color:var(--muted);overflow-wrap:anywhere;font-size:8px}.rich-text-error{color:#ffacc3;font-size:10px}.rich-text-inspector details{margin:9px 0;font-size:9px}.rich-text-inspector summary{cursor:pointer;color:var(--muted)}.prototype-field{color:var(--muted);flex-direction:column;gap:5px;margin:8px 0;font-size:11px;display:flex}.prototype-field input,.prototype-field textarea,.prototype-field select{width:100%;min-width:0}.prototype-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.prototype-action,.prototype-branch{border:1px solid var(--line);border-radius:7px;margin:7px 0;padding:8px}.prototype-action-order{align-items:center;gap:6px;display:flex}.prototype-action-order small{flex:1}.prototype-action-order button{padding:4px 7px}.prototype-reaction{border:1px solid var(--line);border-radius:8px;margin:9px 0;padding:9px}.prototype-reaction summary{cursor:pointer;font-size:12px}.prototype-inspector h3{margin:0 0 10px;font-size:12px}.prototype-warning{color:#f2acaa;font-size:12px}.prototype-search-result{text-align:left;width:100%;padding:7px;font-size:11px;display:block}.prototype-action small{color:var(--muted);font-size:10px;line-height:1.5;display:block}.prototype-viewer{color:#eee;z-index:1000;background:#17161b;flex-direction:column;display:flex;position:fixed;inset:0}.prototype-viewer header,.prototype-viewer footer{background:#222127;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:12px 18px;display:flex}.prototype-viewer header>span{flex:1;font-size:12px}.prototype-viewer footer{justify-content:center;font-size:12px}.prototype-viewer button,.prototype-viewer select{color:#eee;background:#36343d;border:1px solid #55515f;border-radius:6px;padding:7px 10px}.prototype-viewer select{max-width:200px}.prototype-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex;position:relative;overflow:auto}.prototype-device{background:#fff;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 16px 70px #0007}.prototype-device.device-phone{border:10px solid #0b0a0d;border-radius:35px}.prototype-device.device-tablet{border:13px solid #0b0a0d;border-radius:22px}.prototype-device.device-desktop{border:12px solid #0b0a0d;border-bottom-width:24px;border-radius:13px}.prototype-scroll{overscroll-behavior:contain;scrollbar-width:thin;width:100%;height:100%;position:relative}.prototype-art{display:block;position:absolute;top:0;left:0;overflow:visible}.prototype-overlay-backdrop{z-index:5;position:absolute;inset:0}.prototype-overlay{position:absolute;box-shadow:0 10px 45px #0005}.prototype-overlay svg{display:block}.prototype-hotspots{pointer-events:none;z-index:30;position:absolute;inset:0}.prototype-hotspot{box-sizing:border-box;background:#aa8de144;border:1px solid #a27de0;position:absolute}.prototype-error{z-index:50;color:#fff;background:#632a36;border-radius:8px;max-width:80%;padding:10px 16px;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.prototype-variables{z-index:40;background:#28252f;border-radius:9px;max-width:250px;max-height:60vh;padding:12px;position:absolute;top:70px;right:15px;overflow:auto}.prototype-variables p{word-break:break-word;font-size:11px}.prototype-shortcuts{color:#aaa;font-size:10px}@media (width<=700px){.prototype-stage{padding:10px}.prototype-viewer header,.prototype-viewer footer{padding:8px}.prototype-viewer header>span{font-size:10px}.prototype-viewer footer{gap:5px}.prototype-viewer button{font-size:11px}}.grid-editor,.grid-item-editor{margin-top:12px}.grid-tracks{border:1px solid var(--border,#413b49);border-radius:8px;margin:8px 0;overflow:hidden}.grid-tracks>summary{cursor:pointer;padding:10px;font-size:11px}.grid-track{border-top:1px solid var(--border,#413b49);padding:10px}.grid-track-heading{justify-content:space-between;gap:8px;margin:2px 0 8px;font-size:10px;display:flex}.grid-track-heading span{opacity:.6}.grid-track .number-field{margin:5px 0}.grid-item-editor{border-top:1px solid var(--border,#413b49);padding-top:12px}.grid-overlay .grid-resize-edge{cursor:ew-resize;pointer-events:stroke}.grid-overlay .grid-row-edge{cursor:ns-resize}.action-palette>.search-field{margin:0 0 12px}.action-palette-filter{color:var(--muted);align-items:center;gap:9px;margin-bottom:12px;display:flex}.action-palette-filter>select{width:140px}.action-palette-filter>button{white-space:normal;margin-left:auto;font-size:10px}.action-palette-results{scrollbar-width:thin;max-height:min(48vh,420px);overflow:auto}.action-palette-heading{background:var(--panel);color:var(--muted);letter-spacing:.6px;padding:10px 8px 7px;font-size:9px;position:sticky;top:0}.action-palette-option{cursor:pointer;border-radius:5px;align-items:center;gap:12px;min-height:45px;padding:10px 12px;display:flex}.action-palette-option[aria-selected=true]{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 2px 0 var(--accent)}.action-palette-label{flex:1;line-height:1.5}.action-palette-label>small{color:var(--muted);font-size:9px;display:block}.action-palette-option kbd{font-size:11px}.action-palette-empty{color:var(--muted);text-align:center;padding:22px 10px}.action-palette-hint{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:15px;margin:12px 0 0;padding-top:10px;font-size:9px;line-height:1.6;display:flex}.action-palette-results:empty{display:none}@media (width<=600px){.action-palette-hint,.action-palette-hint>span{display:block}.action-palette-filter>select{width:110px}.action-palette-filter{gap:6px}}.preferences-editor{font-size:13px}.preferences-editor fieldset{border:1px solid var(--border,#47414b);border-radius:8px;margin:20px 0;padding:18px}.preferences-editor legend{padding:0 7px;font-weight:600}.preferences-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.preferences-numbers .number-field{min-width:0}.preferences-numbers input{width:100%}.preference-toggle{cursor:pointer;align-items:flex-start;gap:10px;margin:16px 0;display:flex}.preference-toggle>input{flex:none;min-width:0;margin-top:3px}.preference-toggle strong{font-weight:500;display:block}.preference-toggle small{opacity:.65;margin-top:4px;font-size:11px;line-height:1.6;display:block}.preference-color{flex-wrap:wrap;align-items:center;gap:18px;margin:14px 0;display:flex}.preference-color>span{min-width:80px}.preference-color label{align-items:center;gap:8px;display:flex}.preference-color input[type=color]{width:38px;height:28px;padding:2px}.preference-color input[type=checkbox]{width:auto}.preference-font{align-items:center;gap:15px;margin-bottom:15px;display:flex}.preference-font input{flex:1;min-width:0}.preferences-footer{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.preferences-footer span{opacity:.7;font-size:12px}.preferences-error{color:#ef9d9d;line-height:1.7}@media (width<=650px){.preferences-numbers{grid-template-columns:1fr}.preference-font{flex-direction:column;align-items:flex-start}.preference-font input{width:100%}}.svg-import-review>p{line-height:1.7}.svg-import-preview{border:1px solid var(--border,#47414b);background:repeating-conic-gradient(#ffffff0b 0% 25%,#0000 0% 50%) 50%/16px 16px;border-radius:8px;width:100%;max-height:230px;margin:16px 0;display:block}.svg-import-notices{border:1px solid var(--border,#47414b);border-radius:8px;max-height:230px;padding:16px;overflow:auto}.svg-import-notices h3{margin-top:0;font-size:14px}.svg-import-notices ul{padding-left:20px}.svg-import-notices li{margin-bottom:12px;font-size:12px;line-height:1.6}.svg-import-notices li strong{font-weight:500}.svg-import-notices small{opacity:.6;display:block}.svg-import-error{color:#ef9d9d;font-size:13px}.svg-import-review .button-row{flex-wrap:wrap;gap:10px}.local-home>aside{scrollbar-width:thin;flex-direction:column;display:flex;overflow:auto}.local-home nav>button,.home-sidebar-links>button,.home-folders>button{width:100%;color:var(--muted);justify-content:flex-start;margin-bottom:3px;padding:9px 10px;font-size:11px}.local-home nav>button.active,.home-folders>button.active{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--text)}.local-home .profile{padding-bottom:16px}.home-folders-heading{color:var(--muted);justify-content:space-between;align-items:center;margin:17px 7px 7px;font-size:10px;display:flex}.home-folders{scrollbar-width:thin;min-height:30px;max-height:220px;overflow:auto}.home-folders>button>span{text-overflow:ellipsis;overflow:hidden}.home-folders>small{color:var(--muted);padding:5px 10px;font-size:9px;line-height:1.7;display:block}.home-sidebar-links{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.home-local-note{color:var(--muted);margin:15px 10px 0;font-size:9px;line-height:1.7}.local-home .home-welcome{margin:30px 0 25px}.local-home .starter-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:30px}.local-home .starter-grid>button{gap:9px;padding:15px 12px}.local-home .starter-icon{width:30px;height:30px;margin-bottom:3px}.local-home .starter-grid small{font-size:9px}.local-home .starter-grid strong{font-size:10px}.local-home .starter-grid>button>svg{width:13px;top:22px;right:12px}.home-heading-actions{align-items:center;gap:8px;display:flex}.home-heading-actions>button{font-size:10px}.home-file-filters{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:15px;display:flex}.home-file-filters>.search-field{flex:1;min-width:150px;margin:0}.home-file-filters>select{width:auto;max-width:180px;font-size:10px}.home-layout-buttons{gap:2px;display:flex}.home-layout-buttons>button[aria-pressed=true]{background:var(--field);color:var(--accent)}.home-file-error{color:#df9a9a;margin:12px 0;line-height:1.6}.home-file-status{border:1px solid var(--line);border-radius:5px;align-items:center;gap:12px;margin:12px 0;padding:8px 12px;line-height:1.6;display:flex}.home-file-status>span{flex:1}.home-file-status>button{color:var(--accent);font-size:10px}.home-result-count{color:var(--muted);margin-bottom:12px;font-size:9px}.home-project-card{position:relative;overflow:visible}.home-file-open{text-align:left;white-space:normal;border-radius:9px;flex-direction:column;align-items:stretch;width:100%;padding:0;display:flex}.home-file-open:hover{background:var(--hover)}.home-project-card .file-preview{border-radius:8px 8px 0 0;overflow:hidden}.home-file-description{padding:14px 15px 16px}.home-file-description>strong{overflow-wrap:anywhere;padding-right:25px}.home-file-actions{background:var(--panel);border:1px solid var(--line);z-index:1;width:28px;height:26px;position:absolute;bottom:45px;right:8px}.home-file-badges{background:var(--panel);color:var(--accent);border-radius:4px;gap:5px;padding:3px;display:flex;position:absolute;top:10px;left:10px}.home-file-badges:empty{display:none}.home-file-menu{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:6px;min-width:175px;padding:5px;position:absolute;top:calc(100% - 30px);right:8px;box-shadow:0 8px 30px #0005}.home-file-menu>button{justify-content:flex-start;width:100%;padding:8px 10px;font-size:10px;display:flex}.home-file-menu>button:hover{background:var(--field)}.home-empty{color:var(--muted);padding:30px 0}.home-files-list{flex-direction:column;gap:7px;display:flex}.home-files-list .home-file-open{flex-direction:row;align-items:center;min-height:84px}.home-files-list .file-preview{border-radius:8px 0 0 8px;flex-shrink:0;width:110px;height:84px}.home-files-list .home-file-description{flex:1;padding-right:70px}.home-files-list .home-file-actions{top:29px;bottom:auto;right:14px}.home-files-list .home-file-badges{background:0 0;top:34px;left:auto;right:54px}.home-files-list .home-file-menu{top:58px}.home-local-dialog .button-row{margin-top:20px}.home-local-dialog .dialog-header>h2{flex:1;margin:0}.home-project-card:has(.home-file-menu){z-index:21}.local-home .home-file-open:disabled{opacity:.65}.local-home>main{padding-bottom:240px}@media (width<=1100px){.local-home .starter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.local-home .file-grid:not(.home-files-list){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.local-home>main{padding-left:16px;padding-right:16px}.local-home .starter-grid{grid-template-columns:1fr 1fr}.local-home .file-grid:not(.home-files-list){grid-template-columns:1fr}.local-home .recent-heading{display:block}.home-heading-actions{flex-wrap:wrap;margin-top:12px}.home-file-filters>select{flex:1;max-width:100%}.local-home nav>button,.home-sidebar-links>button,.home-folders>button{padding:8px 5px;font-size:9px}.home-files-list .file-preview{width:65px}.home-files-list .home-file-description{padding-left:10px}.home-local-note{margin-left:4px;margin-right:4px;font-size:8px}.home-file-status{flex-wrap:wrap}.home-file-status>button{white-space:normal}}:root{color:#dbd8e0;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;background:#242328;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea,a{font:inherit}button{color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:6px;display:inline-flex}button:hover{background:#ffffff0b}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #bf9ce9}input,select,textarea{background:var(--field);color:var(--text);border:1px solid #ffffff0b;border-radius:5px;outline:none;width:100%;min-width:0;padding:8px}input:focus,textarea:focus,select:focus{border-color:#bfa4ef}input[type=checkbox]{accent-color:#bf9ce9;width:12px;height:12px}input[type=color]{cursor:pointer;background:0 0;border:0;flex-shrink:0;width:25px;height:25px;padding:0}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{opacity:0}textarea{resize:vertical;min-height:70px;line-height:1.6}select{cursor:pointer}p{line-height:1.7}h1,h2,h3,p{margin:0 0 12px}h2{letter-spacing:-.6px;font-size:20px;font-weight:500}h3{font-size:12px;font-weight:600}kbd{color:var(--muted);white-space:nowrap;margin-left:auto;font:10px -apple-system,sans-serif}a{color:inherit}.app{--panel:#2c2b30;--field:#343338;--text:#dbd8e0;--muted:#99949f;--line:#ffffff0b;--hover:#ffffff07;--canvas:#242328;--accent:#d0b3f1;color:var(--text);background:var(--canvas);flex-direction:column;height:100vh;display:flex;overflow:hidden}.theme-light{--panel:#fff;--field:#f4f2f6;--text:#37323d;--muted:#8f8897;--line:#0000000d;--hover:#00000006;--canvas:#e9e7ec;--accent:#7b54a6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.muted{color:var(--muted)}.purple{color:#b99be7}.eyebrow{letter-spacing:1.5px;color:var(--muted);font-size:9px;font-weight:500;display:block}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:49px;padding:0 14px;display:flex}.brand-block{align-items:center;gap:10px;min-width:224px;display:flex}.brand-button{padding:0}.brand-name{letter-spacing:-.5px;font-size:16px;font-weight:500}.brand-name span{letter-spacing:1.5px;color:var(--muted);margin-top:1px;font-size:7px;display:block}.topbar-divider{background:var(--line);width:1px;height:20px;margin:0 6px 0 12px}.home-button{color:var(--muted)}.document-tab{max-width:420px;color:var(--muted);align-items:center;gap:9px;font-size:10px;display:flex}.document-tab>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-tab>button{margin-left:20px}.document-dot{background:#c7b2e3;border-radius:2px;flex-shrink:0;width:7px;height:7px}.top-actions{align-items:center;gap:13px;display:flex}.offline-label{color:var(--muted);align-items:center;gap:5px;margin-right:2px;font-size:9px;display:flex}.avatar{border:2px solid var(--panel);color:#44384e;background:#c6bbd6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;font-weight:600;display:inline-flex}.present-button{color:var(--text);margin:0 2px}.export-button{color:#38273a;background:#d5b5d3;border-radius:6px;padding:8px 13px;font-size:10px;font-weight:600}.export-button:hover{background:#e5c5e3}.menubar{background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:3px;height:33px;padding:0 12px;display:flex}.menu-container{position:relative}.menu-container>button{color:var(--muted);padding:5px 8px;font-size:10px}.menu-container>button.active{background:var(--field);color:var(--text)}.menubar-spacer{flex:1}.register-link{color:var(--muted);gap:5px;margin-right:18px;font-size:9px}.zoom-control{align-items:center;font-size:10px;display:flex}.zoom-control>button{color:var(--muted);padding:3px 5px;font-size:13px}.zoom-control select{background:0 0;border:0;width:69px;padding:2px;font-size:10px}.editor-body{flex:1;min-height:0;display:flex}.panel{background:var(--panel);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.left-panel{border-right:1px solid var(--line);width:232px}.right-panel{border-left:1px solid var(--line);width:251px}.file-heading{flex-wrap:wrap;align-items:center;gap:9px;padding:19px 16px 14px;display:flex}.file-heading>.eyebrow{flex:1;font-size:8px}.file-heading>button:not(.file-title){color:var(--muted);padding:0}.file-title{text-overflow:ellipsis;text-align:left;white-space:normal;justify-content:space-between;width:100%;padding:0;font-size:12px;font-weight:500;line-height:1.5;overflow:hidden}.file-subtitle{color:var(--muted);font-size:9px}.file-subtitle span{color:#635d6d;margin:0 6px}.panel-tabs{border-bottom:1px solid var(--line);align-items:center;gap:15px;min-height:41px;padding:0 13px;display:flex}.panel-tabs>button{color:var(--muted);border-radius:0;gap:6px;padding:12px 1px;font-size:10px;position:relative}.panel-tabs>button.active{color:var(--text)}.panel-tabs>button.active:after{content:"";background:#d4b5d3;width:100%;height:2px;position:absolute;bottom:0;left:0}.panel-tabs>button.tab-search{margin-left:auto}.search-field{background:var(--field);color:var(--muted);border-radius:5px;align-items:center;gap:8px;min-width:0;margin:13px 13px 8px;padding:3px 8px;display:flex}.search-field>input{box-shadow:none;background:0 0;padding:4px 0;font-size:10px;border:0!important}.search-field>svg{flex-shrink:0}.section-title{min-height:30px;color:var(--text);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;font-weight:500;display:flex}.section-title>button{color:var(--muted);padding:3px}.left-panel>.section-title{margin:6px 0 3px;padding:5px 15px}.section-title>button:first-child{color:var(--text);padding:0}.pages-list{border-bottom:1px solid var(--line);padding:0 12px 12px}.page-row{width:100%;color:var(--muted);border-radius:4px;justify-content:flex-start;gap:10px;padding:8px 9px;font-size:10px}.page-row>span{color:#d2b7e7;width:10px}.page-row.active{color:var(--text);background:#c7ace80d}.layer-title{margin-top:10px!important}.layers-list{scrollbar-width:thin;scrollbar-color:#57525e transparent;flex:1;padding:0 0 15px;overflow:auto}.layer-row{cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;height:31px;padding-right:12px;font-size:10px;display:flex;outline-offset:-2px!important}.layer-row:hover{background:var(--hover)}.layer-row.selected{background:#b893de20;box-shadow:inset 2px 0 #bc9bde}.layer-row>.disclosure{flex-shrink:0;width:10px;padding:0}.layer-row>svg{color:#a29aa9;flex-shrink:0}.layer-row>.purple{color:#c3a0eb}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer-action{opacity:0;width:13px;color:var(--muted);flex-shrink:0;padding:0}.layer-row:hover .layer-action,.layer-action.visible{opacity:1}.library-button{border-top:1px solid var(--line);color:var(--muted);border-radius:0;justify-content:flex-start;gap:9px;padding:15px 17px;font-size:10px}.library-button>span{text-align:left;flex:1}.canvas-area{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-wrap{background:var(--canvas);width:100%;height:100%;position:relative}.canvas{touch-action:none;width:100%;height:100%;display:block}.tool-frame,.tool-rectangle,.tool-ellipse,.tool-polygon,.tool-star,.tool-slice,.tool-section,.tool-line,.tool-arrow,.tool-pen,.tool-pencil{cursor:crosshair}.tool-hand{cursor:grab}.tool-text{cursor:text}.tool-comment{cursor:crosshair}.canvas-bottom{pointer-events:none;color:var(--muted);opacity:.75;justify-content:space-between;gap:15px;font-size:9px;display:flex;position:absolute;bottom:14px;left:20px;right:20px}.canvas-bottom>span{align-items:center;gap:6px;display:flex}.live-dot{background:#a9c8b6;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.toolbar{background:var(--panel);border:1px solid #ffffff16;border-radius:12px;align-items:center;gap:1px;height:49px;padding:6px;display:flex;position:absolute;bottom:53px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #0003}.toolbar>button,.tool-group>button:first-child{color:#bdb7c4;border-radius:6px;min-width:34px;height:34px}.toolbar .active{color:#392e40!important;background:#d4b5d3!important}.tool-group{align-items:center;display:flex;position:relative}.tool-arrow{color:#8b8394;height:25px;padding:0 2px}.toolbar-divider{background:var(--line);width:1px;height:21px;margin:0 6px}.dev-toggle{margin:0 3px}.menu{z-index:60;background:var(--panel);min-width:220px;color:var(--text);border:1px solid #ffffff17;border-radius:8px;padding:6px;position:absolute;box-shadow:0 12px 40px #0005}.menu>button{justify-content:flex-start;gap:10px;width:100%;padding:8px 9px;font-size:10px}.menu>button:hover{background:#baa0e72b}.menu>button>span{text-align:left;flex:1}.menu kbd{font-size:9px}.tool-menu{min-width:185px;bottom:47px;left:-7px}.main-menu{max-height:80vh;top:30px;left:0;overflow:auto}.menu-dismiss{z-index:50;position:fixed;inset:0}.context-menu{position:fixed}.help-fab{border:1px solid var(--line);background:var(--panel);width:25px;height:25px;color:var(--muted);border-radius:50%;font-size:12px;position:absolute;bottom:47px;right:17px}.canvas-text-editor{color:#26202c;resize:both;background:#ffffffed;border:1px solid #bfa4ef;border-radius:0;padding:0;line-height:1.3;position:absolute}.ruler{background:var(--panel);z-index:1;color:var(--muted);font-size:8px;position:absolute;overflow:hidden}.ruler-top{gap:60px;height:18px;padding:4px 15px;display:flex;top:0;left:0;right:0}.ruler-left{width:18px;padding:10px 2px;top:18px;bottom:0}.right-tabs{gap:16px;min-height:48px;padding-left:16px}.inspector-scroll{scrollbar-width:thin;scrollbar-color:#57525e transparent;flex:1;overflow:auto}.inspector-section{border-bottom:1px solid var(--line);padding:11px 16px 15px}.inspector-section .section-title{margin-bottom:11px}.alignment-bar{color:var(--muted);justify-content:space-between;margin:0 -2px 12px;display:flex}.alignment-bar>button{padding:4px}.field-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.number-field{background:var(--field);border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;min-width:0;height:30px;padding:0 8px;display:flex}.number-field:focus-within{border-color:#baa0df}.number-field>span{color:var(--muted);white-space:nowrap;font-size:9px}.number-field>input{text-align:right;background:0 0;border:0;padding:5px 0;font-size:10px}.check-row{color:var(--muted);align-items:center;gap:7px;margin-top:10px;font-size:10px;line-height:1.5;display:flex}.check-row>input{margin:0}.field-grid>.check-row{margin-top:0}.color-row{background:var(--field);border-radius:6px;align-items:center;gap:9px;padding:4px 7px;font-size:10px;display:flex}.color-row>input:not([type=color]){background:0 0;border:0;padding:0}.color-row>span{flex:1}.color-row>button{color:var(--muted);padding:2px}.segmented{background:var(--field);border-radius:5px;gap:2px;margin-bottom:9px;padding:3px;display:flex}.segmented>button{text-transform:capitalize;color:var(--muted);flex:1;padding:5px;font-size:9px}.segmented>button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0002}.inspector-section textarea{margin-top:10px;font-size:10px}.inspector-section>select{margin-bottom:2px;font-size:10px}.mini-swatches{gap:5px;margin-top:10px;display:flex}.mini-swatches>button{border:1px solid #ffffff15;border-radius:4px;width:15px;height:15px;padding:0}.inspector-note{color:var(--muted);margin-bottom:13px;font-size:10px;line-height:1.8}.outline-button{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:10px;text-decoration:none;display:inline-flex}.outline-button:hover{background:var(--hover)}.inspector-section>.outline-button{white-space:normal;width:100%;font-size:10px}.primary-button{color:#392e40;background:#d4b5d3;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:11px 17px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.primary-button:hover{background:#e5c7e4}.text-button{color:var(--muted);gap:6px;padding:5px 0;font-size:10px;display:inline-flex}.page-info{align-items:center;gap:8px;font-size:10px;display:flex}.page-info>.muted{margin-left:auto;font-size:9px}.color-chip{border:1px solid #fff1;border-radius:4px;width:20px;height:20px}.frame-presets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.frame-presets>button{border:1px solid var(--line);flex-direction:column;gap:8px;padding:12px 1px;font-size:9px;display:flex}.frame-presets small{color:var(--muted);font-size:8px}.frame-presets svg{color:var(--muted)}.color-swatches{gap:9px;margin-bottom:9px;display:flex}.color-swatches>button{border:1px solid #ffffff10;border-radius:7px;width:32px;height:32px}.inspector-footer{color:var(--muted);text-align:center;border-top:1px solid var(--line);padding:13px;font-size:8px}.export-settings{gap:8px;margin-bottom:10px;display:flex}.export-settings>select{padding:7px;font-size:10px}.code-preview{white-space:pre-wrap;color:#c7badc;background:var(--field);-webkit-user-select:text;user-select:text;border-radius:5px;padding:10px;font:10px/1.8 SFMono-Regular,monospace}.assets-list{flex:1;padding:5px 14px;overflow:auto}.asset-card{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;width:100%;margin-bottom:18px;padding:0;display:flex}.asset-preview{border:1px solid var(--line);color:#b69cd5;background:#c5acd510;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100px;display:flex}.asset-card small{color:var(--muted);font-size:9px}.card-preview{color:#605068;background:#eadfed;gap:18px;font-family:Georgia;font-size:17px}.preset-row{justify-content:flex-start;width:100%;padding:9px 0;font-size:10px}.preset-row small{color:var(--muted);margin-left:auto;font-size:8px}.empty-small{text-align:center;color:var(--muted);padding:45px 20px}.empty-small svg{opacity:.5;margin-bottom:14px}.empty-small p{font-size:11px}.empty-small>span{font-size:9px}.toast{z-index:150;color:#eadff5;background:#37313f;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;max-width:85vw;padding:13px 20px;font-size:11px;line-height:1.5;display:flex;position:fixed;bottom:19px;left:50%;transform:translate(-50%);box-shadow:0 4px 22px #0004}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#15121996;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid #ffffff16;border-radius:13px;flex-direction:column;width:590px;max-width:95vw;max-height:90vh;display:flex;box-shadow:0 25px 100px #0005}.wide-dialog{width:940px}.dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 28px 20px;display:flex}.dialog-header .eyebrow{margin-bottom:12px;font-size:8px}.dialog-header h2{margin:0}.dialog-header>button{color:var(--muted);padding:2px}.dialog-body{scrollbar-width:thin;padding:23px 28px;font-size:11px;overflow:auto}.dialog-description{color:var(--muted);margin-bottom:20px;line-height:1.8}.dialog-body form{flex-direction:column;gap:15px;display:flex}.dialog-body form>.primary-button{align-self:flex-end}.dialog-body form>textarea{min-height:120px}.dialog .primary-button{margin-top:13px}.search-field.large{border:1px solid var(--line);margin:0 0 14px;padding:8px 11px}.search-field.large input{font-size:12px}.action-results{max-height:440px;overflow:auto}.action-results>button{justify-content:flex-start;width:100%;padding:11px 8px;font-size:11px;display:flex}.action-group{width:62px;color:var(--muted);text-align:left;font-size:9px}.action-results kbd{margin-left:auto}.roadmap-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.roadmap-stats>div{background:var(--field);border:1px solid var(--line);border-radius:7px;flex-direction:column;gap:7px;padding:14px;display:flex}.roadmap-stats strong{font-size:23px;font-weight:400}.roadmap-stats span{color:var(--muted);text-transform:capitalize;font-size:10px}.roadmap-filters{grid-template-columns:2fr 1.5fr 1fr;gap:8px;margin-bottom:14px;display:grid}.feature-list{border-top:1px solid var(--line);max-height:40vh;overflow:auto}.feature-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:13px 0;display:flex}.feature-row>code{color:var(--muted);flex-shrink:0;font-size:9px}.feature-row>div{flex:1}.feature-row strong{font-size:11px;font-weight:400}.feature-row small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.5;display:block}.status{background:var(--field);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:4px 7px;font-size:9px}.status.implemented{color:#acd1b6;background:#a6d3b115}.status.partial{color:#e1c599;background:#d4b06f15}.button-row{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:23px;display:flex}.button-row>.primary-button{margin-top:0}.transfer-card{border:1px solid var(--line);border-radius:8px;gap:15px;margin:17px 0;padding:16px;display:flex}.transfer-card>svg{color:#ccafd9;flex-shrink:0}.transfer-card h3{margin-bottom:7px}.transfer-card p{color:var(--muted);margin:0;font-size:10px}.transfer-card .text-button{margin-top:12px}.steps{color:var(--muted);padding-left:18px;font-size:10px;line-height:1.9}.steps>li{padding:0 0 11px 5px}.small-note{color:var(--muted);font-size:9px;line-height:1.8}.shortcuts-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.shortcuts-grid section>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:9px 0;font-size:10px;display:flex}.shortcuts-grid h3{color:#d5bddc}.version-list>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:15px 0;display:flex}.version-list>div>div{flex:1}.version-list small{color:var(--muted);margin-top:7px;font-size:9px;display:block}.comment-card{border-bottom:1px solid var(--line);align-items:flex-start;gap:13px;padding:17px 0;display:flex}.comment-card>div:nth-child(2){flex:1}.comment-card strong{font-size:10px}.comment-card p{color:var(--muted);margin:9px 0}.comment-card.resolved{opacity:.55}.palette-row{align-items:center;gap:12px;margin-bottom:13px;display:flex}.palette-row>code{color:var(--muted);font-size:10px}.palette-row input[type=color]{width:31px;height:31px}.about{text-align:center;padding:10px}.about h3{margin:20px 0;font-family:Georgia;font-size:22px;font-weight:400}.about p{color:var(--muted)}.about .outline-button{margin-top:10px}.presentation{z-index:100;color:#d7d2de;background:#1f1e23;flex-direction:column;display:flex;position:fixed;inset:0}.presentation>header{color:#aaa2b4;justify-content:space-between;align-items:center;height:60px;padding:0 20px;font-size:11px;display:flex}.presentation-stage{flex:1;justify-content:center;align-items:center;padding:12px;display:flex;overflow:hidden}.presentation-stage>svg{width:auto;height:100%;display:block;box-shadow:0 12px 50px #0004}.presentation-stage [data-node-id]{cursor:pointer}.presentation>footer{justify-content:center;align-items:center;gap:20px;height:60px;font-size:10px;display:flex}.presentation footer>.muted{font-size:9px;position:absolute;right:25px}.home{background:var(--canvas);height:100%;display:flex}.home>aside{border-right:1px solid var(--line);background:var(--panel);flex-shrink:0;width:228px;padding:24px 17px;position:relative}.home-brand{align-items:center;gap:11px;padding:0 7px 30px;display:flex}.home-brand strong{letter-spacing:-.6px;font-size:19px;font-weight:500}.home-brand strong>span{letter-spacing:2px;color:var(--muted);margin-top:3px;font-size:7px;display:block}.profile{align-items:center;gap:10px;padding:14px 7px 25px;font-size:11px;display:flex}.profile small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.profile .avatar{width:31px;height:31px}.home>aside>button{width:100%;color:var(--muted);justify-content:flex-start;margin-bottom:6px;padding:11px;font-size:11px}.home>aside>button.active{color:#ddc7eb;background:#c1a4d515}.home-aside-foot{color:var(--muted);font-size:9px;line-height:1.9;position:absolute;bottom:25px;left:25px}.home>main{flex:1;padding:22px 42px;overflow:auto}.home main>header{letter-spacing:1.6px;color:var(--muted);justify-content:space-between;align-items:center;font-size:8px;display:flex}.home-welcome{justify-content:space-between;align-items:center;gap:20px;margin:55px 0 35px;display:flex}.home-welcome h1{letter-spacing:-1.2px;color:#eee4ef;margin:17px 0 13px;font:42px/1.2 Georgia,serif}.theme-light .home-welcome h1{color:#46384d}.home-welcome p.muted{font-size:11px}.home-welcome .primary-button{margin-top:15px}.home-welcome .primary-button>span{font-size:18px;font-weight:400}.starter-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:45px;display:grid}.starter-grid>button{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:9px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 17px;display:flex;position:relative}.starter-grid small{color:var(--muted);white-space:normal;font-size:10px;line-height:1.6}.starter-grid strong{font-size:12px;font-weight:500}.starter-grid>button>svg{color:var(--muted);position:absolute;top:24px;right:17px}.starter-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:13px;display:flex}.starter-icon svg{width:18px}.pink{color:#d6a8c5;background:#d6a8c51a}.green{color:#add6bf;background:#add6bf1a}.lavender{color:#b9a4da;background:#b9a4da1a}.recent-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.recent-heading h2{font-size:16px}.recent-heading .search-field{width:220px;margin:0}.file-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.file-card{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:9px;flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden}.file-preview{color:#98919e;background:#e6e2dd;justify-content:center;align-items:center;height:175px;padding:13px;display:flex}.file-preview svg{width:100%;height:100%}.file-card>div:last-child{padding:15px}.file-card strong{white-space:normal;font-size:11px;font-weight:500;line-height:1.5;display:block}.file-card small{color:var(--muted);margin-top:8px;font-size:9px;display:block}.ui-hidden .topbar,.ui-hidden .menubar,.ui-hidden .panel,.ui-hidden .toolbar{display:none}.restore-ui{background:var(--panel);z-index:80;padding:9px 13px;position:fixed;top:12px;left:12px}.error-screen{color:#e5dcea;background:#29252e;height:100vh;padding:80px}.error-screen button{color:#302436;background:#d4b5d3;padding:13px}.error-screen h1{font-size:28px}@media (width<=1150px){.left-panel{width:206px}.right-panel{width:225px}.brand-block{min-width:195px}.brand-name{font-size:14px}.top-actions{gap:8px}.offline-label{display:none}.toolbar{gap:0;padding:5px}.toolbar>button,.tool-group>button:first-child{min-width:29px}.tool-arrow{padding:0}.canvas-bottom>span:last-child{display:none}.home>main{padding:23px 28px}.home-welcome h1{font-size:34px}.file-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=850px){.right-panel{width:205px}.left-panel{width:185px}.brand-block{min-width:172px}.document-tab{max-width:230px}.register-link,.topbar-divider,.home-button{display:none}.toolbar{bottom:55px}.tool-group>button:first-child,.toolbar>button{min-width:26px}.toolbar-divider{margin:0 3px}.toolbar svg{width:16px}.home>aside{width:180px}.home-welcome{display:block}.starter-grid{grid-template-columns:1fr}.starter-grid>button{gap:5px;padding:13px}.starter-icon{display:none}.home-welcome{margin-top:30px}.home .recent-heading{display:block}.home .recent-heading .search-field{margin-top:15px}.file-grid{grid-template-columns:1fr}.menubar .menu-container>button{padding:5px;font-size:9px}.shortcuts-grid{gap:20px}.roadmap-filters{grid-template-columns:1fr}.modal-backdrop{padding:15px}}.compact-inspector{display:none}@media (width<=700px){.left-panel{width:151px}.right-panel{display:none}.show-properties .right-panel{z-index:40;width:240px;display:flex;position:fixed;top:82px;bottom:0;right:0;box-shadow:-10px 0 30px #0003}.compact-inspector{display:flex}.document-tab{max-width:160px}.document-tab>button{margin-left:0}.brand-block{min-width:112px}.brand-name{font-size:13px}.topbar{gap:5px;padding:0 8px}.top-actions{gap:3px}.top-actions>.avatar{display:none}.export-button{padding:7px;font-size:9px}.present-button{padding:4px}.menubar{padding:0 4px}.file-heading{padding:16px 12px}.file-heading>.eyebrow{letter-spacing:1px;font-size:7px}.file-title{font-size:10px}.toolbar{border-radius:9px;flex-wrap:wrap;justify-content:center;min-width:220px;max-width:calc(100% - 12px);height:auto;bottom:48px}.toolbar>button,.tool-group>button:first-child{min-width:25px;height:29px}.tool-group{flex-shrink:0}.toolbar-divider{display:none}.help-fab{bottom:13px;right:10px}.canvas-bottom{font-size:8px;bottom:17px;left:10px}.home>aside{width:145px;padding:20px 10px}.home-brand{gap:7px;padding:0 2px 20px}.home-brand strong{font-size:15px}.home-brand img{width:25px}.profile{font-size:9px}.profile .avatar{display:none}.home>main{padding:20px}.home-welcome h1{font-size:29px}.home>aside>button{padding:8px 5px;font-size:9px}.home>aside>button svg{width:13px}.home-aside-foot{font-size:8px;left:15px}.home .recent-heading .search-field{width:100%}.home-brand strong>span{font-size:6px}.home header>span{font-size:7px}.dialog-header{padding:19px}.dialog-body{padding:18px}.dialog-header h2{font-size:19px}.shortcuts-grid{grid-template-columns:1fr}.feature-row{gap:7px}.feature-row>code{font-size:8px}.feature-row strong{font-size:10px}}.font-filters{grid-template-columns:2fr 1fr 1fr;gap:9px;margin-bottom:12px;display:grid}.font-filters>.search-field{margin:0;padding:4px 9px}.font-sample-input{margin-bottom:15px}.font-list{scrollbar-width:thin;max-height:48vh;overflow:auto}.font-card{border-top:1px solid var(--line);padding:17px 0}.font-card-heading{align-items:center;gap:10px;display:flex}.font-card-heading>strong{font-size:12px;font-weight:500}.font-card-heading>span{color:var(--muted);flex:1;font-size:9px}.font-card-heading>.outline-button{padding:5px 10px}.font-card-heading>button{font-size:9px}.font-card>small{color:var(--muted);margin-top:9px;font-size:8px;line-height:1.8;display:block}.font-specimen{white-space:nowrap;text-overflow:ellipsis;padding:14px 0;font-size:29px;line-height:1.5;overflow:hidden}.font-library-button{margin-bottom:10px}@media (width<=700px){.font-filters{grid-template-columns:1fr 1fr}.font-filters>.search-field{grid-column:1/-1}.font-card-heading{flex-wrap:wrap}.font-card-heading>span{font-size:8px}.font-card-heading>strong{font-size:11px}}.text-formatting>button:first-child{font-weight:700}.text-formatting>button:nth-child(2){font-style:italic}.text-formatting>button:nth-child(3){text-decoration:underline}.text-formatting>button:nth-child(4){text-decoration:line-through}@media (width<=700px){.menubar{gap:0}.menubar .menu-container>button{padding:5px 3px;font-size:8px}}.paint-item{border:1px solid var(--line);border-radius:6px;margin-bottom:9px;padding:8px}.paint-item summary{cursor:pointer;align-items:center;gap:8px;font-size:10px;list-style:none;display:flex}.paint-item summary>small{color:var(--muted);margin-left:auto;font-size:9px}.paint-item summary .color-chip{width:17px;height:17px}.paint-item>select,.paint-item>input,.paint-item>.number-field{margin-top:8px}.stack-buttons{border-top:1px solid var(--line);justify-content:flex-end;gap:3px;margin:7px -2px;padding-top:6px;display:flex}.stack-buttons button{color:var(--muted);padding:4px}.paint-color-row{align-items:center;gap:7px;margin:8px 0;display:flex}.paint-color-row>input:not([type=color]){width:100%;min-width:0;padding:7px 4px;font-size:9px}.paint-color-row>select{width:54px;min-width:54px;padding:6px 2px;font-size:8px}.gradient-preview{border:1px solid var(--line);border-radius:5px;height:26px;margin:10px 0}.gradient-stop{border-top:1px solid var(--line);padding:6px 0}.gradient-stop-heading{color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}.gradient-stop .field-grid{gap:5px;margin-top:4px}.gradient-stop .number-field{padding:0 4px}.gradient-stop .number-field>span{font-size:8px}.gradient-stop .number-field>input{font-size:9px}.gradient-stop .number-field:last-child{grid-column:1/-1}.gradient-stop input[type=color]{width:100%;height:27px}.paint-actions{justify-content:space-between;display:flex}.paint-image-preview{border-radius:4px;max-width:100%;max-height:100px;margin:8px auto;display:block}.field-grid>.number-field{flex-direction:column;align-items:stretch;gap:3px;height:auto;min-height:49px;padding:6px 8px}.field-grid>.number-field>span{white-space:normal;line-height:1.35}.field-grid>.number-field>input{text-align:left;min-height:20px;padding:2px 0}.field-grid>.number-field>select{background:0 0;border:0;min-height:22px;padding:3px 0;font-size:10px}.paint-item .field-grid{grid-template-columns:1fr}.paint-item .gradient-stop .field-grid{grid-template-columns:1fr 1fr}.system-field{flex-direction:column;align-items:stretch;gap:5px;min-width:0;margin:9px 0;display:flex}.system-field>span{color:var(--muted);white-space:normal;font-size:10px}.system-field input[type=checkbox]{width:14px;height:14px}.system-field small{color:var(--muted);line-height:1.6}.systems-manager{grid-template-columns:180px minmax(0,1fr);gap:22px;display:grid}.systems-sidebar{border-right:1px solid var(--line);flex-direction:column;align-items:stretch;gap:6px;padding-right:16px;display:flex}.systems-sidebar button{white-space:normal;text-align:left;justify-content:flex-start}.systems-sidebar .active{background:#b893de20}.systems-detail{min-width:0}.systems-detail>h3{margin-top:20px}.system-card{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:13px}.system-card summary{cursor:pointer;color:var(--muted);font-size:10px}.systems-tools{flex-wrap:wrap;align-items:center;gap:9px;margin:10px 0;display:flex}.systems-tools>.system-field{flex:1;min-width:130px;margin:0}.systems-tools>input,.systems-tools>select{flex:1;width:auto;min-width:140px}.systems-library .variable-values{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;display:grid}.variable-mode-value{border-top:1px solid var(--line);padding-top:5px}.alias-chain{color:var(--muted);overflow-wrap:anywhere;font-size:10px;line-height:1.7}.scope-grid{flex-wrap:wrap;gap:15px;display:flex}.type-badge{color:var(--accent);border:1px solid var(--line);border-radius:4px;padding:5px 7px;font-size:9px}.override-reset{flex-wrap:wrap;gap:3px;display:flex}.override-reset button{font-size:9px}.systems-detail .button-row{flex-wrap:wrap}@media (width<=700px){.systems-manager{grid-template-columns:1fr}.systems-sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:120px;padding:0 0 12px;overflow:auto}.systems-tools{align-items:stretch}}.canvas-area{flex-direction:column;display:flex}.canvas-stage{flex:1;min-height:0;position:relative;overflow:hidden}.motion-timeline{background:var(--panel);border-top:1px solid var(--line);outline:none;flex-direction:column;flex-shrink:0;min-width:0;display:flex;position:relative}.motion-timeline>header{flex-shrink:0;align-items:center;gap:7px;min-height:47px;padding:5px 9px;display:flex;overflow-x:auto}.motion-timeline label{white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.motion-timeline input:not([type=checkbox]){width:61px;padding:5px}.motion-timeline select{width:auto;max-width:125px;padding:5px}.motion-timeline .check-row{margin:0}.timeline-actions{border-top:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;min-height:43px;padding:6px 12px;display:flex;overflow:auto}.timeline-actions .outline-button{padding:6px 8px}.timeline-resizer{cursor:ns-resize;z-index:5;height:5px;position:absolute;top:-3px;left:0;right:0}.timeline-scroll{flex:1;min-height:0;overflow:auto}.timeline-grid{grid-template-columns:155px 1fr;display:grid;position:relative}.track-label{border-right:1px solid var(--line);white-space:nowrap;justify-content:flex-start;align-items:center;min-height:29px;padding:6px 9px;font-size:9px;display:flex;overflow:hidden}.track-label button{padding:2px;font-size:9px}.track-label button:last-child{margin-left:auto}.timeline-ruler{border-bottom:1px solid var(--line);cursor:col-resize;touch-action:none;height:28px;position:relative}.timeline-ruler>span{color:var(--muted);padding:7px 3px;font-size:8px;position:absolute}.timeline-node,.timeline-track{display:contents}.timeline-node>.track-label{background:var(--field)}.track-summary{background:var(--field);border-bottom:1px solid var(--line)}.keyframe-lane{border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),var(--line) 10%);touch-action:none;min-height:29px;position:relative}.keyframe{color:#b9b0c6;z-index:2;touch-action:none;padding:3px;font-size:11px;position:absolute;top:3px;transform:translate(-50%)}.keyframe.selected{color:#e3bded;background:#9f74ca33}.timeline-playhead{pointer-events:none;z-index:1;background:#dfadc6;width:1px;position:absolute;top:0;bottom:0}.timeline-empty{color:var(--muted);grid-column:1/-1;padding:25px;font-size:10px}.timeline-summary{color:var(--muted);border-top:1px solid var(--line);padding:5px 12px;font-size:8px}.motion-timeline>header>strong{font-size:10px}.animation-export{border-top:1px solid var(--line);flex-shrink:0}.animation-export>summary{cursor:pointer;color:var(--muted);padding:7px 12px;font-size:9px}.animation-export .timeline-actions{border-top:0}.animation-export progress{accent-color:#d5aee4;width:80px;height:8px}.asset-preview>svg{width:100%;height:100%;display:block}.asset-preview{overflow:hidden}