:root{--app-bg:#1b1b1b;--panel-bg:#2a2a2a;--panel-header:#232323;--panel-border:#151515;--divider:#3a3a3a;--input-bg:#1d1d1d;--input-border:#444;--hover:#3a3a3a;--active:#474747;--text:#e3e3e3;--text-dim:#a4a4a4;--text-faint:#6d6d6d;--accent:#8098c8;--accent-strong:#8098c8;--accent-ink:#16203a;--accent-hover:#93a8d4;--accent-soft:#8098c833;--accent-ring:#a3b6dd;--danger:#e5484d;--warn:#e8c35a;--surface-raised:#2f2f2f;--surface-edge:#111;--surface-sunken:#333;--dialog-bg:linear-gradient(165deg, #343437 0%, #2d2d30 55%, #29292c 100%);--field-bg:#ffffff0a;--panel-active:#ffffff14;--canvas-bg:#3a3a3a;--scrollbar:#444;--shadow-strong:0 10px 30px #00000080;--shadow-soft:0 1px 4px #00000073;--mark-highlight:#ffffff59;--page:#fff;--page-edge:#00000026;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--radius:4px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--app-bg:#ececec;--panel-bg:#f5f5f7;--panel-header:#ebebee;--panel-border:#cfcfd4;--divider:#dcdcde;--input-bg:#fff;--input-border:#c6c6c8;--hover:#e4e4e6;--active:#d7d7da;--text:#1d1d1f;--text-dim:#6e6e73;--text-faint:#8e8e93;--accent:#1d4ed8;--accent-strong:#1d4ed8;--accent-ink:#fff;--accent-hover:#1a44bd;--accent-soft:#dbe4fb;--accent-ring:#3b6ae8;--danger:#ff3b30;--warn:#a15c00;--surface-raised:#fff;--surface-edge:#d2d2d7;--surface-sunken:#fbfbfd;--dialog-bg:linear-gradient(165deg, #fff 0%, #fafbfe 55%, #f2f5fc 100%);--field-bg:#fff;--panel-active:#00000012;--canvas-bg:#b8b8bc;--scrollbar:#c7c7cc;--shadow-strong:0 12px 32px #0000002e, 0 0 0 .5px #0000001a;--shadow-soft:0 1px 3px #0000001f;--mark-highlight:#ffffffe6;--page:#fff;--page-edge:#0000002e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] .btn:not(.primary),:root[data-theme=light] .select,:root[data-theme=light] input[type=text]{box-shadow:0 1px 1px #0000000a}:root[data-theme=light] .btn:hover:not(:disabled):not(.primary){background:#f0f0f2}:root[data-theme=light] .panel-tab.active,:root[data-theme=light] .tab.active{color:var(--text)}:root[data-theme=light] .tool.active,:root[data-theme=light] .icon-btn.on{background:var(--accent);color:#fff}*{box-sizing:border-box}html,body{background:var(--app-bg);height:100%;color:var(--text);font:12px/1.35 var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button{font:inherit;color:inherit}input,select{font:inherit;color:var(--text)}.app{grid-template-rows:30px 38px 1fr;grid-template-columns:48px 1fr 290px;width:100vw;height:100vh;display:grid}.app.panels-hidden{grid-template-rows:30px 0 1fr;grid-template-columns:0 1fr 0}.app.panels-hidden .toolbar,.app.panels-hidden .dock,.app.panels-hidden .controlbar{display:none}.menubar{background:var(--app-bg);border-bottom:1px solid var(--panel-border);z-index:50;grid-column:1/-1;align-items:stretch;gap:2px;padding:0 8px;display:flex;position:relative}.menu-root{display:flex;position:relative}.menu-title{cursor:default;background:0 0;border:0;border-radius:3px;margin:3px 0;padding:0 9px}.menu-title:hover,.menu-root.open .menu-title{background:var(--hover)}.menu{background:var(--surface-raised);border:1px solid var(--surface-edge);min-width:250px;box-shadow:var(--shadow-strong);z-index:100;border-radius:6px;padding:4px;position:absolute;top:calc(100% + 2px);left:0}.context-menu{z-index:200;position:fixed;top:0;left:0}.menu .menu{top:-5px;left:100%}.menu-item{text-align:left;white-space:nowrap;cursor:default;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;width:100%;padding:4px 10px 4px 22px;display:flex;position:relative}.menu-item .check{font-size:11px;position:absolute;left:7px}.menu-item .shortcut{color:var(--text-dim);margin-left:auto;padding-left:24px;font-size:11px}.menu-item .arrow{color:var(--text-dim);margin-left:auto}.menu-item:not(:disabled):hover,.menu-item.open{background:var(--accent-strong);color:#fff}.menu-item:not(:disabled):hover .shortcut,.menu-item:not(:disabled):hover .arrow{color:#ffffffc7}.menu-item:disabled{color:var(--text-faint)}.menu-sub{position:relative}.menu-items{display:block}.menu-search-row{border-bottom:1px solid var(--divider);margin-bottom:4px;padding:2px 4px 6px}.menu-search{background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;outline:none;width:100%;height:24px;padding:0 8px}.menu-search:focus{border-color:var(--accent-ring)}.menu-result{padding-left:10px}.menu-result.active:not(:disabled){background:var(--accent-strong);color:#fff}.menu-result .path{color:var(--text-dim);margin-left:8px;font-size:11px}.menu-result.active .path{color:#ffffffb8}.field.checkbox{cursor:default}.doc-title{color:var(--text-dim);align-items:center;margin-left:auto;padding-right:6px;display:flex}.controlbar{background:var(--panel-bg);border-bottom:1px solid var(--panel-border);scrollbar-width:none;white-space:nowrap;grid-column:1/-1;align-items:center;gap:10px;padding:0 10px;display:flex;overflow:auto hidden}.controlbar>*{flex:none}.controlbar .kind{min-width:96px;color:var(--text);font-weight:600}.controlbar .group{align-items:center;gap:5px;display:flex}.controlbar .sep{background:var(--divider);align-self:stretch;width:1px;margin:8px 2px}.label{color:var(--text-dim)}.toolbar{background:var(--panel-bg);border-right:1px solid var(--panel-border);scrollbar-width:none;flex-direction:column;grid-area:3/1;align-items:center;gap:1px;padding:6px 0;display:flex;overflow:hidden auto}.tool{width:34px;height:30px;color:var(--text);background:0 0;border:0;border-radius:5px;flex:none;place-items:center;display:grid;position:relative}.tool:hover{background:var(--hover)}.tool.active{background:var(--text-faint)}.tool.unavailable{color:var(--text-dim)}.tool .flyout-mark{border-left:3px solid #0000;border-bottom:3px solid var(--text-dim);width:0;height:0;position:absolute;bottom:3px;right:3px}.toolbar-sep{background:var(--divider);flex:none;width:28px;height:1px;margin:4px 0}.flyout{background:var(--surface-raised);border:1px solid var(--surface-edge);box-shadow:var(--shadow-strong);z-index:200;border-radius:6px;min-width:230px;padding:4px;position:fixed}.flyout-item{text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;width:100%;padding:4px 8px;display:flex}.flyout-item:hover{background:var(--accent-strong)}.flyout-item .shortcut{color:var(--text-dim);margin-left:auto}.flyout-item.soon .name:after{content:"soon";color:var(--text-dim);border:1px solid var(--input-border);border-radius:3px;margin-left:6px;padding:0 3px;font-size:10px}.fill-stroke{flex:none;width:40px;height:40px;margin:6px 0 2px;position:relative}.fs-box{border:1px solid var(--surface-edge);cursor:default;border-radius:7px;width:26px;height:26px;padding:0;position:absolute}.fs-box.fill{top:0;left:0}.fs-box.stroke{bottom:0;right:0}.fs-box.stroke:after{content:"";background:var(--panel-bg);border:1px solid var(--surface-edge);border-radius:3px;position:absolute;inset:6px}.fs-box.front{z-index:2}.fs-mini{gap:4px;margin-bottom:4px;display:flex}.fs-mini button{color:var(--text-dim);background:0 0;border:0;padding:0 2px;font-size:10px}.fs-mini button:hover{color:var(--text)}.workspace{background:var(--hover);flex-direction:column;grid-area:3/2;min-width:0;min-height:0;display:flex}.tabs{background:var(--panel-header);border-bottom:1px solid var(--panel-border);flex:none;height:28px;display:flex;overflow:hidden}.tab{border:0;border-right:1px solid var(--panel-border);color:var(--text-dim);white-space:nowrap;background:0 0;align-items:center;gap:6px;max-width:260px;padding:0 8px 0 12px;display:flex}.tab.active{background:var(--hover);color:var(--text)}.tab .close{opacity:.6;border-radius:3px;place-items:center;width:16px;height:16px;display:grid}.tab .close:hover{opacity:1;background:var(--hover)}.canvas-host{flex:1;min-height:0;position:relative;overflow:hidden}.canvas-host canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.text-edit{transform-origin:0 0;resize:none;box-shadow:0 0 0 1px var(--accent-ring);caret-color:currentColor;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.text-edit.on-path{caret-color:#0000;box-shadow:none;pointer-events:none;color:#0000!important}.text-edit.on-path::selection{background:0 0}.statusbar{background:var(--panel-header);border-top:1px solid var(--panel-border);height:24px;color:var(--text-dim);white-space:nowrap;flex:none;align-items:center;gap:12px;padding:0 8px;display:flex;overflow:hidden}.statusbar select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:3px;height:18px;padding:0 2px}.statusbar .spacer{flex:1}.dock{background:var(--panel-bg);border-left:1px solid var(--panel-border);flex-direction:column;grid-area:3/3;min-height:0;display:flex;overflow:hidden}.panel-group{border-bottom:1px solid var(--panel-border);flex-direction:column;min-height:0;display:flex;position:relative}.panel-group[hidden]{display:none}.panel-group.grow{flex:1}.panel-tabs{background:var(--panel-header);scrollbar-width:none;cursor:grab;touch-action:none;flex:none;align-items:stretch;height:27px;display:flex;overflow-x:auto}.panel-group.dragging .panel-tabs{cursor:grabbing}.panel-close{z-index:3;background:var(--panel-header);color:var(--text-faint);cursor:default;border:0;padding:0 8px;font-size:14px;line-height:1;position:absolute;top:0;right:0}.panel-close:hover{color:var(--text);background:var(--hover)}.panel-group.floating{z-index:40;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow-strong);resize:both;border-radius:8px;min-width:180px;min-height:120px;position:fixed;overflow:hidden}.panel-group.floating .panel-body{flex:1}.panel-group.dragging{opacity:.92}.panel-tabs.drop-target{box-shadow:inset 0 0 0 2px var(--accent)}.panel-tab{touch-action:none}.panel-tabs::-webkit-scrollbar{display:none}.panel-tab-i,.panel-title{display:none}.panel-main{flex-direction:column;flex:1;min-height:0;display:flex}.panel-tab{color:var(--text-dim);white-space:nowrap;background:0 0;border:0;flex:none;padding:0 9px;font-weight:500}.panel-tab.active{color:var(--text);background:var(--panel-bg)}.panel-tab:hover:not(.active){color:var(--text)}.panel-body{min-height:0;padding:8px 10px 10px;overflow-y:auto}.panel-group.grow .panel-body{flex:1}.panel-group:not(.grow):has(~.panel-group:not([hidden])) .panel-body{max-height:38vh}.section{border-bottom:1px solid var(--divider);padding:6px 0 8px}.section:last-child{border-bottom:0}.section-title{color:var(--text);margin-bottom:7px;font-weight:600}.row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.row:last-child{margin-bottom:0}.row[hidden],.grid2[hidden],label.row[hidden],.num[hidden],.button-row[hidden],.field[hidden]{display:none}.grid2{grid-template-columns:1fr 1fr;gap:6px 8px;display:grid}.muted{color:var(--text-faint)}.empty{color:var(--text-faint);padding:8px 0}.num{background:var(--input-bg);border:1px solid var(--input-border);border-radius:3px;align-items:center;min-width:0;height:22px;display:flex}.num:focus-within{border-color:var(--accent-ring)}.num .num-label{color:var(--text-dim);cursor:ew-resize;flex:none;padding:0 4px 0 6px}.num input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;width:100%;min-width:0;height:20px;padding:0 5px 0 2px}.num.narrow{width:70px}.num.medium{width:96px}.btn{border:1px solid var(--input-border);background:var(--surface-sunken);border-radius:3px;height:22px;padding:0 8px}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{color:var(--text-faint);opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.primary:disabled{background:var(--surface-sunken);border-color:var(--input-border);color:var(--text-faint)}.icon-btn{width:24px;height:24px;color:var(--text);background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:inline-grid}.icon-btn svg{display:block}.icon-btn:hover:not(:disabled){background:var(--hover)}.icon-btn.on{background:var(--active)}.icon-btn:disabled{color:var(--text-faint)}.select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:3px;min-width:0;height:22px;padding:0 4px}.swatch{border:1px solid var(--surface-edge);background-color:#0000;border-radius:3px;flex:none;width:22px;height:22px;padding:0;position:relative}.swatch.stroke-swatch:after{content:"";border:1px solid var(--surface-edge);background:var(--panel-bg);position:absolute;inset:5px}.swatch.none{background:#fff;overflow:hidden}.swatch.none:before{content:"";background:var(--danger);height:2px;position:absolute;top:50%;left:-4px;right:-4px;transform:rotate(-45deg)}.swatch.mixed{background:conic-gradient(#f55 0 25%, #5f5 0 50%, #55f 0 75%, #ff5 0)}.checker{background-image:linear-gradient(45deg,#bbb 25%,#0000 25%),linear-gradient(-45deg,#bbb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#bbb 75%),linear-gradient(-45deg,#0000 75%,#bbb 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;background-color:var(--page)}.popover{z-index:300;background:var(--surface-raised);border:1px solid var(--surface-edge);box-shadow:var(--shadow-strong);border-radius:7px;padding:10px;position:fixed}.picker{width:236px}.picker-sv{cursor:crosshair;border-radius:4px;height:150px;margin-bottom:8px;position:relative}.picker-sv .knob,.picker-hue .knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009}.picker-hue{cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px;margin-bottom:10px;position:relative}.picker-hue .knob{top:50%}.picker-swatches{flex-direction:column;gap:3px;max-height:148px;margin-top:8px;padding-right:2px;display:flex;overflow-y:auto}.picker-ramp{grid-template-columns:repeat(9,1fr);gap:3px;display:grid}.picker-swatches button{border:1px solid var(--surface-edge);border-radius:2px;height:18px;padding:0}.slider-row{grid-template-columns:14px 1fr 46px;align-items:center;gap:6px;margin-bottom:5px;display:grid}.slider-row input[type=range]{width:100%;accent-color:var(--accent)}.slider-row .num{height:20px}.layers{flex-direction:column;display:flex}.layer-row{border-bottom:1px solid var(--divider);align-items:center;gap:2px;height:24px;padding-right:4px;display:flex}.layer-row.dragging{opacity:.5}.layer-row.drop-above{box-shadow:inset 0 2px 0 var(--accent)}.layer-row.drop-below{box-shadow:inset 0 -2px 0 var(--accent)}.layer-row.drop-into{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.layer-row:hover{background:var(--panel-header)}.layer-row.selected{background:var(--accent-soft)}.layers.thumbs .layer-row{gap:4px;height:46px}.layer-thumb-box{border:1px solid var(--divider);background-color:var(--panel-header);background-image:linear-gradient(45deg,#80808029 25%,#0000 25% 75%,#80808029 75%),linear-gradient(45deg,#80808029 25%,#0000 25% 75%,#80808029 75%);background-position:0 0,5px 5px;background-size:10px 10px;border-radius:3px;flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.layer-thumb{max-width:100%;max-height:100%;display:block}.panel-footer .on{color:var(--accent-ring);background:var(--accent-soft)}.layer-row .toggle{width:22px;height:22px;color:var(--text-dim);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.layer-row .toggle.off{color:var(--text-faint)}.layer-row .twisty{width:14px;height:22px;color:var(--text-dim);background:0 0;border:0;flex:none;padding:0}.layer-row .color-chip{border-radius:1px;flex:none;width:3px;height:16px;margin-right:4px}.layer-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer-row .sel-mark{border:1px solid;flex:none;width:9px;height:9px;margin-left:4px}.layer-row .sel-mark.filled{background:currentColor}.panel-footer{border-top:1px solid var(--divider);flex:none;justify-content:flex-end;gap:2px;padding:4px 6px;display:flex}.info-grid{grid-template-columns:auto 1fr;align-items:baseline;gap:3px 10px;font-size:11px;display:grid}.info-grid .label{text-align:right;white-space:nowrap}.info-grid>span:nth-child(2n){overflow-wrap:anywhere}.wand-row{grid-template-columns:1fr 108px;align-items:center;gap:6px;margin-bottom:4px;display:grid}.wand-row .num[data-off]{opacity:.45}.edit-selections .row{margin-bottom:6px}.edit-selections input{flex:1}.consent-bar{z-index:60;border:1px solid var(--surface-edge);background:var(--panel-bg);max-width:min(760px,100vw - 32px);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000047}@media (max-width:600px){.consent-bar{flex-wrap:wrap}}.asking-consent .toasts{bottom:96px}.swatch-modal,.recolor-modal{width:320px}.swatch-editor{align-items:flex-start;gap:10px;margin:10px 0 4px;display:flex}.swatch-editor .color-sliders{flex:1;min-width:0}.swatch-preview{border-radius:4px;flex:none;width:42px;height:42px}.recolor-head{color:var(--text-dim);justify-content:space-between;margin:6px 2px 4px;font-size:11px;display:flex}.recolor-rows{max-height:220px;overflow-y:auto}.recolor-row{grid-template-columns:1fr 26px 1fr;align-items:center;gap:8px;margin-bottom:4px;display:grid}.recolor-chip{border:1px solid var(--surface-edge);border-radius:3px;width:auto;height:22px;padding:0}.recolor-chip.kept{opacity:.55}.recolor-arrow{border:1px solid var(--input-border);background:var(--field-bg);height:22px;color:var(--text);font:inherit;border-radius:4px;padding:0}.recolor-arrow.off{opacity:.4}.recolor-adjust{grid-template-columns:64px 1fr 52px}.recolor-adjust .label{text-align:left}.recolor-title{margin-top:10px}.recolor-tools{gap:4px;margin-top:2px}.recolor-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.recolor-saturation{background:linear-gradient(90deg,gray,red)}.recolor-brightness{background:linear-gradient(90deg,#000,#fff)}.preview-toggle{gap:5px;margin-right:auto;font-size:11px}.color-panel .tint-row.hidden,.color-panel .warning.hidden{display:none}.color-sliders.empty .num input{color:#0000}.color-panel .warning{color:var(--danger)}.tint-row{margin:4px 0 2px}.tint-row .swatch{width:16px;height:16px}.tint-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}input[type=range].ramp{appearance:none;border:1px solid var(--input-border);background-clip:padding-box;border-radius:5px;height:10px}input[type=range].ramp::-webkit-slider-thumb{appearance:none;border:1px solid var(--surface-edge);background:var(--panel-bg);border-radius:3px;width:10px;height:14px;box-shadow:0 0 0 1px #00000040}.spectrum-row{align-items:stretch;gap:4px;margin-top:6px}.quick-swatches{flex-direction:column;flex:none;gap:2px;display:flex}.quick-swatch{width:16px;height:16px}.color-spectrum{border:1px solid var(--surface-edge);cursor:crosshair;background:linear-gradient(#fff 0%,#0000 50%,#000 100%),linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:3px;flex:1;min-height:52px}.swatches-panel{flex-direction:column;height:100%;min-height:0;display:flex}.swatch-body{flex:1;min-height:0;max-height:34vh;padding-bottom:4px;overflow-y:auto}.sw-grid{flex-wrap:wrap;gap:1px;padding:1px 0;display:flex}.sw-grid.sw-ramp{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.sw-grid.sw-ramp .sw-item{min-width:0}.sw-grid.sw-ramp .sw-chip{flex:1;width:auto;min-width:0}.sw-list{flex-direction:column;display:flex}.sw-item{color:inherit;font:inherit;cursor:default;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:6px;padding:1px;display:flex}.sw-item.sw-row{text-align:left;border-radius:0;width:100%;padding:1px 6px}.sw-item:hover,.sw-group:hover{border-color:var(--surface-edge)}.sw-item.picked,.sw-group.picked{border-color:var(--accent-ring)}.sw-item.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.sw-item.drop,.sw-group.drop,.sw-grid.drop,.sw-list.drop{outline:1px solid var(--accent);outline-offset:-1px}.sw-chip{border:1px solid var(--surface-edge);border-radius:2px;flex:none;width:17px;height:17px;position:relative;overflow:hidden}.sw-chip.global:after{content:"";border:4px solid #fff;border-color:#0000 #fff #fff #0000;position:absolute;bottom:0;right:0}.sw-chip.spot:before{content:"";background:#000;border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px;right:1px}.sw-chip.registration{background:repeating-conic-gradient(#000 0 25%, #fff 0 50%) 0 0 / 8px 8px}.sw-chip.none{background:#fff}.sw-chip.none:after{content:"";background:var(--danger);height:1.5px;position:absolute;top:50%;left:-3px;right:-3px;transform:rotate(-45deg)}.sw-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.sw-mode{color:var(--text-dim);flex:none;font-size:10px}.sw-group{background:var(--surface-sunken,var(--field-bg));width:100%;color:var(--text-dim);font:inherit;text-align:left;cursor:default;border:1px solid #0000;border-radius:3px;align-items:center;gap:5px;margin-top:3px;padding:2px 6px;display:flex}.panel-menu{flex-direction:column;min-width:180px;padding:4px 0;display:flex}.menu-sep{background:var(--divider);height:1px;margin:4px 0}.picker-swatches button.global{position:relative;overflow:hidden}.picker-swatches button.global:after{content:"";border:3px solid #fff;border-color:#0000 #fff #fff #0000;position:absolute;bottom:0;right:0}.swatch-ramps{flex-direction:column;gap:2px;display:flex}.swatch-ramp{grid-template-columns:repeat(11,1fr);gap:1px;display:grid}.swatch-cell{cursor:default;border:0;border-radius:2px;height:14px;padding:0}.swatch-cell:hover{outline:1px solid var(--accent-ring);outline-offset:-1px}.font-field{border:1px solid var(--input-border);background:var(--field-bg);min-width:0;height:22px;color:var(--text);font:inherit;cursor:pointer;border-radius:4px;flex:1;align-items:center;padding:0 8px;display:flex}.font-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.font-picker{flex-direction:column;gap:6px;width:260px;padding:8px;display:flex}.font-list{flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.font-row{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 6px;font-size:13px;display:flex}.font-row.active{background:var(--panel-active)}.font-sample{color:var(--text-faint)}.modal.new-document{width:940px;max-width:94vw}.new-document-body{grid-template-columns:1fr 300px;gap:18px;display:grid}.template-tabs{border-bottom:1px solid var(--divider);flex-wrap:wrap;gap:4px;margin:2px 0 10px;display:flex}.template-tab{color:var(--text-faint);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:4px 8px}.template-tab.active{border-bottom-color:var(--accent);color:var(--text)}.template-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-height:460px;padding:2px;display:grid;overflow-y:auto}.preset-details{border-left:1px solid var(--divider);flex-direction:column;gap:6px;padding-left:14px;display:flex}.detail{grid-template-columns:90px 1fr;align-items:center;gap:6px;display:grid}.bleed-grid{grid-template-columns:1fr 1fr auto;align-items:center;gap:4px;display:grid}.bleed-grid .icon-btn{grid-area:1/3/span 2}.bleed-grid .num,.new-document .num{min-width:0}.new-document .num input{width:100%;min-width:0}.template{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-rows:92px auto auto;align-content:start;justify-items:center;gap:4px;padding:6px;display:grid}.template:hover{background:var(--panel-active)}.template.active{border-color:var(--accent-ring);background:var(--panel-active)}.template-preview{place-items:center;width:100%;height:92px;display:grid}.template-page{background:var(--page);max-width:100%;max-height:100%;box-shadow:var(--shadow-soft);border-radius:2px;display:block}.sample-thumb{object-fit:contain;max-width:100%;max-height:92px;box-shadow:var(--shadow-soft);border-radius:4px;display:block}.template-name{text-align:center;font-size:11px}.template-size{color:var(--text-faint);font-size:10px}.new-document .settings{flex-direction:column;gap:6px;display:flex}.start-mark{color:var(--text);opacity:.09;filter:drop-shadow(0 1px 0 var(--mark-highlight));margin-bottom:4px}.start-screen{background:var(--canvas-bg);color:var(--text-faint);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:none;position:absolute;inset:0}.app.no-document .start-screen{display:flex}.app.no-document canvas,.app.no-document .tabs{display:none}.start-title{color:var(--text);font-size:15px}.start-screen .button-row{gap:8px}.three-kinds{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.three-kind{flex-direction:column;align-items:center;gap:2px;height:auto;padding:6px 2px;font-size:11px;display:flex}.three-rotation{align-items:stretch;gap:8px;margin-top:6px;display:flex}.three-pad{border:1px solid var(--divider);background:var(--field-bg);cursor:grab;touch-action:none;border-radius:6px;flex:none;place-items:center;width:72px;display:grid}.three-pad:active{cursor:grabbing}.three-axes{flex:1;gap:4px;min-width:0;display:grid}.fx-panel{flex-direction:column;gap:6px;display:flex}.fx-card{border:1px solid var(--divider);border-radius:6px;overflow:hidden}.fx-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 8px;display:flex}.fx-head input{flex:none}.fx-card.on .fx-head{background:var(--field-bg);font-weight:500}.fx-body{flex-direction:column;gap:6px;padding:8px;display:flex}.fx-row{align-items:center;gap:8px;display:flex}.fx-checks{flex-direction:column;gap:4px;display:flex}.fx-swatch{border:1px solid var(--divider);cursor:pointer;border-radius:4px;flex:none;width:28px;height:18px;padding:0}.button-row{flex-wrap:wrap;gap:2px;display:flex}.ref-point{grid-template-columns:repeat(3,8px);gap:3px;padding:2px;display:grid}.ref-point button{border:1px solid var(--input-border);background:0 0;width:8px;height:8px;padding:0}.ref-point button.on{background:var(--text);border-color:var(--text)}.modal-backdrop{z-index:500;background:#00000059;place-items:center;display:grid;position:fixed;inset:0}.modal.consent{width:480px;max-width:92vw}.modal.consent.gate{width:600px}.modal.consent p{margin:0 0 10px;line-height:1.5}.modal.consent .lead{color:var(--text-faint)}.terms-body{border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);max-height:46vh;margin:6px 0 12px;padding:4px 10px 4px 2px;overflow-y:auto}.terms-body h3{margin:14px 0 3px;font-size:12px;font-weight:700}.terms-body h3:first-child{margin-top:2px}.terms-body p{color:var(--text-faint);margin:0 0 4px;font-size:12px;line-height:1.5}.modal.consent.gate.welcome{width:828px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);box-shadow:none;background:0 0;border:none;padding:0;position:relative;overflow:visible}.welcome-sheet{z-index:1;background:var(--dialog-bg);border:1px solid var(--surface-edge);border-radius:16px;position:absolute;inset:0;box-shadow:0 20px 60px #0009}.welcome-body{z-index:2;box-sizing:border-box;flex-direction:column;width:calc(100% - 356px);height:460px;padding:34px 0 26px 34px;display:flex;position:relative;overflow:hidden}.welcome-fox-back,.welcome-fox-front{pointer-events:none;width:300px;height:auto;position:absolute;top:-54px;right:40px;transform:scaleX(-1)}.welcome-fox-front{z-index:2}.welcome-fox-back{z-index:0;filter:drop-shadow(0 13px 15px #0f142859)}.welcome-head{flex-direction:column;display:flex}:is(.welcome-body:has(.consent-terms[open]) .welcome-tagline,.welcome-body:has(.consent-terms[open]) .welcome-points){display:none}.welcome-body:has(.consent-terms[open]) .welcome-head{flex-direction:row;align-items:center;gap:10px;margin-bottom:8px}.welcome-body:has(.consent-terms[open]) .welcome-logo{width:30px;height:30px;margin:0}.welcome-body:has(.consent-terms[open]) .welcome-title{margin:0;font-size:17px}.welcome-actions{z-index:3;position:absolute;bottom:24px;right:30px}.welcome-actions .btn.primary{border-radius:8px;height:auto;padding:6px 20px;font-weight:600}.welcome-body .terms-agree:not(.terms-opt){margin-top:auto}.welcome-logo{--logo-face:#8b93a6;--logo-hi:#c3cad8;--logo-lo:#20232b;width:58px;height:58px;margin:0 0 16px}:root[data-theme=light] .welcome-logo{--logo-face:#767d8f;--logo-hi:#fff;--logo-lo:#3d4251}.welcome-logo svg,.welcome-pt-ic svg{width:100%;height:100%;display:block}.welcome-title{letter-spacing:-.01em;margin:0 0 8px;font-size:23px;font-weight:700}.welcome-tagline{color:var(--text-dim);margin:0;font-size:14px;line-height:1.55}.welcome-points{gap:11px;margin:16px 0 6px;padding:0;list-style:none;display:grid}.welcome-pt{color:var(--text-dim);align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex}.welcome-pt b{color:var(--text);font-weight:600}.welcome-pt-ic{color:var(--accent);flex:none;width:20px;height:20px;margin-top:1px}.consent-terms>summary.terms-summary{cursor:pointer;color:var(--text-dim);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;padding:8px 0;font-size:13px;list-style:none;display:flex}.consent-terms>summary.terms-summary::-webkit-details-marker{display:none}.consent-terms>summary.terms-summary:hover{color:var(--text)}.terms-summary-ic{width:18px;height:18px;color:var(--accent);flex:none}.terms-summary-ic svg,.terms-summary-chev svg{width:100%;height:100%;display:block}.terms-summary-t{flex:1;font-weight:500}.terms-summary-chev{width:15px;height:15px;color:var(--text-faint);flex:none;transition:transform .15s}.consent-terms[open]>summary.terms-summary .terms-summary-chev{transform:rotate(90deg)}.consent-terms .terms-body{border:1px solid var(--surface-edge);background:var(--surface-sunken);border-radius:10px;max-height:232px;margin-top:8px;padding:11px 13px;overflow-y:auto}.consent-terms[open] .terms-body{max-height:236px}@media (max-width:720px),(max-height:640px){.modal.consent.gate.welcome{background:var(--surface-raised);border:1px solid var(--surface-edge);border-radius:16px;width:min(430px,100vw - 24px);max-height:calc(100vh - 24px);display:block;overflow-y:auto;box-shadow:0 20px 60px #0009}.welcome-sheet,.welcome-fox-back,.welcome-fox-front{display:none}.welcome-body{width:100%;height:auto;padding:28px 28px 8px;overflow:visible}.welcome-body .terms-agree:not(.terms-opt){margin-top:14px}.welcome-actions{justify-content:flex-end;padding:0 28px 24px;display:flex;position:static}.consent-terms[open] .terms-body{max-height:34vh}}.modal.whatsnew{background:var(--dialog-bg);grid-template-rows:minmax(0,1fr);grid-template-columns:auto auto;width:auto;max-width:calc(100vw - 32px);height:340px;max-height:calc(100vh - 40px);padding:0;display:grid;overflow:hidden}.whatsnew-fox{background:var(--surface-raised);border-radius:12px;width:auto;height:300px;margin:20px 14px 20px 20px;display:block}.whatsnew-main{flex-direction:column;width:476px;min-width:0;max-width:100%;padding:24px 28px 18px;display:flex}.whatsnew-main h2{letter-spacing:-.01em;margin:0 0 4px;font-size:19px;font-weight:700}.whatsnew-main .lead{color:var(--text-dim);margin:0;font-size:13px}.whatsnew-list{flex:1;min-height:0;margin:12px 0;padding-right:6px;overflow-y:auto}@media (max-width:680px),(max-height:520px){.modal.whatsnew{grid-template-columns:1fr;width:min(430px,100vw - 24px);height:auto;max-height:calc(100vh - 24px);overflow-y:auto}.whatsnew-fox{object-fit:contain;order:-1;width:100%;height:auto;max-height:220px}.whatsnew-list{max-height:40vh}}.whatsnew-rel{border-bottom:1px solid var(--divider)}.whatsnew-rel:last-child{border-bottom:none}.whatsnew-rel>summary{cursor:pointer;letter-spacing:.03em;text-transform:uppercase;color:var(--text-dim);-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:9px 0;font-size:11px;font-weight:700;list-style:none;display:flex}.whatsnew-rel>summary::-webkit-details-marker{display:none}.whatsnew-rel>summary:before{content:"";border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:4px solid;flex:none;width:0;height:0;transition:transform .15s}.whatsnew-rel[open]>summary:before{transform:rotate(90deg)}.whatsnew-rel>summary:hover{color:var(--text)}.whatsnew-rel ul{margin:0 0 8px;padding-left:18px}.whatsnew-rel li{color:var(--text);margin-bottom:5px;font-size:13px;line-height:1.5}.start-link{color:var(--accent);font-size:var(--t-sm,13px);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-top:12px;text-decoration:underline}.start-link:hover{color:var(--accent-hover,var(--accent))}.terms-agree{cursor:pointer;align-items:center;gap:8px;margin:4px 0 2px;font-weight:600;display:flex}.terms-agree input{flex:none;width:16px;height:16px}.terms-agree.terms-opt{color:var(--text-faint);align-items:flex-start;font-size:12px;font-weight:400;line-height:1.4}.modal-backdrop.gate-backdrop{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#00000073}.modal{background:var(--surface-raised);border:1px solid var(--surface-edge);border-radius:8px;min-width:300px;padding:14px 16px 12px;box-shadow:0 20px 60px #0009}.modal h2{margin:0 0 12px;font-size:13px}.modal.fx-modal{flex-direction:column;width:min(544px,92vw);max-width:92vw;max-height:86vh;display:flex}.fx-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;padding:2px;display:grid;overflow-y:auto}.fx-tile{border:1px solid var(--surface-edge);background:var(--surface-sunken,#7f7f7f14);cursor:pointer;color:inherit;border-radius:6px;flex-direction:column;gap:4px;padding:5px;transition:border-color .1s,background .1s;display:flex}.fx-tile:hover{border-color:var(--accent,#3b82f6);background:var(--surface-hover,#7f7f7f29)}.fx-thumb{aspect-ratio:1;object-fit:contain;background:repeating-conic-gradient(#7f7f7f2e 0% 25%,#0000 0% 50%) 0/16px 16px;border-radius:4px;width:100%}.fx-thumb.empty{opacity:.4}.fx-label{text-align:center;color:var(--ink2,inherit);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.25;overflow:hidden}.modal .actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.modal .field{grid-template-columns:90px 1fr;align-items:center;gap:8px;margin-bottom:8px;display:grid}.modal .field-section{font-size:var(--t-xs,11px);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--surface-edge);margin:14px 0 8px;padding-bottom:4px;font-weight:600}.modal .field-section:first-child{margin-top:2px}.free-distort-preview{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius);touch-action:none;display:block}.free-distort-preview .fd-original{fill:none;stroke:var(--text-faint);stroke-dasharray:3 3}.free-distort-preview .fd-grid{fill:none;stroke:var(--text-dim);stroke-width:.6px;opacity:.55}.free-distort-preview .fd-outline{fill:color-mix(in srgb, var(--accent-hover) 18%, transparent);stroke:var(--text);stroke-width:1.2px;stroke-linejoin:round}.free-distort-preview .fd-handle{fill:var(--text);stroke:var(--app-bg);cursor:move}.free-distort-preview .fd-handle:hover{fill:var(--accent-ring)}.modal.free-distort .actions{align-items:center}.fd-preview-toggle{align-items:center;gap:4px;margin-right:auto;display:flex}.modal.about{width:560px;min-width:0;max-width:calc(100vw - 32px);box-shadow:none;background:0 0;border:none;padding:0;position:relative;overflow:visible}.about-sheet{z-index:1;background:var(--dialog-bg);border:1px solid var(--surface-edge);border-radius:18px;position:absolute;inset:0;box-shadow:0 20px 60px #0000008c}.about-fox-back{display:none}.about-content{z-index:2;position:relative}.about-fox-front{z-index:2;pointer-events:none;filter:drop-shadow(0 8px 15px #0000004d);width:122%;height:auto;margin-top:0;margin-left:-11%;display:block;position:relative}.about-body{flex-direction:column;gap:14px;margin:0;padding:14px 28px 20px;display:flex;position:relative}.about-head{flex-direction:row;align-items:center;gap:14px;display:flex}.about-head img{flex:none}.about-copy{color:var(--text-faint);text-align:center;margin-top:2px;font-size:11px}.about-name{letter-spacing:-.4px;font-size:25px;font-weight:650;line-height:1.05}.about-version{color:var(--text-dim);margin-top:2px;font-size:12px}.about-acc{grid-template-columns:1fr 1fr;align-items:start;column-gap:26px;display:grid}.about-acc-item{border-top:1px solid var(--divider)}.about-acc-item:last-child,.about-acc-item:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--divider)}.about-acc-head{cursor:pointer;width:100%;font:inherit;text-align:left;color:var(--accent-ring);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:9px 2px;font-size:12.5px;font-weight:600;transition:color .12s;display:flex}.about-acc-head:hover{color:var(--text)}.about-acc-chev{color:var(--text-faint);flex:none;transition:transform .18s;display:inline-flex}.about-acc-item.open .about-acc-chev{color:var(--accent-ring);transform:rotate(90deg)}.about-acc-body{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.about-acc-item.open .about-acc-body{grid-template-rows:1fr}.about-acc-body-inner{color:var(--text-dim);font-size:12px;line-height:1.46;overflow:hidden}.about-acc-item.open .about-acc-body-inner{padding-bottom:10px}.about-foot{border-top:1px solid var(--divider);color:var(--text-faint);text-align:center;padding-top:16px;font-size:11px}@media (max-width:620px),(max-height:720px){.modal.about{width:min(384px,100vw - 24px);max-height:calc(100vh - 24px)}.about-body{gap:12px;padding:14px 22px 18px}.about-name{font-size:22px}}.modal.prefs{flex-direction:column;width:840px;max-width:calc(100vw - 32px);height:580px;max-height:calc(100vh - 40px);padding:0;display:flex;overflow:hidden}.pref-cols{flex:1;grid-template-columns:238px 1fr;min-height:0;display:grid}.pref-rail{border-right:1px solid var(--divider);background:var(--surface-sunken);flex-direction:column;gap:2px;padding:16px 12px;display:flex;overflow-y:auto}.pref-search-wrap{margin:0 4px 10px;position:relative}.pref-search-ic{width:15px;height:15px;color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.pref-search-ic svg{width:100%;height:100%;display:block}.pref-search{box-sizing:border-box;border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;padding:7px 10px 7px 30px;font-size:12.5px}.pref-search:focus{border-color:var(--accent);outline:none}.pref-group{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:13px 10px 5px;font-size:10.5px;font-weight:700}.pref-tab{text-align:left;width:100%;color:var(--text-dim);cursor:default;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:8px 10px;font-size:13px;transition:background .1s,color .1s;display:flex}.pref-tab:hover{background:var(--hover);color:var(--text)}.pref-tab.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.pref-tab-ic{flex:none;width:19px;height:19px}.pref-tab-ic svg{width:100%;height:100%;display:block}.pref-content{min-width:0;padding:24px 30px;overflow-y:auto}.pref-title{border-bottom:1px solid var(--divider);letter-spacing:-.2px;color:var(--text);margin:0 0 2px;padding-bottom:14px;font-size:19px;font-weight:650}.pref-crumb{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:18px 0 -4px;font-size:10.5px;font-weight:700}.pref-row{border-bottom:1px solid var(--divider);align-items:center;gap:20px;padding:15px 2px;display:flex}.pref-content>.pref-row:last-child,.pref-content>.pref-block:last-child{border-bottom:0}.pref-row-text{flex:1;min-width:0}.pref-row-label{color:var(--text);font-size:13.5px;font-weight:600}.pref-row-desc{color:var(--text-dim);margin-top:3px;font-size:12px;line-height:1.4}.pref-row-ctl{flex:none;align-items:center;display:flex}.pref-num{border-radius:8px;width:112px;height:30px}.pref-num input{text-align:right;height:28px;padding:0 10px;font-size:13px}.pref-slider{align-items:center;gap:12px;display:flex}.pref-num-slim{width:76px}.pref-range{appearance:none;background:var(--scrollbar);cursor:default;border-radius:2px;outline:none;width:148px;height:4px}.pref-range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--surface-raised);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0000004d}.pref-range::-moz-range-thumb{border:2px solid var(--surface-raised);background:var(--accent);border-radius:50%;width:14px;height:14px}.pref-switch{background:var(--scrollbar);cursor:default;border:0;border-radius:12px;width:40px;height:24px;padding:0;transition:background .15s;position:relative}.pref-switch.on{background:var(--accent)}.pref-switch-dot{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000059}.pref-switch.on .pref-switch-dot{transform:translate(16px)}.pref-block{border-bottom:1px solid var(--divider);padding:18px 2px}.pref-block .pref-row-desc{margin-bottom:15px}.pref-theme-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pref-theme{text-align:center;cursor:default;background:0 0;border:0;padding:0;display:block;position:relative}.pref-theme-mock{box-shadow:0 0 0 2px var(--input-border);border-radius:12px;transition:box-shadow .12s;display:block;overflow:hidden}.pref-theme:hover .pref-theme-mock{box-shadow:0 0 0 2px var(--text-faint)}.pref-theme.on .pref-theme-mock{box-shadow:0 0 0 2.5px var(--accent)}.pref-theme-mock svg{width:100%;height:auto;display:block}.pref-theme-check{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:none;position:absolute;top:-7px;right:-7px;box-shadow:0 1px 4px #0000004d}.pref-theme-check svg{width:14px;height:14px}.pref-theme.on .pref-theme-check{display:flex}.pref-theme-label{color:var(--text-dim);margin-top:9px;font-size:12.5px;display:block}.pref-theme.on .pref-theme-label{color:var(--text);font-weight:600}.pref-foot{border-top:1px solid var(--divider);flex:none;align-items:center;gap:10px;padding:13px 18px;display:flex}.pref-foot-gap{flex:1}@media (max-width:720px),(max-height:620px){.modal.prefs{width:min(560px,100vw - 24px);height:min(560px,100vh - 24px)}.pref-cols{grid-template-columns:188px 1fr}.pref-content{padding:20px}}.toasts{z-index:600;pointer-events:none;flex-direction:column;gap:6px;transition:bottom .15s;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.toast{background:var(--surface-raised);border:1px solid var(--surface-edge);color:var(--text);box-shadow:var(--shadow-strong);border-radius:6px;padding:7px 12px}.loading{color:var(--text-dim);place-items:center;display:grid;position:absolute;inset:0}.modal.progress{flex-direction:column;gap:12px;min-width:260px;max-width:340px;display:flex}.modal.progress .progress-label{font-size:var(--t-sm,13px);color:var(--text)}.progress-track{background:var(--accent-soft);border-radius:3px;height:6px;position:relative;overflow:hidden}.progress-bar{background:var(--accent);border-radius:3px;height:100%;transition:width .15s}.progress-track.indeterminate .progress-bar{will-change:transform;width:38%;animation:1.15s ease-in-out infinite progress-slide}@keyframes progress-slide{0%{transform:translate(-110%)}to{transform:translate(300%)}}@media (max-width:900px){.app{grid-template-columns:44px 1fr 0}.dock{display:none}}.gradient-ramp{height:20px;margin:18px 6px 24px;position:relative}.gradient-ramp:before{content:"";background-image:linear-gradient(45deg,#bbb 25%,#0000 25%),linear-gradient(-45deg,#bbb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#bbb 75%),linear-gradient(-45deg,#0000 75%,#bbb 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;background-color:var(--page);border-radius:2px;position:absolute;inset:0}.gradient-ramp.disabled{opacity:.4;pointer-events:none}.gradient-track{border:1px solid var(--panel-border);cursor:copy;border-radius:2px;position:absolute;inset:0}.gradient-stops,.gradient-mids{height:12px;position:absolute;left:0;right:0}.gradient-stops{bottom:-14px}.gradient-mids{top:-12px}.gstop{cursor:ew-resize;filter:drop-shadow(0 0 .6px #000000bf)drop-shadow(0 1px 2px #0000004d);background:0 0;border:0;width:15px;height:17px;margin-left:-7.5px;padding:0;transition:transform .12s;position:absolute;top:0}.gstop:before,.gstop:after{content:"";clip-path:polygon(50% 0,100% 34%,100% 100%,0 100%,0 34%);position:absolute}.gstop:before{background:#fff;inset:0}.gstop:after{clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%);background:linear-gradient(var(--stop-color,#fff), var(--stop-color,#fff)), conic-gradient(#cfcfcf 0 25%, #fff 0 50%, #cfcfcf 0 75%, #fff 0) 0 0 / 6px 6px;inset:2px}.gstop:hover{transform:translateY(1px)}.gstop.active{z-index:1;transform:translateY(1px)scale(1.3)}.gradient-stops:hover .gstop:not(:hover):not(.active){opacity:.75}.gmid{background:var(--text-dim);cursor:ew-resize;filter:drop-shadow(0 0 .6px #000000b3);border:1.5px solid #fff;width:9px;height:9px;margin-left:-4.5px;padding:0;transition:transform .12s;position:absolute;bottom:0;transform:rotate(45deg)}.gmid:hover{transform:rotate(45deg)scale(1.2)}.gradient-thumb{cursor:pointer}.hint{color:var(--text-dim);margin-top:8px;font-size:11px;line-height:1.5}.hidden{display:none!important}.info-row{align-items:baseline;gap:8px;padding:2px 0;display:flex}.info-row .label{flex:none;width:60px}.info-value{font-family:var(--mono);color:var(--text);font-size:11px}.history-list{flex-direction:column;max-height:260px;display:flex;overflow-y:auto}.history-item{color:var(--text);text-align:left;background:0 0;border:0;border-radius:3px;padding:3px 6px}.history-item:hover{background:var(--hover)}.history-item.active{background:var(--accent);color:#fff}.history-item.undone{color:var(--text-dim);font-style:italic}.graph-modal{max-width:min(720px,100vw - 32px)}.graph-table-wrap{border:1px solid var(--surface-edge);border-radius:4px;max-height:320px;margin-top:8px;overflow:auto}.graph-table{border-collapse:collapse}.graph-table td{border:1px solid var(--divider);padding:0}.graph-table input{background:var(--input-bg);width:84px;color:var(--text);font:inherit;border:0;padding:4px 6px}.graph-table input.head{background:var(--surface-sunken);font-weight:600}.graph-table input:focus{outline:1px solid var(--accent-strong)}.feature-row{flex-wrap:wrap}.feature-btn{min-width:26px;font-size:12px}.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:2px;max-height:260px;margin:6px 0;display:grid;overflow-y:auto}.glyph-grid.recent{max-height:none;margin-top:2px}.glyph{border:1px solid var(--divider);background:var(--input-bg);height:28px;color:var(--text);border-radius:3px;padding:0;font-size:15px}.glyph:hover{background:var(--accent-strong);color:#fff}.script-modal{width:min(720px,100vw - 32px)}.script-editor{resize:vertical;background:var(--input-bg);width:100%;height:260px;color:var(--text);border:1px solid var(--surface-edge);tab-size:2;border-radius:4px;padding:8px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.script-output{background:var(--input-bg);border:1px solid var(--surface-edge);white-space:pre-wrap;border-radius:4px;height:120px;margin:0;padding:6px 8px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.script-output .warn{color:var(--warn,#b9860b)}.script-output .error{color:var(--danger)}.script-output .info{color:var(--text-dim)}.fx-badge{color:var(--text-dim);text-align:center;width:22px;font-style:italic;font-weight:600}.brush-list{flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.brush-item{color:var(--text);text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:8px;padding:2px 6px;display:flex}.brush-item:hover{background:var(--hover)}.brush-item.active{background:var(--accent);color:#fff}.brush-preview{flex:none;width:96px;height:22px}.brush-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.isolation-bar{background:var(--panel-header);border-bottom:1px solid var(--panel-border);flex:none;align-items:center;gap:2px;padding:3px 8px;font-size:11px;display:flex}.crumb{color:var(--text-dim);background:0 0;border:0;border-radius:3px;padding:2px 6px}.crumb:hover{background:var(--hover);color:var(--text)}.crumb.current{color:var(--text);font-weight:600}.crumb.back{font-size:14px;line-height:1}.crumb-sep{color:var(--text-dim)}.appearance-list{flex-direction:column;gap:3px;display:flex}.appearance-row{align-items:center;gap:5px;display:flex}.appearance-row.off{opacity:.5}.style-chip{aspect-ratio:1;background-clip:padding-box;border-style:solid;border-radius:4px;padding:0}.navigator-stage{background:var(--panel-header);cursor:grab;line-height:0;display:inline-block;position:relative}.navigator-thumb{border:1px solid var(--panel-border);display:block}.navigator-frame{border:1px solid var(--danger);pointer-events:none;position:absolute}.modal-backdrop.modeless{pointer-events:none;background:0 0;place-items:start end;padding:88px 24px}.modal-backdrop.modeless .modal{pointer-events:auto}.modal.modeless{box-shadow:0 12px 40px #00000073}.modal h2.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--surface-edge);border-radius:8px 8px 0 0;margin:-14px -16px 10px;padding:12px 16px 10px}.modal h2.drag-handle:active{cursor:grabbing}.scrubby{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.panel-tab.reordering{opacity:.55}.panel-tab.tab-idle{opacity:.5}.panel-tab.tab-idle:hover,.panel-tab.tab-idle.active{opacity:1}:root{--t-xs:10px;--t-sm:11px;--t-md:12px;--t-lg:13px;--t-xl:15px;--r-xs:3px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;--h-ctl:28px;--h-dense:24px;--h-slot:34px;--m-bg:#eeeeec;--m-panel:#fff;--m-chrome:#fbfbfa;--m-ink:#16161a;--m-ink2:#44443f;--m-ink3:#70706a;--m-ink4:#6f6f68;--m-swatch-ring:#00000038;--m-line:#00000014;--m-line2:#0000000e;--m-hover:#0000000e;--m-sel:#2f6fed;--m-sel-soft:#2f6fed1a;--m-accent:#1d4ed8;--m-accent-ink:#fff;--m-accent-text:#1e40af;--m-accent-soft:#1d4ed81f;--m-shadow:0 1px 2px #0000000a, 0 6px 18px #00000012;--m-shadow2:0 2px 6px #0000000f, 0 14px 38px #00000029;--m-shadow3:0 18px 54px #0000004d}.mapp{--canvas-bg:#eeeeec;background:var(--m-panel);min-height:0;color:var(--m-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;font:13px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;display:flex;position:absolute;inset:0}:root[data-theme=dark]{--m-bg:#1b1b1e;--m-panel:#252529;--m-chrome:#202023;--m-ink:#f3f3f1;--m-ink2:#c6c6c0;--m-ink3:#9c9c95;--m-ink4:#9a9a93;--m-swatch-ring:#ffffff47;--m-line:#ffffff1a;--m-line2:#fff1;--m-hover:#ffffff13;--m-sel:#5b91ff;--m-sel-soft:#5b91ff29;--m-accent:#8098c8;--m-accent-ink:#16203a;--m-accent-text:#a9bce0;--m-accent-soft:#8098c829;--m-shadow:0 1px 2px #0000004d, 0 6px 18px #0006;--m-shadow2:0 2px 6px #0006, 0 14px 38px #0009;--m-shadow3:0 18px 54px #0000009e}:root[data-theme=dark] .mapp{--canvas-bg:#1b1b1e}.mapp :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.mapp svg{flex:none;display:block}.mapp ::selection{background:var(--m-accent-soft)}.mapp ::-webkit-scrollbar{width:11px;height:11px}.mapp ::-webkit-scrollbar-thumb{background:var(--m-line);border-radius:var(--r-pill);background-clip:content-box;border:3px solid #0000}.mapp ::-webkit-scrollbar-thumb:hover{background:var(--m-ink4);background-clip:content-box}.mapp ::-webkit-scrollbar-track{background:0 0}.m-top{border-bottom:1px solid var(--m-line);background:var(--m-panel);flex:none;align-items:center;gap:8px;height:52px;padding:0 12px;display:flex}.m-mark{border-radius:var(--r-md);color:#3a2605;background:linear-gradient(152deg,#ffe07a,#ffc42e 48%,#e8930a);flex:none;place-items:center;width:26px;height:26px;display:grid;box-shadow:inset 0 1px #ffffff80,0 1px 2px #784c044d}.m-doc{font-size:var(--t-lg);letter-spacing:-.15px;border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:4px;padding:5px 7px;font-weight:600;display:flex}.m-doc:hover{background:var(--m-hover)}.m-doc svg{opacity:.4}.m-saved{font-size:var(--t-sm);color:var(--m-ink4);white-space:nowrap;letter-spacing:-.05px}.m-grow{flex:auto;min-width:8px}.m-omni{border-radius:var(--r-md);background:var(--m-bg);height:31px;color:var(--m-ink3);font-size:var(--t-md);border:1px solid #0000;flex:0 380px;align-items:center;gap:7px;padding:0 10px;transition:border-color .12s,background .12s;display:flex}.m-omni:hover{border-color:var(--m-line);background:var(--m-panel)}.m-omni>span:first-of-type{text-align:left;flex:1}.m-kbd{font-size:var(--t-xs);background:var(--m-panel);border:1px solid var(--m-line);border-radius:var(--r-sm);color:var(--m-ink4);white-space:nowrap;padding:1px 4px;font-weight:500;line-height:1.5}.m-ib{border-radius:var(--r-sm);width:28px;height:28px;color:var(--m-ink2);flex:none;place-items:center;transition:background .1s;display:grid}.m-ib:hover{background:var(--m-hover)}.m-ib.on{background:var(--m-accent-soft);color:var(--m-accent-text)}.m-ib:disabled{opacity:.3;cursor:default;background:0 0}.m-ib.m-alltools{color:var(--m-ink);background:var(--m-bg);border:1px solid var(--m-line);padding:0}.m-ib.m-alltools:hover{background:var(--m-panel);border-color:var(--m-ink4)}.m-vr{background:var(--m-line);flex:none;width:1px;height:17px;margin:0 2px}.m-chip{font-size:var(--t-md);color:var(--m-ink2);border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:5px;padding:5px 8px;transition:background .1s;display:flex}.m-chip:hover{background:var(--m-hover)}.m-chip.is-active{background:var(--m-accent,#3b82f6);color:#fff}.m-chip.is-active:hover{background:var(--m-accent,#3b82f6)}.m-chip>svg:last-child{opacity:.55}.mapp .menubar{background:var(--m-chrome);border-bottom:1px solid var(--m-line);flex:none;align-items:center;gap:0;height:31px;padding:0 8px}.mapp .m-menubar{background:var(--m-panel);gap:3px;height:42px;padding:0 10px 0 8px}.mapp .m-menubar .m-omni{height:28px;color:var(--m-ink2);background:0 0;border-color:#0000;flex:none;gap:5px;margin:0 2px 0 6px;padding:0 7px 0 8px}.mapp .m-menubar .m-omni:hover{background:var(--m-hover)}.mapp .m-menubar .doc-title{white-space:nowrap;margin-left:10px;padding-right:0}.mapp .menu-title{border-radius:var(--r-sm);font-size:var(--t-md);color:var(--m-ink2);letter-spacing:-.05px;padding:3px 9px}.mapp .menu-title:hover,.mapp .menu-root.open .menu-title{background:var(--m-hover);color:var(--m-ink)}.m-body{flex:1;min-height:0;display:flex;position:relative}.m-rail{border-right:1px solid var(--m-line);background:var(--m-chrome);flex-direction:column;flex:none;align-items:center;gap:5px;padding:10px 0;display:flex;overflow:visible}.m-rule{background:var(--m-line);flex:none;width:26px;height:1px;margin:3px 0}.m-t.band{margin-top:13px}.m-t{width:var(--h-slot);height:var(--h-slot);border-radius:var(--r-sm);color:var(--m-ink2);flex:none;place-items:center;transition:background .1s,color .1s;display:grid;position:relative}.m-t:hover{background:var(--m-hover);color:var(--m-ink)}.m-t.on{background:var(--m-accent);color:var(--m-accent-ink);box-shadow:inset 0 1px #ffffff29}.m-t .fly{opacity:.4;border-bottom:3.5px solid;border-left:3.5px solid #0000;width:0;height:0;position:absolute;bottom:2.5px;right:2.5px}.m-tip{white-space:nowrap;color:#fff;font-size:var(--t-sm);border-radius:var(--r-sm);opacity:0;pointer-events:none;z-index:60;box-shadow:var(--m-shadow2);background:#1c1c1f;border:1px solid #ffffff24;padding:5px 9px;transition:opacity .1s 60ms;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.m-tip b{opacity:.5;margin-left:9px;font-weight:500}.m-t:hover .m-tip{opacity:1}.m-work{background:var(--m-bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.m-dtabs{background:var(--m-chrome);border-bottom:1px solid var(--m-line);scrollbar-width:none;flex:none;align-items:center;gap:1px;height:38px;padding:0 8px;display:flex;overflow-x:auto}.m-dtabs::-webkit-scrollbar{display:none}.m-side-tabs{display:none}.mapp.tabs-side .m-side-tabs{width:var(--side-tabs-w,170px);background:var(--m-chrome);border-right:1px solid var(--m-line);flex:none;display:flex;position:relative}.m-side-tabs-grip{display:none}.mapp.tabs-side .m-side-tabs-grip{cursor:ew-resize;z-index:2;width:6px;display:block;position:absolute;top:0;bottom:0;right:-3px}.mapp.tabs-side .m-side-tabs-grip:hover{background:var(--accent-soft)}.mapp.no-document.tabs-side .m-side-tabs{display:none}.mapp.tabs-side .m-side-tabs .m-dtabs{border-bottom:0;flex-direction:column;align-items:stretch;gap:2px;width:100%;height:auto;padding:8px;overflow:hidden auto}.mapp.tabs-side .m-dtab{height:auto;min-height:var(--h-ctl);width:100%}.mapp.tabs-side .m-dtab>span:not(.x):not(.dirty){text-overflow:ellipsis;flex:1;overflow:hidden}.m-dtab{height:var(--h-ctl);border-radius:var(--r-sm);font-size:var(--t-md);color:var(--m-ink3);white-space:nowrap;align-items:center;padding:0 7px 0 12px;transition:background .1s,color .1s;display:flex}.m-dtab:hover{background:var(--m-hover);color:var(--m-ink2)}.m-dtab.on{background:var(--m-panel);color:var(--m-ink);box-shadow:0 0 0 1px var(--m-line), 0 1px 2px #0000000d;font-weight:600}.m-dtab .x{opacity:0;border-radius:var(--r-sm);width:0;height:18px;font-size:var(--t-xl);color:currentColor;place-items:center;margin-left:0;line-height:1;transition:width .12s,opacity .1s,margin-left .12s;display:grid;overflow:hidden}.m-dtab:hover .x,.m-dtab.on .x{opacity:.5;width:18px;margin-left:7px}.m-dtab .x:hover{opacity:1;background:#00000017}:root[data-theme=dark] .m-dtab .x:hover{background:#ffffff24}.m-dtab .dirty{opacity:.8;background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;margin-right:8px}.m-stage{flex:1;min-height:0;position:relative}.mapp .canvas-host{background:var(--m-bg);position:absolute;inset:0}.m-card{background:var(--m-panel);border:1px solid var(--m-line);border-radius:var(--r-md);box-shadow:var(--m-shadow)}.m-opts{z-index:20;align-items:center;gap:1px;max-width:calc(100% - 28px);height:36px;padding:0 5px;display:flex;position:absolute;top:36px;left:36px}.m-opts .name{font-size:var(--t-md);letter-spacing:-.05px;color:var(--m-ink);align-items:center;gap:6px;padding:0 7px 0 4px;font-weight:600;display:flex}.m-opts .m-chip{font-size:var(--t-md);padding:5px 7px}.m-ctx .m-chip{color:var(--m-ink);padding:6px 9px}.m-sw{border-radius:var(--r-sm);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--m-swatch-ring);flex:none}.m-boards{z-index:18;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:14px;left:14px}.m-board{border-radius:var(--r-sm);border:1px solid var(--m-line);min-width:18px;max-width:42px;height:40px;box-shadow:var(--m-shadow);background:#fff;place-items:center;padding:2px;transition:height .16s,max-width .16s,border-color .12s;display:grid;overflow:hidden}.m-board canvas{max-width:100%;max-height:100%;display:block}.m-board.on{border-color:var(--m-sel);box-shadow:var(--m-shadow), 0 0 0 2px var(--m-sel-soft)}.m-board.add{width:34px;color:var(--m-ink4);background:0 0;border-style:dashed;margin-bottom:0;transition:height .16s,width .16s,margin-bottom .16s,border-color .12s,color .12s}.m-board.add:hover{border-color:var(--m-ink4);color:var(--m-ink2)}.m-boards:hover .m-board{max-width:58px;height:56px}.m-boards:hover .m-board.add{width:44px;margin-bottom:20px}.m-blbl{width:100%;font-size:var(--t-xs);color:var(--m-ink4);text-align:center;white-space:nowrap;border-radius:var(--r-sm);text-overflow:ellipsis;opacity:0;pointer-events:none;max-height:0;margin-top:0;padding:0 4px;transition:max-height .16s,margin-top .16s,opacity .16s;display:block;overflow:hidden}.m-boards:hover .m-blbl{opacity:1;pointer-events:auto;max-height:16px;margin-top:3px}.m-blbl:hover{background:var(--m-hover);color:var(--m-ink2)}.m-zoom{z-index:18;height:var(--h-ctl);border-radius:var(--r-pill);align-items:center;gap:1px;padding:0 3px;display:flex;position:absolute;bottom:14px;right:14px}.m-zoom button{width:var(--h-dense);height:var(--h-dense);border-radius:var(--r-pill);color:var(--m-ink2);place-items:center;display:grid}.m-zoom button:hover{background:var(--m-hover)}.m-delete{z-index:19;width:var(--h-ctl);height:var(--h-ctl);color:#e5484d;place-items:center;padding:0;display:none;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.m-delete.show{display:grid}.m-delete:active{background:var(--m-hover)}.m-zoom .v{font-size:var(--t-sm);color:var(--m-ink2);text-align:center;font-variant-numeric:tabular-nums;width:auto;min-width:46px;padding:0 6px}.m-zoom .v:hover{background:var(--m-hover);color:var(--m-ink)}.m-status{background:var(--m-chrome);border-top:1px solid var(--m-line);height:26px;font-size:var(--t-sm);color:var(--m-ink3);flex:none;align-items:center;gap:8px;padding:0 11px;display:flex}.m-dot{background:#2ea043;border-radius:50%;flex:none;width:6px;height:6px}.m-pixel{color:var(--m-accent-text);background:var(--m-accent-soft);border-radius:999px;align-items:center;gap:5px;padding:1px 8px;font-weight:550;display:inline-flex}.m-pixel:before{content:"";background:var(--m-accent);border-radius:2px;width:7px;height:7px}.m-pixel[hidden]{display:none}.m-rail.pixel{background:var(--m-accent-soft)}.m-f{border:1px solid var(--m-line);border-radius:var(--r-sm);background:0 0;flex:1;align-items:center;gap:6px;min-width:0;height:28px;padding:0 8px;transition:border-color .1s;display:flex}.m-f:hover{border-color:var(--m-ink4)}button.m-f:hover{background:var(--m-hover)}.m-f .lb{font-size:var(--t-xs);color:var(--m-ink4);flex:none;min-width:10px}.m-f .vl{font-size:var(--t-md);white-space:nowrap;text-overflow:ellipsis;text-align:left;font-variant-numeric:tabular-nums;flex:1;overflow:hidden}.m-f .sf{font-size:var(--t-xs);color:var(--m-ink4);flex:none}.m-quiet{text-align:center;color:var(--m-ink4);font-size:var(--t-md);padding:30px 20px;line-height:1.8}.m-modal{z-index:400;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#10101447;justify-content:center;padding-top:90px;display:flex;position:fixed;inset:0}.m-pal{background:var(--m-panel);width:540px;max-height:420px;color:var(--m-ink);border:1px solid var(--m-line);border-radius:var(--r-lg);box-shadow:var(--m-shadow3);flex-direction:column;font:13px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;display:flex;overflow:hidden}.m-pal.wide{width:640px;max-height:460px}.m-palh{border-bottom:1px solid var(--m-line);flex:none;align-items:center;gap:10px;height:48px;padding:0 16px;display:flex}.m-palh input{font:inherit;font-size:var(--t-lg);color:var(--m-ink);background:0 0;border:0;outline:0;flex:1}.m-palh svg{color:var(--m-ink4)}.m-pall{flex:1;padding:6px 7px;overflow-y:auto}.m-pr{border-radius:var(--r-md);text-align:left;width:100%;min-height:34px;color:var(--m-ink);align-items:center;gap:10px;padding:6px 10px;display:flex}.m-pr:hover,.m-pr.on{background:var(--m-hover)}.m-pr .nm{font-size:var(--t-lg);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.m-pr .kd{font-size:var(--t-sm);color:var(--m-ink4);text-align:right;flex:none;min-width:52px}.m-pr .m-kbd{text-align:center;flex:none;min-width:34px}.m-pr:not(:has(.m-kbd)):after{content:"";flex:none;min-width:34px}.m-cat{font-size:var(--t-xs);color:var(--m-ink4);text-transform:uppercase;letter-spacing:.07em;padding:12px 10px 5px;font-weight:650}.m-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0 4px 4px;display:grid}.m-pop{z-index:300;background:var(--m-panel);color:var(--m-ink);border:1px solid var(--m-line);border-radius:var(--r-md);box-shadow:var(--m-shadow2);min-width:206px;padding:5px;font:13px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;position:fixed}.m-pop h4{font-size:var(--t-xs);color:var(--m-ink4);text-transform:uppercase;letter-spacing:.07em;margin:0;padding:6px 8px 3px;font-weight:650}.m-item{border-radius:var(--r-sm);width:100%;font-size:var(--t-md);text-align:left;color:var(--m-ink);align-items:center;gap:8px;padding:6px 8px;display:flex}.m-item:hover{background:var(--m-hover)}.m-item.on{background:var(--m-accent-soft);color:var(--m-accent-text)}.m-item .k{font-size:var(--t-xs);color:var(--m-ink4);margin-left:auto}.m-fan{opacity:0;pointer-events:none;z-index:70;width:max-content;padding-left:7px;transition:opacity .1s,transform .1s;position:absolute;top:50%;left:100%;transform:translateY(-50%)translate(-5px)}.m-t.fan-open .m-fan,.m-t:hover .m-fan,.m-t:focus-within .m-fan{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)}.m-t:hover .m-fan{transition-delay:.18s}.m-t.fan-open .m-fan{transition-delay:0s}.m-fan-in{background:var(--m-panel);border:1px solid var(--m-line);border-radius:var(--r-md);max-width:340px;box-shadow:var(--m-shadow2);flex-wrap:wrap;align-items:center;gap:2px;padding:5px;display:flex}.m-fan-t{border-radius:var(--r-md);width:38px;height:38px;color:var(--m-ink2);place-items:center;display:grid;position:relative}.m-fan-t:hover{background:var(--m-hover);color:var(--m-ink)}.m-fan-t.on{background:var(--m-accent);color:var(--m-accent-ink)}.m-fan-lbl{white-space:nowrap;color:#fff;font-size:var(--t-sm);border-radius:var(--r-sm);opacity:0;pointer-events:none;z-index:80;box-shadow:var(--m-shadow2);background:#1c1c1f;border:1px solid #ffffff24;padding:4px 8px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.m-fan-lbl b{opacity:.5;margin-left:7px;font-weight:500}.m-fan-t:hover .m-fan-lbl{opacity:1}.m-t.fan-open .m-tip{opacity:0}.m-opts{transition:box-shadow .12s}.m-opts:hover,.m-opts:focus-within{box-shadow:var(--m-shadow2)}.m-opts{cursor:default}.m-opts.dragging{box-shadow:var(--m-shadow2);cursor:grabbing}.m-grip{width:24px;height:26px;color:var(--m-ink4);cursor:grab;border-radius:var(--r-sm);flex:none;place-items:center;margin-left:-4px;margin-right:0;display:grid}.m-grip:hover{background:var(--m-hover);color:var(--m-ink3)}.m-opts.dragging .m-grip{cursor:grabbing}.m-opts .m-reset{font-size:var(--t-xs);color:var(--m-ink4);border-radius:var(--r-sm);padding:3px 6px}.m-opts .m-reset:hover{background:var(--m-hover);color:var(--m-ink)}.m-detail{z-index:30;width:278px;padding-top:7px;position:absolute;top:100%;left:0}.m-detail-in{background:var(--m-panel);border:1px solid var(--m-line);border-radius:var(--r-md);box-shadow:var(--m-shadow2);padding:5px}.m-detail h4{font-size:var(--t-xs);color:var(--m-ink4);text-transform:uppercase;letter-spacing:.07em;margin:0;padding:7px 8px 4px;font-weight:650}.m-row{border-radius:var(--r-sm);align-items:center;gap:9px;min-height:30px;padding:5px 8px;display:flex}.m-row:hover{background:var(--m-hover)}.m-row>.lb{font-size:var(--t-md);color:var(--m-ink);flex:1}.m-row input[type=number]{text-align:right;border:1px solid var(--m-line);border-radius:var(--r-sm);width:62px;height:25px;font:inherit;font-size:var(--t-md);color:var(--m-ink);font-variant-numeric:tabular-nums;background:0 0;flex:none;padding:0 7px}.m-row input[type=number]:focus{border-color:var(--m-accent);outline:none}.m-row .unit{font-size:var(--t-xs);color:var(--m-ink4);flex:none;margin-left:-5px}.m-toggle{border-radius:var(--r-pill);background:var(--m-line);flex:none;width:30px;height:17px;transition:background .13s;position:relative}.m-toggle.on{background:var(--m-accent)}.m-toggle:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .13s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.m-toggle.on:after{transform:translate(13px)}.m-detail .m-row.act{cursor:pointer}.m-detail .m-row.act .lb{color:var(--m-accent-text)}.m-detail hr{border:0;border-top:1px solid var(--m-line2);margin:4px 6px}.m-scrub{z-index:20;border-radius:var(--r-md);cursor:ns-resize;touch-action:none;scrollbar-width:none;overscroll-behavior:contain;background:0 0;border:1px solid #0000;flex-direction:column;align-items:flex-start;gap:8px;max-height:132px;padding:9px 12px;transition:background .13s,border-color .13s,box-shadow .13s,gap .13s;display:flex;position:absolute;top:26px;left:26px;overflow-y:auto}.m-scrub::-webkit-scrollbar{display:none}.m-scrub.open{background:var(--m-panel);border-color:var(--m-line);-webkit-backdrop-filter:blur(14px)saturate(1.4);box-shadow:var(--m-shadow3);gap:1px;max-height:min(340px,100% - 110px)}.m-scrub.scrubbing{cursor:grabbing}.m-scrub-empty{font-size:var(--t-sm);color:var(--m-ink4);white-space:nowrap;opacity:.8;padding:1px 2px}.m-stick{border-radius:var(--r-sm);flex:none;align-items:center;gap:10px;padding:0;transition:padding .13s,background .1s;display:flex;position:relative}.m-scrub.open .m-stick{padding:3px 6px}.m-scrub.open .m-stick:hover{background:var(--m-hover)}.m-stick i{border-radius:var(--r-xs);background:var(--m-ink4);opacity:.45;flex:none;width:13px;height:2px;transition:width .12s,height .12s,background .1s,opacity .1s;display:block}.m-stick:hover i{opacity:.85}.m-stick.now i{background:var(--m-ink);opacity:1;width:17px;height:3px}.m-scrub.open .m-stick i{width:18px;height:3px}.m-scrub.open .m-stick.now i{width:22px;height:4px}.m-stick.ahead i{opacity:.18}.m-stick .lbl{opacity:0;white-space:nowrap;max-width:0;font-size:var(--t-sm);color:var(--m-ink2);line-height:0;transition:max-width .16s,opacity .12s,line-height .16s;overflow:hidden}.m-scrub.open .m-stick .lbl{opacity:1;max-width:190px;line-height:1.5}.m-stick.now .lbl{color:var(--m-ink);font-weight:600}.m-stick.ahead .lbl{color:var(--m-ink4)}.m-stick .lbl b{color:var(--m-ink4);margin-left:7px;font-weight:400}.m-opts .name{border-radius:var(--r-sm);width:28px;height:26px;color:var(--m-ink);flex:none;place-items:center;padding:0;display:grid}.m-opts .name:hover{background:var(--m-hover)}.m-under{z-index:30;padding-top:7px;position:absolute;top:100%;left:0}.m-under-in{background:var(--m-panel);border:1px solid var(--m-line);border-radius:var(--r-md);box-shadow:var(--m-shadow2);padding:4px}.m-under.mini .m-under-in{white-space:nowrap;align-items:center;gap:1px;display:flex}.m-under.mini .m-chip{font-size:var(--t-md);padding:6px 9px}.opt-hint{color:var(--m-ink4);flex:none;align-items:center;transition:transform .13s;display:flex}.opt-hint.on{color:var(--m-accent-text);transform:rotate(90deg)}.m-dockbar{flex:none;display:flex}.m-panels-toggle{flex:none;align-self:center;margin:0 8px 0 4px}.m-dockbar:empty{display:none}.m-opts.docked{background:var(--m-chrome);border:0;border-bottom:1px solid var(--m-line);width:100%;height:38px;box-shadow:none;border-radius:0;flex:auto;gap:1px;padding:0 10px;position:relative;top:auto;left:auto}.m-opts.docked:hover{box-shadow:none}.m-opts.docked .m-grip{opacity:.45}.m-opts.docked .m-grip:hover{opacity:1}.m-opts.docked .m-under,.m-opts.docked .m-detail{padding-top:4px}.mapp .dock{background:var(--m-panel);border-left:1px solid var(--m-line);flex:none;width:276px}.mapp .panel-group{border-bottom:1px solid var(--m-line);background:0 0;flex-direction:row}.mapp .panel-tabs{background:var(--m-chrome);border-right:1px solid var(--m-line);scrollbar-width:none;border-bottom:0;flex-direction:column;flex:0 0 34px;justify-content:flex-start;align-items:center;gap:2px;width:34px;height:auto;min-height:0;padding:5px 0;overflow:hidden auto}.mapp .panel-tabs::-webkit-scrollbar{display:none}.mapp .panel-tab{border-radius:var(--r-sm);width:26px;height:26px;color:var(--m-ink3);background:0 0;border:0;flex:none;place-items:center;margin:0;padding:0;display:grid;position:relative}.mapp .panel-tab-i{display:block}.mapp .panel-tab:hover{background:var(--m-hover);color:var(--m-ink)}.mapp .panel-tab.active{background:var(--m-accent-soft);color:var(--m-accent-text)}.mapp .panel-tab-l{white-space:nowrap;color:#fff;font-size:var(--t-sm);border-radius:var(--r-sm);opacity:0;pointer-events:none;z-index:60;box-shadow:var(--m-shadow2);background:#1c1c1f;border:1px solid #ffffff24;padding:4px 8px;font-weight:400;line-height:1.4;transition:opacity 80ms;position:absolute;top:50%;right:calc(100% + 9px);transform:translateY(-50%)}.mapp .panel-tab:hover .panel-tab-l{opacity:1}.mapp .panel-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.mapp .panel-title{font-size:var(--t-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--m-ink4);flex:none;padding:7px 10px 5px;font-weight:650;display:block}.mapp .panel-body{background:var(--m-panel);color:var(--m-ink);flex:1;min-width:0}.mapp .panel-close{z-index:2;border-radius:var(--r-sm);width:20px;height:20px;color:var(--m-ink4);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.mapp .panel-close:hover{background:var(--m-hover);color:var(--m-ink)}.mapp .panel-group.floating{background:var(--m-panel);border:1px solid var(--m-line);border-radius:var(--r-md);box-shadow:var(--m-shadow2);overflow:hidden}.m-modal,.m-pal,.m-pop{-webkit-font-smoothing:antialiased;font:13px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}:where(.m-modal,.m-pop) :where(button:not(.m-hosted *)){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.m-modal svg:not(.m-hosted *),.m-pop svg:not(.m-hosted *){flex:none;display:block}.panel-resizer{cursor:ns-resize;background:0 0;flex:none;height:5px;position:relative}.panel-resizer:after{content:"";background:var(--m-line);height:1px;transition:background .1s;position:absolute;top:2px;left:0;right:0}.panel-resizer:hover:after,.panel-resizer.dragging:after{background:var(--m-accent);height:2px}.m-redock{border-radius:var(--r-sm);width:26px;height:26px;color:var(--m-ink4);flex:none;place-items:center;margin-left:2px;display:grid}.m-redock:hover{background:var(--m-hover);color:var(--m-ink)}.m-opts.docked .m-redock{display:none}.mapp .panel-body .button-row,.mapp .panel-body .row:not([hidden]){flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mapp .panel-body button.btn{margin:0}.mapp .panel-body{padding-bottom:10px}.m-scrub.tucked{opacity:0;pointer-events:none;transition:opacity .18s}.m-scrub{transition:background .13s,border-color .13s,box-shadow .13s,gap .13s,opacity .18s}.mapp .panel-body button:disabled{opacity:.3;cursor:default}.mapp .panel-gated .inert{opacity:.4}.mapp .panel-note{font-size:var(--t-sm);color:var(--m-ink4);padding:2px 0 9px;line-height:1.5}.m-chip.has-drop{position:relative}.m-drop{opacity:0;pointer-events:none;z-index:40;padding-top:7px;transition:opacity .1s,transform .1s;position:absolute;top:100%;left:0;transform:translateY(-4px)}.m-chip.drop-open .m-drop{opacity:1;pointer-events:auto;transform:translateY(0)}.m-drop-in{background:var(--m-panel);border:1px solid var(--m-line);border-radius:var(--r-md);box-shadow:var(--m-shadow2);align-items:center;gap:2px;padding:4px;display:flex}.m-drop-t{border-radius:var(--r-sm);width:32px;height:32px;color:var(--m-ink2);place-items:center;display:grid}.m-drop-t:hover{background:var(--m-hover);color:var(--m-ink)}.m-num{height:var(--h-ctl);border-radius:var(--r-sm);border:1px solid #0000;flex:none;align-items:center;gap:5px;padding:0 7px;transition:border-color .1s,background .1s;display:flex}.m-num:hover,.m-num:focus-within{border-color:var(--m-line);background:var(--m-panel)}.m-num .lb{font-size:var(--t-xs);color:var(--m-ink4);flex:none}.m-num input.val{width:46px;font:inherit;font-size:var(--t-md);color:var(--m-ink);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0}.m-opts.docked .m-num input.val{width:52px}.m-drawer{background:var(--m-panel);border-left:1px solid #0000;flex-direction:column;flex:0 0 0;width:0;min-height:0;transition:flex-basis .2s cubic-bezier(.2,.8,.3,1),width .2s cubic-bezier(.2,.8,.3,1);display:flex;position:relative;overflow:hidden}.m-drawer.open{flex:0 0 var(--m-drawer-w,288px);width:var(--m-drawer-w,288px);border-left-color:var(--m-line)}.m-drawer.peeking{z-index:20;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #0000002e}:root[data-theme=dark] .m-drawer.peeking{box-shadow:-8px 0 28px #00000073}.m-drawer.resizing{transition:none}.m-drawer-grip{z-index:4;cursor:col-resize;background:0 0;width:5px;transition:background .13s;position:absolute;top:0;bottom:0;left:0}.m-drawer-grip:hover,.m-drawer.resizing .m-drawer-grip{background:var(--m-accent)}.m-drawer:not(.open) .m-drawer-grip{display:none}@media (prefers-reduced-motion:reduce){.m-drawer{transition:none}}.m-drawer .dock{border-left:0;flex:1;width:100%;min-height:0;overflow-y:auto}.m-drawer-x{border-radius:var(--r-md);width:28px;height:28px;color:var(--m-ink3);background:var(--m-panel);border:1px solid var(--m-line);box-shadow:var(--m-shadow);place-items:center;display:grid;position:absolute;top:12px;left:-34px}.m-drawer-x:hover{color:var(--m-ink)}.m-drawer:not(.open) .m-drawer-x{opacity:0;pointer-events:none}.m-fsbox{flex-direction:column;flex:none;align-items:center;gap:8px;width:34px;margin:9px 0 11px;display:flex;position:relative}.m-fs2{width:32px;height:32px;overflow:visible}.m-fs2 rect{transform-box:fill-box;transform-origin:50%;transition:opacity .13s,transform .13s,stroke-width .13s}.m-fs2 .fs-stroke{fill:none;stroke-width:8px;pointer-events:none;filter:drop-shadow(0 1px 1.5px #0000001f)}.m-fs2 .fs-fill{stroke:none;pointer-events:fill;filter:drop-shadow(0 1px 1.5px #0000002e)}.m-fs2 .fs-hit{fill:none;stroke:#0000;stroke-width:11px;pointer-events:stroke}.m-fs2[data-over=stroke] .fs-fill,.m-fs2[data-over=fill] .fs-stroke{opacity:.28}.m-fs2[data-over=stroke] .fs-stroke{stroke-width:9.5px}.m-fs2[data-over=fill] .fs-fill{transform:scale(1.12)}.m-fs2 :focus,.m-fs2 :focus-visible{outline:none}.m-fs2:has(.fs-fill:focus-visible) .fs-stroke{opacity:.28}.m-fs2:has(.fs-fill:focus-visible) .fs-fill{transform:scale(1.12)}.m-fs2:has(.fs-hit:focus-visible) .fs-fill{opacity:.28}.m-fs2:has(.fs-hit:focus-visible) .fs-stroke{stroke-width:9.5px}.m-fs2 .fs-slash{stroke:#e5484d;stroke-width:2.2px;pointer-events:none;opacity:0}.m-fs2.fill-none .fs-slash{opacity:1}.m-fs2.fill-none .fs-fill{fill:var(--m-panel)}.m-fs2.stroke-none .fs-stroke{stroke-width:2.5px}.m-fs2.stroke-none[data-over=stroke] .fs-stroke{stroke-width:3.5px}.m-fs-swap{border-radius:var(--r-sm);width:24px;height:24px;color:var(--m-ink4);flex:none;place-items:center;transition:color .12s,background .12s,transform .12s;display:grid}.m-fs-swap:hover{color:var(--m-ink);background:var(--m-hover)}.m-fs-swap:active{transform:rotate(180deg)}.m-pop-scrim{z-index:299;position:fixed;inset:0}.m-pop{z-index:300;max-height:70vh;position:fixed;overflow:hidden auto}.m-pop button:not(.m-hosted *),.m-modal button:not(.m-hosted *),.m-drop button{box-shadow:none;background:0 0;border:0;outline:none}.m-pop button:focus-visible,.m-modal button:focus-visible,.mapp button:focus-visible{outline:2px solid var(--m-accent);outline-offset:1px}.mapp button:focus:not(:focus-visible){outline:none}.m-pop .picker:not(.m-hosted *),.m-pop .picker-sv:not(.m-hosted *){border-radius:var(--r-md)}.m-pop .picker:not(.m-hosted *) input{border:1px solid var(--m-line);border-radius:var(--r-sm);color:var(--m-ink);background:0 0}.m-chip.wide{max-width:170px;font-weight:550}.m-chip.wide>span{text-overflow:ellipsis;overflow:hidden}.m-chip.on{background:var(--m-accent-soft);color:var(--m-accent-text)}.m-lead{font-size:var(--t-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--m-ink3);white-space:nowrap;align-self:center;padding:0 2px 0 4px;font-weight:600}.m-seg{border-radius:var(--r-md);background:var(--m-hover);align-items:center;gap:1px;margin:0 2px;padding:2px;display:inline-flex}.m-seg-b{width:26px;height:var(--h-dense);border-radius:var(--r-sm);color:var(--m-ink2);place-items:center;display:grid}.m-seg-b:hover{background:var(--m-panel);color:var(--m-ink);box-shadow:var(--m-shadow)}.m-drop{visibility:hidden}.has-drop.drop-open .m-drop,.has-drop:hover .m-drop{visibility:visible}.m-fan{visibility:hidden}.m-t.fan-open .m-fan,.m-t:hover .m-fan{visibility:visible}.m-seg-b.on{background:var(--m-accent);color:var(--m-accent-ink)}.m-t.announce{background:var(--m-accent-soft)}.m-t.announce>svg{color:var(--m-accent-text)}.m-t.announce .m-tip{opacity:1;transition-delay:0s}.m-t:hover .m-fan~.m-tip,.m-t.fan-open .m-fan~.m-tip{opacity:0}.m-near{z-index:24;pointer-events:none;opacity:0;transition:opacity 90ms,transform 90ms;position:absolute;transform:translateY(3px)}.m-near.on{opacity:1;pointer-events:auto;transform:none}.m-near-in{background:var(--m-panel);border:1px solid var(--m-line);border-radius:var(--r-md);height:34px;box-shadow:var(--m-shadow2);align-items:center;gap:2px;padding:0 5px;display:flex}.m-near-in .m-chip{font-size:var(--t-md);padding:5px 7px}.m-near-in .m-num{height:var(--h-ctl)}@media (prefers-reduced-motion:reduce){.m-near{transition:none}}.m-pr.at{background:var(--m-accent-soft)}.m-pr.at .nm{color:var(--m-accent-text)}.m-num .lb{cursor:ew-resize;-webkit-user-select:none;user-select:none}.m-num .lb:hover{color:var(--m-ink2)}body.m-scrubbing,body.m-scrubbing *{-webkit-user-select:none;user-select:none;cursor:ew-resize!important}:root:not([data-theme=light]) .m-seg-b:hover,:root[data-theme=dark] .m-seg-b:hover{background:var(--m-hover)}@media (prefers-reduced-motion:reduce){.mapp *,.m-pop,.m-modal,.m-drawer{transition-duration:.01ms!important;animation-duration:.01ms!important}}.m-sw.mixed{background-image:repeating-linear-gradient(45deg, var(--m-ink4) 0 2px, transparent 2px 4px)}.mapp.panels-hidden .m-rail,.mapp.panels-hidden .m-opts,.mapp.panels-hidden .m-near,.mapp.panels-hidden .m-scrub,.mapp.panels-hidden .m-boards,.mapp.panels-hidden .m-dtabs,.mapp.panels-hidden .m-status,.mapp.panels-hidden .m-zoom{display:none}.mapp.panels-hidden .m-drawer{transform:translate(100%)}body:has(.mapp.panels-hidden) .panel-group.floating{display:none}.m-paint{width:300px}.m-paint-tabs{border-bottom:1px solid var(--m-line);align-items:center;gap:2px;padding:5px 6px;display:flex}.m-paint-tab{font-size:var(--t-sm);color:var(--m-ink3);border-radius:var(--r-sm);white-space:nowrap;padding:5px 9px;font-weight:550}.m-paint-tab:hover{background:var(--m-hover);color:var(--m-ink)}.m-paint-tab.on{background:var(--m-accent-soft);color:var(--m-accent-text)}.m-paint-acts{border-top:1px solid var(--m-line);align-items:center;gap:4px;padding:6px 8px;display:flex}.m-paint-std{font-size:var(--t-sm);color:var(--m-ink3);border-radius:var(--r-sm);white-space:nowrap;padding:5px 8px}.m-paint-std:hover{color:var(--m-ink);background:var(--m-hover)}.m-paint-none{font-size:var(--t-sm);color:var(--m-ink3);border-radius:var(--r-sm);background-image:linear-gradient(to top right,#0000 47%,#e5484d 47% 53%,#0000 53%);padding:5px 8px}.m-paint-none:hover{color:var(--m-ink);background-color:var(--m-hover)}.m-paint-body{max-height:52vh;overflow-y:auto}.m-hosted{padding:9px 10px;font:12px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.m-paint-body .panel-head,.m-paint-body .sw-group{display:none}.m-paint-body .sw-group+.sw-grid{margin-top:5px}.mapp.no-document .start-screen{background:#e6e6e3;gap:0;display:flex}:root[data-theme=dark] .mapp.no-document .start-screen{background:#171719}.mapp.no-document canvas,.mapp.no-document .m-opts,.mapp.no-document .m-near,.mapp.no-document .m-scrub,.mapp.no-document .m-boards,.mapp.no-document .m-zoom,.mapp.no-document .m-dtabs{display:none}.mapp.no-document .m-rail{opacity:.35;pointer-events:none}.mapp .start-mark{color:#000;opacity:.08;filter:drop-shadow(0 1.5px .5px #fffffff2);margin-bottom:26px}:root:not([data-theme=light]) .mapp .start-mark,:root[data-theme=dark] .mapp .start-mark{color:#000;opacity:.28;filter:drop-shadow(0 1.5px #ffffff24)drop-shadow(0 -1px .5px #0009)}.mapp .start-mark svg{width:108px;height:136px;display:block}.mapp .start-title{font-size:var(--t-xl);color:var(--m-ink2);letter-spacing:-.1px;font-weight:600}.mapp .start-screen .hint{font-size:var(--t-sm);color:var(--m-ink4);margin-top:14px}.mapp .start-screen .button-row{gap:9px;margin-top:18px;display:flex}.mapp .start-screen .btn{font-size:var(--t-md);color:var(--m-ink);border-radius:var(--r-md);background:var(--m-panel);border:1px solid var(--m-line);height:auto;min-height:34px;box-shadow:var(--m-shadow);cursor:pointer;padding:0 17px;font-weight:550;line-height:1}.mapp .start-screen .btn:hover{background:var(--m-chrome)}.mapp .start-screen .btn.primary{background:var(--m-accent);color:var(--m-accent-ink);border-color:#0000}.mapp .start-screen .btn.primary:hover{filter:brightness(1.07)}.m-rpanels{flex-direction:column;flex:none;align-items:center;gap:3px;display:flex}.m-rp{width:34px;height:var(--h-ctl);border-radius:var(--r-md);color:var(--m-ink3);place-items:center;transition:background .1s,color .1s;display:grid;position:relative}.m-rp:hover{background:var(--m-hover);color:var(--m-ink)}.m-rpanel{width:286px}.m-rpanel-h{font-size:var(--t-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--m-ink4);border-bottom:1px solid var(--m-line);padding:8px 11px 7px;font-weight:650}.m-rpanel-b{max-height:60vh;overflow-y:auto}.m-rpanel-b .panel-head{display:none}@media (max-height:880px){.m-rail{gap:3px;padding:6px 0}.m-rail .m-rule{margin:0}.m-t.band{margin-top:8px}.m-rp{height:26px}}@media (max-height:740px){.m-rail{gap:2px}.m-rp{height:25px}}.m-crumb{z-index:25;background:var(--m-panel);border:1px solid var(--m-line);border-radius:var(--r-md);height:34px;box-shadow:var(--m-shadow2);align-items:center;gap:2px;max-width:min(560px,100% - 40px);padding:0 6px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.m-crumb[hidden]{display:none}.m-crumb-sep{color:var(--m-ink4);font-size:var(--t-md)}.m-crumb-at{font-size:var(--t-md);color:var(--m-ink);white-space:nowrap;text-overflow:ellipsis;padding:0 7px;font-weight:600;overflow:hidden}.m-toprow{background:var(--m-chrome);border-bottom:1px solid var(--m-line);flex:none;align-items:stretch;gap:0;height:38px;display:flex}.m-toprow .m-dtabs{background:0 0;border-bottom:0;flex:none;padding-right:4px}.m-toprow .m-dockbar{flex:auto;min-width:0;position:relative}.m-toprow .m-opts.docked{border-bottom:0}.mapp,.m-hosted{--app-bg:var(--m-bg);--panel-bg:var(--m-panel);--panel-header:var(--m-chrome);--panel-border:var(--m-line);--divider:var(--m-line);--input-bg:var(--m-panel);--input-border:var(--m-line);--hover:var(--m-hover);--active:var(--m-accent-soft);--text:var(--m-ink);--text-dim:var(--m-ink3);--text-faint:var(--m-ink4);--accent:var(--m-accent);--accent-strong:var(--m-accent);--accent-ink:var(--m-accent-ink);--accent-hover:var(--m-accent-text);--accent-soft:var(--m-accent-soft);--accent-ring:var(--m-accent);--surface-raised:var(--m-panel);--surface-edge:var(--m-line);--surface-sunken:var(--m-hover);--field-bg:var(--m-hover);--panel-active:var(--m-accent-soft);--scrollbar:var(--m-line);--shadow-strong:var(--m-shadow2);--shadow-soft:var(--m-shadow);--mark-highlight:var(--m-accent-soft)}.m-near-in .m-chip:hover{background:#00000013}:root:not([data-theme=light]) .m-near-in .m-chip:hover,:root[data-theme=dark] .m-near-in .m-chip:hover{background:#ffffff1a}.m-near-in .m-num:hover,.m-near-in .m-num:focus-within{border-color:var(--m-line);background:var(--m-chrome)}.m-font.font-field{height:var(--h-ctl);border-radius:var(--r-sm);max-width:168px;font-size:var(--t-md);color:var(--m-ink2);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:0 9px;font-weight:550;display:flex}.m-font.font-field:hover{background:var(--m-hover);color:var(--m-ink)}.m-font .font-name{text-overflow:ellipsis;overflow:hidden}.mapp .dock{overscroll-behavior:contain;overflow-y:auto}.mapp .panel-group{flex:none;min-height:0}.mapp .panel-group.grow{flex:1 0 auto}.mapp .panel-group:has(~.panel-group:not([hidden])) .panel-body{max-height:52vh}.mapp .panel-group.grow .panel-body{max-height:none}.mapp .panel-group.all-gated{display:none}.panel-corridor{z-index:210;pointer-events:none;background:var(--m-accent);border-radius:var(--r-pill);height:4px;box-shadow:0 0 0 3px var(--m-accent-soft);position:fixed}.mapp .panel-tab.tab-idle{opacity:.4}.mapp .panel-tab.tab-idle:hover,.mapp .panel-tab.tab-idle.active{opacity:1}@media (max-width:640px) and (pointer:coarse){.mapp .m-body{flex-direction:column}.mapp .m-work{flex:auto;order:0;min-height:0}.mapp .m-rail{order:1}.mapp .m-rail.one,.mapp .m-rail{border-right:0;border-top:1px solid var(--divider);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;flex:none;align-items:center;gap:2px;height:58px;padding:5px 8px;overflow:auto hidden;width:100%!important}.mapp .m-rail::-webkit-scrollbar{display:none}.mapp .m-rail .m-t{flex:none;width:46px;height:46px;margin:0}.mapp .m-rail .m-rule,.mapp .m-rail .m-rpanels,.mapp .m-t .m-fan,.mapp .m-t .m-tip{display:none!important}.mapp .m-drawer{z-index:60;border-left:0;border-radius:16px 16px 0 0;height:82vh;max-height:82vh;transition:transform .24s;inset:auto 0 0;transform:translateY(101%);box-shadow:0 -10px 34px #0000004d;width:auto!important;position:fixed!important}.mapp .m-drawer.open{transform:none}.mapp .m-drawer-grip{display:none}.mapp .m-drawer-x{width:40px;height:40px;top:8px;right:8px}.mapp .m-drawer .dock{width:100%;height:100%;display:flex;overflow-y:auto}.mapp .m-menubar{scrollbar-width:none;overflow:auto hidden}.mapp .m-menubar::-webkit-scrollbar{display:none}.mapp .m-menubar .menu-title{padding:6px 11px}.mapp .m-omni{flex:none;justify-content:center;width:40px;padding:0}.mapp .m-omni>span:first-of-type,.mapp .m-omni .m-kbd{display:none}.mapp .m-toprow{scrollbar-width:none;overflow:auto hidden}.mapp .m-toprow::-webkit-scrollbar{display:none}.mapp .m-status{display:none}.mapp .m-boards,.mapp .m-zoom{bottom:12px}.modal{min-width:0;max-width:94vw;max-height:88vh;overflow:hidden auto}.modal .actions{background:var(--surface-raised);padding-top:8px;position:sticky;bottom:0}.modal.new-document{width:94vw}.new-document-body{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr);max-height:38vh}.preset-details{border-left:0;border-top:1px solid var(--divider);padding-top:12px;padding-left:0}}