.of-color-positioner{z-index:2500}.of-color-popover{width:252px;max-height:min(640px,calc(100vh - 24px));overflow:auto;box-sizing:border-box;padding:10px;border:1px solid var(--of-border-strong, #55555b);border-radius:var(--of-radius-2, 6px);background:var(--of-bg-raised, #2a2a2d);color:var(--of-fg, #ececee);box-shadow:0 12px 32px #0009;font:12px/1.4 var(--of-font-ui, system-ui, sans-serif)}.of-color-popover:focus{outline:none}.of-color-picker-body{display:grid;gap:8px;color:var(--of-fg, #ececee)}.of-color-picker-body :focus-visible{outline:2px solid var(--of-accent, #4d8dff);outline-offset:1px}.of-color-picker-body button{font:inherit;color:inherit;background:var(--of-bg-input, #1b1b1d);border:1px solid var(--of-border, #3a3a3e);border-radius:var(--of-radius-1, 4px);padding:2px 6px;cursor:pointer}.of-color-picker-body button:disabled{opacity:.45;cursor:not-allowed}.of-color-picker-body .of-mono{font-family:var(--of-font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums}.of-cp-square{position:relative;height:140px;border-radius:4px;cursor:crosshair;touch-action:none;border:1px solid var(--of-border, #3a3a3e)}.of-cp-thumb{position:absolute;width:12px;height:12px;margin:-7px 0 0 -7px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000a;pointer-events:none}.of-cp-row{display:grid;grid-template-columns:30px 1fr 28px;gap:8px;align-items:center}.of-cp-sliders{display:grid;gap:8px}.of-cp-slider{position:relative;height:12px;border-radius:6px;cursor:ew-resize;touch-action:none;border:1px solid var(--of-border, #3a3a3e)}.of-cp-slider[aria-disabled=true]{cursor:not-allowed;opacity:.55}.of-cp-slider-thumb{position:absolute;top:50%;width:10px;height:10px;margin:-7px 0 0 -7px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000a;pointer-events:none}.of-cp-preview{display:grid;grid-template-rows:1fr 1fr;width:28px;height:28px;border-radius:4px;overflow:hidden;border:1px solid var(--of-border, #3a3a3e);background:repeating-conic-gradient(#bbb 0 25%,#fff 0 50%) 0 0 / 8px 8px}.of-cp-preview span[data-none=true]{background-image:linear-gradient(135deg,transparent 45%,var(--of-danger, #ff6b6b) 46% 54%,transparent 55%)!important}.of-cp-icon{display:inline-grid;place-items:center;width:28px;height:28px;padding:0!important}.of-cp-icon[aria-pressed=true]{border-color:var(--of-accent, #4d8dff)!important;background:color-mix(in srgb,var(--of-accent, #4d8dff) 25%,transparent)!important}.of-cp-inputs{display:grid;gap:6px}.of-cp-modes{display:inline-flex;border:1px solid var(--of-border, #3a3a3e);border-radius:4px;overflow:hidden;justify-self:start}.of-cp-modes button{border:0!important;border-radius:0!important;padding:1px 7px!important;font-size:11px}.of-cp-modes button[aria-checked=true]{background:var(--of-accent, #4d8dff)!important;color:var(--of-accent-fg, #fff);text-decoration:underline}.of-cp-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.of-cp-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px;color:var(--of-fg-muted, #a0a0a8);font-size:11px}.of-cp-field-wide{grid-template-columns:1fr}.of-cp-field input{min-width:0;width:100%;box-sizing:border-box;padding:3px 5px;color:var(--of-fg, #ececee);background:var(--of-bg-input, #1b1b1d);border:1px solid var(--of-border, #3a3a3e);border-radius:4px;font:12px var(--of-font-mono, ui-monospace, monospace)}.of-cp-field input[aria-invalid=true]{border-color:var(--of-danger, #ff6b6b)}.of-cp-oklch{margin:0;color:var(--of-fg-muted, #a0a0a8);font-size:11px}.of-cp-subhead{display:block;margin-bottom:3px;color:var(--of-fg-muted, #a0a0a8);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.of-cp-subhead small{text-transform:none;font-weight:400}.of-cp-chips-section,.of-cp-harmonies{display:grid;gap:6px}.of-cp-chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}.of-cp-chip{width:18px;height:18px;padding:0!important;border-radius:3px!important;border:1px solid #0006!important;box-shadow:inset 0 0 0 1px #fff3}.of-cp-actions{display:flex;flex-wrap:wrap;gap:4px}.of-cp-harmony{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:4px}.of-cp-harmony-label{font-size:11px;color:var(--of-fg-muted, #a0a0a8)}.of-cp-contrast ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.of-cp-contrast li{display:grid;grid-template-columns:26px 1fr;gap:2px 6px;align-items:center;font-size:11px}.of-cp-contrast-sample{grid-row:span 2;display:grid;place-items:center;height:22px;border-radius:3px;border:1px solid var(--of-border, #3a3a3e);font-weight:700}.of-cp-badges{display:flex;flex-wrap:wrap;gap:3px}.of-cp-badge{padding:0 4px;border-radius:3px;border:1px solid var(--of-border, #3a3a3e);font-size:10px}.of-cp-badge[data-pass=true]{border-color:var(--of-success, #3fb950)}.of-cp-badge[data-pass=false]{border-style:dashed;color:var(--of-fg-muted, #a0a0a8)}.of-cp-message{margin:0;min-height:1em;color:var(--of-fg-muted, #a0a0a8);font-size:11px}.of-color-panel{display:grid;gap:8px}.of-color-panel .of-color-picker-body{padding:0}.of-color-wells{display:flex;align-items:center;gap:6px}.of-color-well{width:28px;height:28px;padding:0!important;border-radius:4px!important}.of-color-well[aria-pressed=true]{outline:2px solid var(--of-accent, #4d8dff);outline-offset:1px}.of-color-well[data-none=true]{background-image:linear-gradient(135deg,transparent 45%,var(--of-danger, #ff6b6b) 46% 54%,transparent 55%)!important}.of-stop-bar{position:relative;height:18px;margin:4px 8px 16px;border-radius:3px;cursor:copy;touch-action:none;border:1px solid var(--of-border, #3a3a3e)}.of-stop{position:absolute;top:12px;width:14px;height:14px;margin-left:-7px;padding:0!important;border-radius:3px!important;cursor:ew-resize;touch-action:none}.of-stop[aria-pressed=true]{outline:2px solid var(--of-accent, #4d8dff);outline-offset:1px}.of-angle-dial{position:relative;width:36px;height:36px;border-radius:50%;border:1px solid var(--of-border-strong, #55555b);background:var(--of-bg-input, #1b1b1d);cursor:grab;touch-action:none;flex:none}.of-angle-dial-hand{position:absolute;left:50%;top:50%;width:15px;height:2px;margin-top:-1px;background:var(--of-accent, #4d8dff);transform-origin:0 50%;border-radius:1px;pointer-events:none}.of-angle-row{display:flex;align-items:center;gap:8px}.of-palette-chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}.of-palette-chips .of-cp-chip{width:24px;height:24px}.of-lib .of-lib-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;border:1px solid var(--_border);border-radius:var(--of-radius-2, 6px)}.of-lib .of-lib-tab{padding:3px 2px;font-size:11px;border:0;background:transparent;color:var(--_muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-lib .of-lib-tab[aria-selected=true]{background:var(--_bg-raised);color:var(--_fg);box-shadow:inset 0 0 0 1px var(--_accent)}.of-lib .of-lib-actions,.of-lib .of-lib-footer{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.of-lib .of-lib-colour-input{width:28px;height:24px;padding:0;border:1px solid var(--_border);border-radius:var(--of-radius-1, 4px);background:none}.of-lib ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.of-lib .of-lib-colours{grid-template-columns:1fr}.of-lib .of-lib-colour,.of-lib .of-lib-row{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:8px}.of-lib .of-lib-row{grid-template-columns:40px 1fr auto}.of-lib .of-lib-chip{width:28px;height:28px;padding:0;border-radius:50%;border:1px solid var(--_border);cursor:grab}.of-lib .of-lib-name{text-align:left;background:none;border:0;padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-lib .of-lib-delete{width:22px;height:22px;padding:0;line-height:1;background:none;border:0;color:var(--_muted)}.of-lib .of-lib-sample{height:40px;display:grid;place-items:center;padding:0;font-size:18px;cursor:grab}.of-lib .of-lib-meta{display:grid;min-width:0}.of-lib .of-lib-images{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.of-lib .of-lib-image{display:grid;gap:4px;grid-template-columns:1fr auto}.of-lib .of-lib-image .of-lib-thumb{grid-column:1 / -1;aspect-ratio:1;padding:0;display:grid;place-items:center;overflow:hidden;cursor:grab}.of-lib .of-lib-thumb img{max-width:100%;max-height:100%;object-fit:contain}.of-lib .of-lib-message{min-height:1.4em}.of-template-dialog{width:min(880px,calc(100vw - 32px))}.of-template-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.of-template-toolbar .of-input{width:220px}.of-template-filters{display:flex;flex-wrap:wrap;gap:4px}.of-app .of-template-filter{height:auto;padding:3px 10px;border:1px solid var(--of-border);border-radius:999px;background:var(--of-bg-chrome)}.of-app .of-template-filter.is-on{border-color:var(--of-accent);background:var(--of-accent-soft)}.of-template-grid{display:grid;grid-auto-rows:max-content;align-content:start;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:340px;overflow:auto;padding:2px}.of-app .of-template-card{display:grid;gap:4px;justify-items:center;height:auto;padding:8px;border:1px solid var(--of-border);border-radius:var(--of-radius-2);background:var(--of-bg-chrome);text-align:center;white-space:normal}.of-app .of-template-card:hover{border-color:var(--of-border-strong);background:var(--of-bg-hover)}.of-app .of-template-card.is-on{border-color:var(--of-accent);box-shadow:inset 0 0 0 1px var(--of-accent);background:var(--of-accent-soft)}.of-template-thumb{display:grid;grid-template-rows:120px;place-items:center;width:100%;height:120px;overflow:hidden}.of-template-thumb img{display:block;width:auto;height:auto;max-width:100%;max-height:120px;object-fit:contain;box-shadow:0 1px 6px #0006}.of-template-name{font-weight:500}.of-template-size{color:var(--of-fg-faint);font-size:var(--of-text-11);font-variant-numeric:tabular-nums}.of-template-detail{display:grid;gap:6px}.of-template-detail h3{margin:0}.of-print-dialog{max-height:calc(100vh - 48px);overflow:auto}.of-print-dialog fieldset{display:grid;gap:6px;align-content:start;margin:0;padding:8px 10px;border:1px solid var(--of-border, rgb(128 128 128 / .35));border-radius:6px}.of-print-dialog legend{padding:0 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.of-print-dialog label{display:flex;align-items:center;gap:6px}.of-print-dialog .of-print-sides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.of-print-dialog .of-print-sides label{display:grid;gap:2px;font-size:11px}.of-print-dialog .of-print-sets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.of-print-dialog .of-print-diagram{display:block;width:100%;max-height:240px;margin:4px 0;color:var(--of-fg, #222)}.of-print-dialog .of-print-issues{margin:0;padding-left:16px;display:grid;gap:4px;font-size:12px}.of-print-dialog .of-print-issues [data-severity=block]{color:var(--of-danger, #e5484d)}.of-print-dialog .of-print-sizes{margin:0;font-size:12px;color:var(--of-fg-muted, #777)}.of-assistant{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}.of-assistant-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between}.of-assistant-provider{color:var(--of-fg-muted);font-size:var(--of-text-11);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.of-assistant-head-actions{display:inline-flex;gap:4px}.of-app .of-assistant-link{height:auto;padding:1px 4px;border:0;background:none;color:var(--of-accent);font-size:var(--of-text-11)}.of-assistant-conversation{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}.of-assistant-empty p{margin:0 0 6px;color:var(--of-fg-muted)}.of-assistant-examples{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}.of-app .of-assistant-examples button{height:auto;padding:2px 8px;border:1px solid var(--of-border);border-radius:999px;background:var(--of-bg-chrome);font-size:var(--of-text-11);white-space:normal;text-align:left}.of-assistant-log{display:grid;gap:6px;margin:0;padding:0;list-style:none;max-height:420px;overflow:auto}.of-assistant-entry[data-role=user]{justify-self:end;max-width:90%}.of-assistant-bubble{margin:0;padding:6px 8px;border-radius:var(--of-radius-2);background:var(--of-bg-chrome);border:1px solid var(--of-border);white-space:pre-wrap;overflow-wrap:anywhere}.of-assistant-entry[data-role=user] .of-assistant-bubble{background:var(--of-accent-soft);border-color:var(--of-accent-line)}.of-assistant-entry[data-unsupported=true] .of-assistant-bubble{border-style:dashed}.of-assistant-who{margin:0 0 2px;color:var(--of-fg-faint);font-size:var(--of-text-11)}.of-assistant-card-title{margin:0;font-weight:600;overflow-wrap:anywhere}.of-assistant-card-status{margin:0;color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-assistant-preview{margin:0;display:grid;gap:4px}.of-assistant-preview figcaption{color:var(--of-fg-faint);font-size:var(--of-text-11)}.of-assistant-preview-frame{position:relative;display:block;overflow:hidden;width:100%;border:1px solid var(--of-border-strong);background:repeating-conic-gradient(var(--of-bg-hover) 0 25%,var(--of-bg-input) 0 50%) 0 0 / 12px 12px}.of-assistant-preview-frame img{position:absolute;inset:0;width:100%;height:100%;display:block}.of-assistant-highlight{position:absolute;outline:2px solid var(--of-accent);outline-offset:1px;box-shadow:0 0 0 9999px #0000001f;pointer-events:none}.of-assistant-busy:empty{display:none}.of-assistant-busy{margin:0;color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-assistant-form{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:end}.of-assistant-label{grid-column:1 / -1;color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-assistant-input{min-height:44px;resize:vertical;font:inherit}.of-assistant-dialog{width:min(620px,calc(100vw - 32px))}.of-assistant-dialog-body{display:grid;gap:10px;max-height:min(70vh,640px);overflow:auto}.of-assistant-dialog-body p{margin:0}.of-assistant-steps{display:grid;gap:10px;margin:0;padding-left:18px}.of-assistant-copy-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.of-assistant-copy-row code,.of-assistant-token{padding:4px 6px;border:1px solid var(--of-border);border-radius:var(--of-radius-1);background:var(--of-bg-input);font-family:var(--of-font-mono);font-size:var(--of-text-11);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.of-assistant-token{font-size:var(--of-text-13);letter-spacing:.04em}.of-assistant-field{display:grid;gap:4px;color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-assistant-field .of-input{color:var(--of-fg);font-size:var(--of-text-12)}.of-assistant-check{display:flex;gap:6px;align-items:center}.of-assistant-fieldset{display:grid;gap:4px;margin:0;padding:0;border:0}.of-assistant-hint{color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-assistant-bridge-status{padding:6px 8px;border:1px solid var(--of-border);border-radius:var(--of-radius-1);background:var(--of-bg-chrome)}.of-assistant-bridge-status[data-state=connected]{border-color:var(--of-success)}.of-assistant-bridge-status[data-state=error]{border-color:var(--of-danger)}.of-assistant-disclosure{padding:8px;border:1px solid var(--of-warning);border-radius:var(--of-radius-2)}.of-assistant-disclosure ul,.of-assistant-security ul{margin:2px 0 6px;padding-left:18px}.of-app .of-assistant-status{height:auto;padding:0 6px;border:0;background:none;color:var(--of-fg-muted);font-size:var(--of-text-11);display:inline-flex;gap:4px;align-items:center}.of-assistant-status-dot{width:7px;height:7px;border-radius:50%;background:var(--of-warning)}.of-assistant-status[data-state=connected] .of-assistant-status-dot{background:var(--of-success)}.of-assistant-status[data-state=error] .of-assistant-status-dot{background:var(--of-danger)}.of-cmp,.of-tok,.of-data{display:grid;gap:8px}.of-cmp-actions,.of-cmp-buttons,.of-tok-actions,.of-data-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.of-cmp-list,.of-cmp-variants,.of-cmp-override-list,.of-cmp-prop-list,.of-tok-list,.of-data-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.of-cmp-item{display:grid;grid-template-columns:48px 1fr auto;gap:8px;align-items:center}.of-cmp-thumb{width:48px;height:48px;padding:2px;display:grid;place-items:center;cursor:grab;background:var(--of-bg-input);border:1px solid var(--of-border);border-radius:var(--of-radius-1, 4px)}.of-cmp-meta{display:grid;min-width:0}.of-cmp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-cmp-count{color:var(--of-fg-faint);font-size:var(--of-text-11, 11px)}.of-cmp-row-actions{display:flex;gap:2px}.of-cmp-variants{grid-column:2 / -1}.of-cmp-variant{display:flex;gap:6px;align-items:center;background:none;border:0;padding:2px;cursor:grab;color:inherit}.of-cmp-section{display:grid;gap:6px}.of-cmp-of{margin:0}.of-cmp-overrides{margin:0;color:var(--of-fg-muted)}.of-cmp-override-list li,.of-cmp-prop-list li{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.of-cmp-prop-list li{grid-template-columns:auto 1fr auto}.of-cmp-override-list li[data-stale=true] span{text-decoration:line-through;color:var(--of-fg-faint)}.of-cmp-message{min-height:1.2em;margin:0;color:var(--of-fg-muted)}.of-cmp-form{display:grid;gap:6px}.of-cmp-form label{display:grid;gap:2px}.of-w4-dialog{width:min(520px,calc(100vw - 32px))}@keyframes of-cmp-pulse{0%,to{box-shadow:none}30%{box-shadow:0 0 0 3px var(--of-accent)}60%{box-shadow:0 0 0 1px var(--of-accent)}}.of-cmp-pulse{animation:of-cmp-pulse .7s ease-in-out 2}svg .of-cmp-pulse,.of-cmp-pulse[data-node-id]{outline:2px solid var(--of-accent);outline-offset:2px}.of-tok-group h3{margin:4px 0;font-size:var(--of-text-11, 11px);text-transform:uppercase;letter-spacing:.06em;color:var(--of-fg-muted)}.of-tok-row{display:grid;grid-template-columns:20px 1fr auto;gap:6px;align-items:center}.of-tok-chip{width:18px;height:18px;border-radius:50%;border:1px solid var(--of-border)}.of-tok-value{font-family:var(--of-font-mono, monospace);font-size:var(--of-text-11, 11px);color:var(--of-fg-muted)}.of-tok-modes{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.of-tok-mode[aria-pressed=true]{border-color:var(--of-accent);box-shadow:inset 0 0 0 1px var(--of-accent)}.of-tok-editor{display:grid;gap:6px;padding:6px;border:1px solid var(--of-border);border-radius:var(--of-radius-2, 6px)}.of-tok-editor label,.of-data-form label{display:grid;gap:2px}.of-bind-row{display:grid;grid-template-columns:72px 24px 1fr;gap:6px;align-items:center}.of-bind-chain{width:24px;height:24px;padding:0;display:grid;place-items:center}.of-bind-chain[aria-pressed=true]{color:var(--of-accent);border-color:var(--of-accent)}.of-data-source{display:grid;gap:4px;padding:6px;border:1px solid var(--of-border);border-radius:var(--of-radius-2, 6px)}.of-data-source[data-active=true]{border-color:var(--of-accent)}.of-data-columns{color:var(--of-fg-muted);font-size:var(--of-text-11, 11px);overflow-wrap:anywhere}.of-data-stepper{display:flex;gap:4px;align-items:center}.of-data-stepper output{min-width:5em;text-align:center;font-variant-numeric:tabular-nums}.of-data-preview{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:var(--of-text-11, 11px)}.of-data-preview dt{color:var(--of-fg-muted)}.of-data-preview dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-data-form{display:grid;gap:8px}.of-data-form fieldset{border:0;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.of-layout-section,.of-layout-sizing,.of-layout-constraints{display:grid;gap:6px}.of-layout-padding{display:flex;align-items:flex-end;gap:4px;min-width:0}.of-layout-padding>.of-number{flex:1;min-width:0}.of-panel-body .of-layout-padding-toggle{flex:none;width:26px;padding:0}.of-layout-padding-sides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.of-panel-body .of-layout-section .of-segmented{max-width:100%;flex-wrap:wrap}.of-layout-actions{display:flex;justify-content:flex-end}.of-panel-body .of-link-button{padding:0;border:0;background:none;color:var(--of-accent);text-decoration:underline;cursor:pointer;font:inherit;height:auto}.of-panel-body .of-layout-section .of-segmented button{padding:0 6px;font-size:var(--of-text-11, 11px)}.of-constraints{display:flex;gap:10px;align-items:flex-start}.of-constraints-grid{display:grid;grid-template-columns:repeat(3,18px);grid-template-rows:repeat(3,18px);gap:4px;padding:6px;border:1px dashed var(--of-border-strong, #666);border-radius:var(--of-radius-1, 4px)}.of-panel-body .of-constraints-cell{width:18px;height:18px;min-width:0;padding:0;border:1px solid var(--of-border, #444);border-radius:3px;background:var(--of-bg-input, #2a2a2a)}.of-panel-body .of-constraints-cell[data-state=axis]{background:color-mix(in srgb,var(--of-accent, #1473e6) 35%,transparent)}.of-panel-body .of-constraints-cell[data-state=pinned]{background:var(--of-accent, #1473e6);border-color:var(--of-accent, #1473e6);box-shadow:inset 0 0 0 3px var(--of-bg-input, #2a2a2a)}.of-constraints-selects{display:grid;gap:6px;flex:1;min-width:0}.of-breakpoint-bar{display:inline-flex;align-items:center;gap:4px;flex:none}.of-breakpoint{display:inline-flex;align-items:center}.of-breakpoint-bar .of-chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 6px;border:1px solid transparent;border-radius:var(--of-radius-1, 4px);background:transparent;color:var(--of-fg-muted);font-size:var(--of-text-11, 11px)}.of-breakpoint-bar .of-chip[aria-pressed=true]{border-color:var(--of-accent);color:var(--of-fg);background:color-mix(in srgb,var(--of-accent) 18%,transparent);font-weight:600}.of-breakpoint-bar .of-breakpoint-remove{padding:0 4px;margin-left:-2px}.of-breakpoint-add{width:auto;max-width:150px;height:22px;font-size:var(--of-text-11, 11px)}.of-breakpoint-custom{width:52px;height:22px;font-size:var(--of-text-11, 11px)}.of-breakpoint-status{display:inline-flex;align-items:center;gap:6px;color:var(--of-accent)}.of-responsive-dialog{width:min(1400px,calc(100vw - 32px));max-width:calc(100vw - 32px)}.of-responsive-note{margin:0 16px 8px;color:var(--of-fg-muted);font-size:var(--of-text-11, 11px)}.of-responsive-frames{display:flex;gap:16px;align-items:flex-start;overflow-x:auto;padding:0 16px 12px}.of-responsive-frame{margin:0;flex:none}.of-responsive-frame figcaption{margin-bottom:4px;font-size:var(--of-text-11, 11px);color:var(--of-fg-muted);font-variant-numeric:tabular-nums}.of-responsive-frame>div{border:1px solid var(--of-border);box-shadow:0 1px 4px #00000040}.of-responsive-dialog .of-dialog-footer{display:flex;justify-content:flex-end;padding:0 16px 16px}.of-motion{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;font-size:var(--of-text-12)}.of-motion-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;flex:none;height:34px;padding:0 8px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--of-border)}.of-motion-bar>*{flex:none}.of-motion-bar>.of-motion-spacer{flex:1 1 0;min-width:8px}.of-motion-spacer{flex:1}.of-motion-tabs{display:inline-flex;gap:2px}.of-app .of-motion-tab{height:22px;padding:0 8px;border-color:transparent;background:transparent;color:var(--of-fg-muted)}.of-app .of-motion-tab[aria-selected=true]{background:var(--of-accent-soft);color:var(--of-accent)}.of-app .of-motion-select{height:22px;min-width:96px;max-width:180px}.of-app .of-motion-name{width:120px;height:22px}.of-motion-field .of-number-field{height:22px}.of-app .of-motion-autokey{height:22px;gap:4px;color:var(--of-fg-muted)}.of-app .of-motion-autokey.is-on{color:#fff!important;background:#d93a2b!important;border-color:#d93a2b!important}.of-motion-empty{display:grid;gap:8px;justify-items:start;padding:12px}.of-motion-timeline{position:relative;display:grid;grid-template-columns:200px minmax(0,1fr);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.of-motion-labels{position:sticky;left:0;z-index:2;border-right:1px solid var(--of-border);background:var(--of-bg-panel)}.of-motion-ruler-spacer{display:flex;align-items:center;height:24px;padding:0 8px;border-bottom:1px solid var(--of-border);color:var(--of-fg-muted);font-variant-numeric:tabular-nums}.of-motion-row-label{display:flex;align-items:center;justify-content:space-between;gap:4px;height:26px;padding:0 2px 0 8px;border-bottom:1px solid var(--of-border)}.of-motion-row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-motion-hint{padding:8px;color:var(--of-fg-faint);line-height:1.45}.of-motion-scroll{min-width:0;overflow-x:auto;overflow-y:hidden}.of-motion-canvas{position:relative;min-height:100%}.of-motion-ruler{position:relative;height:24px;border-bottom:1px solid var(--of-border);background:var(--of-bg-chrome);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.of-motion-ruler:focus-visible{outline:2px solid var(--of-accent);outline-offset:-2px}.of-motion-tick{position:absolute;bottom:0;width:1px;height:5px;background:var(--of-border-strong)}.of-motion-tick.is-major{height:10px;background:var(--of-fg-faint)}.of-motion-tick-label{position:absolute;bottom:11px;left:3px;color:var(--of-fg-muted);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.of-motion-lane{position:relative;height:26px;border-bottom:1px solid var(--of-border)}.of-app .of-motion-key{position:absolute;top:50%;width:16px;height:16px;padding:0;margin:-8px 0 0 -8px;border:0;background:transparent;color:var(--of-fg-muted);cursor:grab;touch-action:none}.of-app .of-motion-key:hover{background:transparent;color:var(--of-fg)}.of-app .of-motion-key.is-eased{color:var(--of-warning)}.of-app .of-motion-key.is-selected{color:var(--of-accent)}.of-app .of-motion-key:focus-visible{outline:2px solid var(--of-accent);outline-offset:0;border-radius:2px}.of-motion-playhead{position:absolute;top:0;bottom:0;z-index:1;width:1px;margin-left:-.5px;background:#d93a2b;pointer-events:none}.of-motion-playhead:before{content:"";position:absolute;top:0;left:-5px;border:5px solid transparent;border-top:7px solid #d93a2b}.of-motion-menu{position:fixed;z-index:3000;display:grid;min-width:160px;padding:4px;border:1px solid var(--of-border-strong);border-radius:var(--of-radius-2);background:var(--of-bg-raised);box-shadow:var(--of-shadow)}.of-app .of-motion-menu button{justify-content:flex-start;height:24px;border-color:transparent;background:transparent}.of-app .of-motion-menu button:hover,.of-app .of-motion-menu button:focus-visible{background:var(--of-accent-soft)}.of-motion-easing-body{display:flex;gap:16px;align-items:flex-start;margin:8px 0}.of-motion-curve{flex:none;border-radius:var(--of-radius-2);background:var(--of-bg-input)}.of-motion-curve-box{fill:none;stroke:var(--of-border-strong);stroke-dasharray:3 3}.of-motion-curve-arm{stroke:var(--of-fg-faint);stroke-width:1}.of-motion-curve-handle{fill:var(--of-accent)}.of-motion-curve-path{fill:none;stroke:var(--of-fg);stroke-width:2}.of-motion-easing-fields{display:grid;grid-template-columns:repeat(2,auto);gap:6px;align-content:start}.of-motion-easing-presets{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px}.of-motion-easing-fields code,.of-motion-easing-fields .of-form-error{grid-column:1 / -1}.of-motion-video .of-dialog-footer,.of-motion-easing .of-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.of-motion-props{display:grid;gap:4px}.of-motion-prop{display:flex;align-items:center;gap:6px}.of-app .of-motion-diamond{width:22px;height:22px;padding:0;border-color:transparent;background:transparent;color:var(--of-fg-faint)}.of-app .of-motion-diamond.is-tracked{color:var(--of-fg-muted)}.of-app .of-motion-diamond.is-on{color:var(--of-accent)}.of-motion-prop.is-keyframed .of-number-field{border-color:var(--of-accent-line)}.of-motion-keyed{color:var(--of-accent);font-size:var(--of-text-11)}.of-motion-color{display:inline-flex;align-items:center;gap:4px}.of-app .of-motion-color input[type=color]{width:22px;height:22px;padding:0;border:1px solid var(--of-border);border-radius:var(--of-radius-1);background:none}.of-app .of-motion-color input:not([type=color]){width:76px}.of-motion-states{flex:1;min-height:0;overflow:auto;padding:8px;display:grid;gap:8px;align-content:start}.of-motion-states-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.of-motion-state-list{display:grid;gap:6px;padding:0;list-style:none}.of-motion-state{display:grid;gap:4px;padding:6px 8px;border:1px solid var(--of-border);border-radius:var(--of-radius-2)}.of-motion-state.is-current{border-color:var(--of-accent)}.of-motion-state-head{display:flex;align-items:center;gap:6px}.of-app .of-motion-state-name{width:160px;font-weight:600}.of-motion-triggers{display:grid;gap:2px;padding:0;list-style:none}.of-motion-triggers li{display:flex;align-items:center;gap:6px;color:var(--of-fg-muted)}.of-motion-trigger-form{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.of-motion-video-form{display:grid;gap:8px;min-width:min(460px,calc(100vw - 80px))}.of-motion-video-row{display:flex;align-items:center;gap:8px}.of-motion-video-row>span:first-child{width:80px;color:var(--of-fg-muted)}.of-app .of-motion-video-row input[type=number]{width:80px}.of-motion-video-formats{display:flex;gap:12px}.of-rv{display:grid;gap:8px}.of-rv-toolbar,.of-rv-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.of-rv-summary{margin:0;color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-rv-note,.of-rv-hint{margin:0;color:var(--of-fg-faint);font-size:var(--of-text-11);line-height:1.4}.of-rv-error{margin:0;color:var(--of-danger);font-size:var(--of-text-11)}.of-rv-warning{margin:0;padding:8px;border:1px solid var(--of-warning);border-radius:var(--of-radius-2);color:var(--of-fg);background:color-mix(in srgb,var(--of-warning) 12%,transparent)}.of-rv-author{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-rv-check{display:flex;align-items:center;gap:6px;color:var(--of-fg-muted)}.of-rv-versions,.of-rv-threads{list-style:none;margin:0;padding:0;display:grid;gap:8px}.of-rv-version{display:grid;grid-template-columns:64px 1fr;gap:8px;padding:6px;border:1px solid var(--of-border);border-radius:var(--of-radius-2);background:var(--of-bg-raised)}.of-rv-thumb{display:grid;place-items:center;width:64px;min-height:48px;background:var(--of-bg-input);border:1px solid var(--of-border);border-radius:var(--of-radius-1);overflow:hidden;align-self:start}.of-rv-thumb svg{display:block;max-width:100%;height:auto}.of-rv-thumb-damaged{color:var(--of-danger);font-weight:600}.of-rv-version-body{display:grid;gap:3px;min-width:0}.of-rv-version-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-rv-version-note{color:var(--of-fg-muted);overflow-wrap:anywhere}.of-rv-version-meta{color:var(--of-fg-faint);font-size:var(--of-text-11)}.of-rv-danger{border-color:var(--of-danger)!important;color:var(--of-danger)!important}.of-rv-thread{display:grid;gap:6px;padding:6px;border:1px solid var(--of-border);border-radius:var(--of-radius-2);background:var(--of-bg-raised)}.of-rv-thread[data-active=true]{border-color:var(--of-accent);box-shadow:0 0 0 1px var(--of-accent)}.of-rv-thread[data-resolved=true] .of-rv-preview{opacity:.6}.of-rv-thread-head{display:grid!important;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;width:100%;height:auto!important;padding:4px!important;text-align:left;border-color:transparent!important;background:transparent!important;white-space:normal!important}.of-rv-thread-title{display:grid;min-width:0}.of-rv-thread-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.of-rv-thread-meta{color:var(--of-fg-faint);font-size:var(--of-text-11)}.of-rv-preview{margin:0;padding:0 4px;color:var(--of-fg-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.of-rv-badge{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--of-accent);color:var(--of-accent-fg);font-size:11px;font-weight:600}.of-rv-badge[data-resolved=true]{background:var(--of-fg-faint)}.of-rv-chip{padding:1px 6px;border-radius:999px;border:1px solid var(--of-border-strong);color:var(--of-fg-muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.of-rv-chip[data-state=resolved]{color:var(--of-success);border-color:var(--of-success)}.of-rv-messages{list-style:none;margin:0;padding:0;display:grid;gap:8px}.of-rv-message header{display:flex;gap:8px;align-items:baseline}.of-rv-message header time{color:var(--of-fg-faint);font-size:var(--of-text-11)}.of-rv-message[data-reply=true]{margin-left:12px;padding-left:8px;border-left:2px solid var(--of-border-strong)}.of-rv-text{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.of-rv-mention{color:var(--of-accent);font-weight:500}.of-rv-link{margin-left:auto;height:auto!important;padding:0 4px!important;border-color:transparent!important;background:transparent!important;color:var(--of-fg-faint)!important;font-size:var(--of-text-11)!important}.of-rv-link:hover{color:var(--of-danger)!important}.of-rv-resolved{margin:0;color:var(--of-success);font-size:var(--of-text-11)}.of-rv-form{display:grid;gap:6px}.of-rv-form textarea{width:100%;box-sizing:border-box}.of-rv-primary{background:var(--of-accent)!important;border-color:var(--of-accent)!important;color:var(--of-accent-fg)!important}.of-rv-primary:disabled{opacity:.5}.of-rv-status{gap:4px;min-width:24px;padding:0 5px!important}.of-rv-status[aria-pressed=true]{background:var(--of-accent-soft)!important;border-color:var(--of-accent-line)!important;color:var(--of-accent)}.of-rv-count{min-width:14px;padding:0 4px;border-radius:999px;background:var(--of-accent);color:var(--of-accent-fg);font-size:10px;text-align:center}.of-rv-dialog{width:min(460px,calc(100vw - 32px))}.of-rv-dialog-wide{width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto}.of-rv-dialog-form{display:grid;gap:10px}.of-rv-dialog-form label{display:grid;gap:3px;color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-rv-compare{display:grid;gap:10px}.of-rv-compare-controls{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:end}.of-rv-compare-controls label{display:grid;gap:2px;color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-rv-compare-controls select{max-width:220px}.of-rv-modes{display:flex;gap:10px;align-items:center}.of-rv-modes label,.of-rv-compare-controls .of-rv-check{display:flex;align-items:center;gap:4px}.of-rv-stage{display:flex;justify-content:center;gap:16px;padding:12px;background:var(--of-bg-canvas);border-radius:var(--of-radius-2);overflow:auto}.of-rv-figure{margin:0;display:grid;gap:6px;justify-items:center}.of-rv-figure svg{display:block;box-shadow:var(--of-artboard-shadow)}.of-rv-figure figcaption{color:var(--of-fg-muted);font-size:var(--of-text-11);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-rv-missing{display:grid;place-items:center;border:1px dashed var(--of-border-strong);color:var(--of-fg-muted)}.of-rv-overlay{position:relative;display:grid;justify-items:center;gap:8px}.of-rv-layer-a,.of-rv-layer-b{grid-area:1 / 1}.of-rv-layer-b{position:relative}.of-rv-layer-b figcaption,.of-rv-layer-a figcaption{visibility:hidden}.of-rv-overlay .of-rv-figure figcaption{display:none}.of-rv-divider{position:absolute;top:0;bottom:36px;width:2px;background:var(--of-accent);pointer-events:none;transform:translate(-1px)}.of-rv-slider{grid-area:2 / 1;display:flex!important;align-items:center;gap:8px}.of-rv-slider input{width:240px}.of-rv-changes{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:220px;overflow:auto;border:1px solid var(--of-border);border-radius:var(--of-radius-2)}.of-rv-changes>li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:6px 8px;border-bottom:1px solid var(--of-border)}.of-rv-change-status{padding:1px 6px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;border:1px solid currentColor}.of-rv-change-status[data-status=added]{color:var(--of-success)}.of-rv-change-status[data-status=removed]{color:var(--of-danger)}.of-rv-change-status[data-status=changed]{color:var(--of-warning)}.of-rv-change-kind{color:var(--of-fg-faint);font-size:var(--of-text-11)}.of-rv-props{list-style:none;margin:0;padding:0;flex-basis:100%;display:flex;flex-wrap:wrap;gap:2px 14px;color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-rv-props code{color:var(--of-fg)}.of-rv-none{color:var(--of-fg-muted)}.of-rv-layer{position:fixed;inset:0;z-index:60;pointer-events:none;font-family:var(--of-font-ui);font-size:var(--of-text-12);color:var(--of-fg)}.of-rv-layer :where(button){font:inherit;font-size:var(--of-text-12);cursor:default}.of-rv-clip{position:fixed;overflow:hidden;pointer-events:none}.of-rv-catcher{position:absolute;inset:0;pointer-events:auto;cursor:not-allowed;background:transparent}.of-rv-catcher[data-placing=true]{cursor:crosshair}.of-rv-layer[data-review-mode=true] .of-rv-clip{box-shadow:inset 0 0 0 2px var(--of-accent-line)}.of-rv-pin{position:absolute;width:26px;height:26px;padding:0;transform:translate(-13px,-31px) rotate(-45deg);transform-origin:50% 50%;border:2px solid var(--of-bg-raised);border-radius:50% 50% 50% 0;background:var(--of-accent);color:var(--of-accent-fg);pointer-events:auto;cursor:pointer!important;box-shadow:0 2px 6px #00000073;display:grid;place-items:center}.of-rv-pin>span{transform:rotate(45deg);font-size:11px;font-weight:700;line-height:1}.of-rv-pin[data-active=true]{outline:2px solid var(--of-fg);outline-offset:2px}.of-rv-pin[data-resolved=true]{background:var(--of-fg-faint);opacity:.8}.of-rv-pin[data-unanchored=true]{border-style:dashed}.of-rv-pin[data-draft=true]{background:var(--of-warning)}.of-rv-banner{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 16px);padding:5px 10px;border:1px solid var(--of-accent-line);border-radius:999px;background:var(--of-bg-chrome);box-shadow:var(--of-shadow);pointer-events:auto;white-space:nowrap;overflow:hidden}.of-rv-banner span{color:var(--of-fg-muted)}.of-rv-banner button,.of-rv-popover button{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 9px;border:1px solid var(--of-border-strong);border-radius:var(--of-radius-1);background:var(--of-bg-raised);color:var(--of-fg);line-height:1;white-space:nowrap}.of-rv-banner button:disabled{opacity:.45}.of-rv-banner button[aria-pressed=true]{background:var(--of-accent-soft);border-color:var(--of-accent-line)}.of-rv-popover{position:fixed;width:310px;max-height:min(70vh,520px);overflow:auto;display:grid;gap:8px;padding:10px;box-sizing:border-box;border:1px solid var(--of-border-strong);border-radius:var(--of-radius-2);background:var(--of-bg-chrome);color:var(--of-fg);box-shadow:var(--of-shadow);pointer-events:auto}.of-rv-popover header{display:flex;gap:8px;align-items:center}.of-rv-popover .of-rv-close{margin-left:auto;width:24px;padding:0;font-size:16px}.of-rv-popover textarea{width:100%;box-sizing:border-box;padding:6px 7px;border:1px solid var(--of-border);border-radius:var(--of-radius-1);background:var(--of-bg-input);color:var(--of-fg);font:inherit;font-size:var(--of-text-12);line-height:1.45;resize:vertical}.of-rv-popover textarea:focus-visible{outline:2px solid var(--of-accent);outline-offset:-1px}.of-rv-popover .of-rv-primary{background:var(--of-accent);border-color:var(--of-accent);color:var(--of-accent-fg)}.of-rv-popover .of-rv-link{margin-left:auto;height:auto;padding:0 4px;border-color:transparent;background:transparent;color:var(--of-fg-faint);font-size:var(--of-text-11)}.of-rv-popover .of-rv-link:hover{color:var(--of-danger)}.of-open-status{display:inline-flex;align-items:center;gap:4px;max-width:360px;min-width:0;color:var(--of-fg-muted);font-size:var(--of-text-11, 11px)}.of-open-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.of-open-chip{max-width:360px;height:20px;padding:0 6px;overflow:hidden;border:0;border-radius:var(--of-radius-1, 3px);background:transparent;color:var(--of-fg-muted);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.of-open-chip:hover{background:var(--of-bg-hover, rgb(128 128 128 / .15));color:var(--of-fg)}.of-open-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:flex;flex-direction:column}.of-open-body{overflow:auto;display:grid;gap:10px;padding:4px 0;font-size:12px}.of-open-summary{margin:0;font-size:13px;line-height:1.4}.of-open-summary[data-import-ok=false]{color:var(--of-danger, #e5484d)}.of-open-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px 12px;margin:0}.of-open-facts div{display:grid;gap:1px}.of-open-facts dt{color:var(--of-fg-faint, #888);font-size:11px}.of-open-facts dd{margin:0;overflow-wrap:anywhere}.of-open-group{border:1px solid var(--of-border, rgb(128 128 128 / .35));border-radius:6px;padding:6px 10px}.of-open-group h3{margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.of-open-group[data-decision=unsupported] h3{color:var(--of-warning, #c98a00)}.of-open-group ul,.of-open-notes{margin:0;padding-left:16px;display:grid;gap:4px;line-height:1.4}.of-open-count{color:var(--of-fg-faint, #888);font-weight:400}.of-open-recent{list-style:none;margin:0;padding:0;display:grid;gap:4px}.of-open-recent-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.of-open-recent-item:hover:not(:disabled){background:var(--of-bg-hover, rgb(128 128 128 / .15));border-color:var(--of-border, rgb(128 128 128 / .35))}.of-open-recent-item:disabled{cursor:not-allowed;opacity:.6}.of-open-thumb{width:56px;height:56px;flex:none;object-fit:contain;background:var(--of-bg-canvas, #2a2a2a);border-radius:4px}.of-open-recent-text{display:grid;gap:2px;min-width:0}.of-open-recent-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.of-open-recent-meta{color:var(--of-fg-muted, #888);font-size:11px}.of-open-story{display:grid;gap:6px}.of-open-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px}.of-open-hint{margin:0;color:var(--of-fg-muted, #888);font-size:11px;line-height:1.4}.of-book-dialog{width:min(560px,calc(100vw - 32px))}.of-book-fieldset{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:8px 0;padding:8px 10px 10px;border:1px solid var(--of-border);border-radius:var(--of-radius-2)}.of-book-fieldset input{width:100%}.of-book-checks{display:grid;gap:6px}.of-book-flow{display:grid;gap:8px}.of-book-text{width:100%;min-height:120px;resize:vertical;font:inherit}.of-book-actions{display:flex;flex-wrap:wrap;gap:6px}.of-book-overflow{color:var(--of-danger, #c62828)}.of-book-plus,.of-book-overflow-badge{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:4px;background:#d32f2f;color:#fff;font-weight:700;line-height:1}.of-book-overflow-badge{z-index:40;border:1px solid #fff;cursor:pointer;padding:0;box-shadow:0 1px 3px #00000059}.of-plugins,.of-plugin-panels,.of-script-console{display:flex;flex-direction:column;gap:8px;min-width:0}.of-plugins-install{display:flex;flex-wrap:wrap;gap:6px}.of-plugins-url{display:flex;gap:6px;flex:1 1 100%;min-width:0}.of-plugins-url input{flex:1 1 auto;min-width:0}.of-plugin-muted{color:var(--of-fg-muted)}.of-plugin-warning{color:var(--of-warning)}.of-plugin-errors{margin:0;padding-left:16px;color:var(--of-danger)}.of-plugin-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.of-plugin-item{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--of-border);border-radius:6px;background:var(--of-bg-raised)}.of-plugin-item p{margin:0;overflow-wrap:anywhere}.of-plugin-item-header{display:flex;align-items:baseline;gap:6px}.of-plugin-status{margin-left:auto;padding:0 6px;border-radius:999px;font-size:var(--of-text-11, 11px);background:var(--of-bg-hover);color:var(--of-fg-muted)}.of-plugin-status.is-running{background:color-mix(in srgb,var(--of-success) 22%,transparent);color:var(--of-fg)}.of-plugin-status.is-stopped{background:color-mix(in srgb,var(--of-warning) 24%,transparent);color:var(--of-fg)}.of-plugin-commands,.of-plugin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.of-plugin-toggle{display:inline-flex;align-items:center;gap:4px}.of-plugin-permissions,.of-plugin-origins,.of-plugin-command-list{margin:4px 0;padding-left:16px}.of-plugin-command-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.of-plugin-activity table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.of-plugin-activity th,.of-plugin-activity td{padding:1px 4px;text-align:right}.of-plugin-activity th[scope=row],.of-plugin-activity thead th:first-child{text-align:left}.of-plugin-help p{margin:4px 0 0}.of-plugin-dialog{max-width:520px}.of-plugin-review p{margin:0 0 6px;overflow-wrap:anywhere}.of-plugin-panel{display:flex;flex-direction:column;gap:4px}.of-plugin-panel.is-focused .of-plugin-panel-frame{outline:1px solid var(--of-accent-line)}.of-plugin-panel-title{margin:0;font-size:var(--of-text-11, 11px);font-weight:600;color:var(--of-fg-muted);text-transform:uppercase;letter-spacing:.06em}.of-plugin-panel-frame{position:relative;min-height:40px;border:1px solid var(--of-border);border-radius:4px;overflow:hidden;background:var(--of-bg-input)}.of-plugin-frame{display:block;width:100%;height:100%;border:0;background:transparent;color-scheme:normal}.of-script-toolbar,.of-script-actions{display:flex;flex-wrap:wrap;gap:6px}.of-script-toolbar select{max-width:48%}.of-script-name{flex:1 1 100%;min-width:0}.of-script-editor{display:flex;min-height:200px;height:260px;resize:vertical;overflow:hidden;border:1px solid var(--of-border);border-radius:4px;background:var(--of-bg-input);font:12px/1.5 var(--of-font-mono)}.of-script-gutter{margin:0;padding:6px 6px 6px 4px;min-width:2.5em;overflow:hidden;text-align:right;color:var(--of-fg-faint);border-right:1px solid var(--of-border);-webkit-user-select:none;user-select:none;font:inherit}.of-script-editor textarea{flex:1 1 auto;min-width:0;margin:0;padding:6px;border:0;outline:none;resize:none;background:transparent;color:var(--of-fg);font:inherit;tab-size:2;white-space:pre}.of-script-output{max-height:220px;min-height:60px;overflow:auto;padding:4px 6px;border:1px solid var(--of-border);border-radius:4px;background:var(--of-bg-input);font:12px/1.45 var(--of-font-mono)}.of-script-line{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.of-script-line.is-run{color:var(--of-fg-muted)}.of-script-line.is-warn{color:var(--of-warning)}.of-script-line.is-error{color:var(--of-danger)}.of-script-line.is-result{color:var(--of-success)}.of-plugin-toasts{position:fixed;right:16px;bottom:calc(var(--of-status-h, 28px) + 12px);z-index:60;display:flex;flex-direction:column;gap:6px;max-width:min(360px,calc(100vw - 32px))}.of-plugin-toast{display:flex;align-items:flex-start;gap:6px;padding:8px 10px;border:1px solid var(--of-border-strong);border-radius:6px;background:var(--of-bg-raised);color:var(--of-fg);box-shadow:var(--of-shadow);overflow-wrap:anywhere}.of-plugin-toast button{margin-left:auto;border:0;background:transparent;color:var(--of-fg-muted);cursor:pointer}.of-pf{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}.of-pf>*{min-width:0}.of-pf-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.of-pf-field{display:grid;gap:2px;min-width:0}.of-pf-field>.of-input{width:100%;min-width:0}.of-pf-field>span{color:var(--of-fg-muted);font-size:var(--of-text-11, 11px)}.of-pf-profile{margin:0}.of-pf-headline{margin:0;font-weight:600;min-height:1.4em}.of-pf-message-line{margin:0;color:var(--of-fg-muted)}.of-pf-counts{display:flex;gap:12px;align-items:center}.of-pf-counts>span{display:inline-flex;gap:4px;align-items:center;font-variant-numeric:tabular-nums}.of-pf-sev{display:inline-flex;gap:3px;align-items:center;font-size:var(--of-text-11, 11px);font-weight:600;text-transform:uppercase;letter-spacing:.04em;flex:none}.of-pf-sev[data-severity=block]{color:var(--of-danger)}.of-pf-sev[data-severity=warn]{color:var(--of-warning)}.of-pf-sev[data-severity=info]{color:var(--of-fg-muted)}.of-pf-category{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;border-top:1px solid var(--of-border);padding-top:6px}.of-pf-category-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.of-pf-category-head h3{margin:0;font-size:var(--of-text-12, 12px)}.of-pf-count{display:inline-block;min-width:1.6em;padding:0 5px;border-radius:999px;background:var(--of-bg-raised);color:var(--of-fg-muted);text-align:center;font-variant-numeric:tabular-nums}.of-pf-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.of-pf-issue{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;min-width:0;padding:6px;border:1px solid var(--of-border);border-radius:var(--of-radius-2, 6px);background:var(--of-bg-input)}.of-pf-issue[data-severity=block]{border-color:var(--of-danger)}.of-pf .of-pf-select{display:flex;justify-content:flex-start;gap:8px;align-items:baseline;width:100%;height:auto;min-width:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;text-align:left;white-space:normal;cursor:pointer}.of-pf .of-pf-select:hover .of-pf-message{text-decoration:underline}.of-pf .of-pf-select:focus-visible{outline:2px solid var(--of-accent);outline-offset:2px}.of-pf-message{overflow-wrap:anywhere;min-width:0}.of-pf-detail{margin:0;color:var(--of-fg-muted);font-size:var(--of-text-11, 11px);overflow-wrap:anywhere}.of-pf-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.of-pf-fix-label{color:var(--of-fg-muted);font-size:var(--of-text-11, 11px)}.of-pf-spacer{flex:1}.of-pf-check{display:inline-flex;gap:6px;align-items:center}.of-pf-custom{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:6px;border:1px solid var(--of-border);border-radius:var(--of-radius-2, 6px)}.of-pf-custom summary{cursor:pointer;font-weight:600}.of-pf-rules,.of-pf-thresholds{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;border:0;margin:0;padding:0;min-width:0}.of-pf-rules legend,.of-pf-thresholds legend{padding:0;font-size:var(--of-text-11, 11px);text-transform:uppercase;letter-spacing:.06em;color:var(--of-fg-muted)}.of-pf-rule{display:flex;gap:6px;align-items:center}.of-pf-thresholds{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 8px}.of-pf-thresholds legend{grid-column:1 / -1}.of-pf-hidden summary,.of-pf-coverage summary{cursor:pointer;color:var(--of-fg-muted)}.of-pf-hidden .of-pf-issue{grid-template-columns:minmax(0,1fr) auto;align-items:center}.of-pf-export{justify-content:flex-end}.of-app .of-pf-status{display:inline-flex;gap:4px;align-items:center;height:22px;padding:0 5px;border:0;border-radius:var(--of-radius-1, 4px);background:transparent;color:var(--of-fg-muted);font:inherit;font-size:var(--of-text-11);cursor:pointer}.of-app .of-pf-status:hover{background:var(--of-bg-hover);color:var(--of-fg)}.of-app .of-pf-status:focus-visible{outline:2px solid var(--of-accent);outline-offset:-2px}.of-app .of-pf-status[data-count]:not([data-count=""]):not([data-count="0"]){color:var(--of-warning)}.of-pf-status-text{font-variant-numeric:tabular-nums;text-align:left}@media(max-width:1499px){.of-pf-status-word{display:none}}.of-pf-status-text[data-busy=true]{opacity:.7}.of-frames-overlay{position:fixed;z-index:30;pointer-events:none;overflow:hidden}.of-frames-overlay svg{pointer-events:none}.of-frames-item{vector-effect:non-scaling-stroke}.of-frames-thread{vector-effect:non-scaling-stroke;stroke-dasharray:3 2}.of-frames-page-grip{position:absolute;pointer-events:none;border:1px solid #2f7bf6;background:#ffffffe6;border-radius:2px;box-sizing:border-box}.of-frames-page-label{position:absolute;pointer-events:none;font:11px/1.4 var(--of-font-mono, ui-monospace, monospace);color:var(--of-fg-muted, #666);background:var(--of-bg-panel, #fff);padding:0 4px;border-radius:3px;border:1px solid var(--of-border, #ccc)}.of-frames-options{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;font-size:12px;white-space:nowrap}.of-frames-options .of-note,.of-frames-section .of-note{margin:0;color:var(--of-fg-muted);font-size:11px}.of-frames-field{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.of-frames-field input[type=number]{width:64px}.of-frames-field-wide{display:flex;width:100%}.of-frames-field-wide input,.of-frames-field-wide select{flex:1}.of-frames-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.of-frames-status{color:var(--of-fg-muted);font-size:11px}[data-frames-status]{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.of-frames-dialog{width:min(420px,calc(100vw - 32px));display:grid;gap:10px}.of-frames-form{display:grid;gap:8px}.of-frames-dialog-footer{display:flex;justify-content:flex-end;gap:6px}.of-frames-chars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.of-frames-section{display:grid;gap:8px}.of-frames-grid{display:grid;gap:2px}.of-frames-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit;font-size:11px;padding:2px 4px;border:1px solid var(--of-border);border-radius:3px;background:var(--of-bg-raised);color:inherit;cursor:pointer}.of-frames-cell.is-active{border-color:var(--of-accent);box-shadow:inset 0 0 0 1px var(--of-accent)}.openform-render-viewport{position:relative;margin:0 auto;overflow:hidden}.openform-render-world{position:absolute;inset:0 auto auto 0;overflow:hidden;transform-origin:top left}.openform-dom-text-layer,.openform-svg-vector-layer,.openform-canvas-raster-layer,.openform-engine-layer,[data-render-adapter=effect]{display:contents}.openform-svg-vector-layer>svg,.openform-editor-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.openform-editor-overlay{z-index:10000}.openform-editor-overlay [data-grid-guide]{stroke:#4267df;stroke-width:1;opacity:.18;vector-effect:non-scaling-stroke}.openform-editor-overlay .openform-agent-highlight{fill:#e84a3514;stroke:#e84a35;stroke-width:2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.openform-editor-overlay .openform-selection{fill:none;stroke:#1473e6;stroke-width:2;vector-effect:non-scaling-stroke}.openform-engine-placeholder{box-sizing:border-box;display:grid;place-items:center;overflow:hidden;border:1px dashed #4267df;background:repeating-linear-gradient(135deg,rgba(66,103,223,.1) 0 6px,transparent 6px 12px);color:#4267df;font:500 12px/1.2 system-ui,sans-serif}.openform-engine-placeholder[data-engine-error]{border-color:#d7373f;background:repeating-linear-gradient(135deg,rgba(215,55,63,.1) 0 6px,transparent 6px 12px);color:#d7373f}.openform-engine-svg>svg{display:block;width:100%;height:100%;overflow:hidden}.openform-engine-line{display:contents}.openform-render-viewport--fill{margin:0}.openform-render-artboard-shadow{position:absolute;pointer-events:none;box-shadow:0 0 0 1px #00000024,0 2px 6px #0003,0 12px 32px #0000003d}.openform-render-world-overlay{position:absolute;inset:0 auto auto 0;z-index:10001;transform-origin:top left;pointer-events:none}.openform-render-world-overlay>*{pointer-events:auto}:root{color-scheme:dark;--of-bg-canvas: #18181b;--of-bg-chrome: #212124;--of-bg-panel: #26262a;--of-bg-raised: #303035;--of-bg-hover: #38383e;--of-bg-input: #1b1b1e;--of-border: #34343a;--of-border-strong: #46464e;--of-shadow: 0 8px 24px rgb(0 0 0 / .45), 0 1px 3px rgb(0 0 0 / .4);--of-artboard-shadow: 0 2px 6px rgb(0 0 0 / .35), 0 12px 40px rgb(0 0 0 / .45);--of-fg: #e7e7ea;--of-fg-muted: #a3a3ab;--of-fg-faint: #6f6f78;--of-accent: #4b8bff;--of-accent-hover: #6a9fff;--of-accent-fg: #ffffff;--of-accent-soft: rgb(75 139 255 / .18);--of-accent-line: rgb(75 139 255 / .55);--of-warning: #e8b45a;--of-danger: #f26b60;--of-success: #4ec58d;--of-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;--of-font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--of-text-11: 11px;--of-text-12: 12px;--of-text-13: 13px;--of-radius-1: 3px;--of-radius-2: 6px;--of-space-1: 4px;--of-space-2: 8px;--of-space-3: 12px;--of-space-4: 16px;--of-space-5: 24px;--of-space-6: 32px;--of-menubar-h: 36px;--of-bar-h: 40px;--of-status-h: 28px;--of-rail-w: 44px;--of-dock-w: 300px;--of-control-h: 24px;--of-icon-button: 28px}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--of-bg-canvas: #dcdce0;--of-bg-chrome: #f3f3f5;--of-bg-panel: #f9f9fa;--of-bg-raised: #ffffff;--of-bg-hover: #e8e8ec;--of-bg-input: #ffffff;--of-border: #dadade;--of-border-strong: #c2c2c9;--of-shadow: 0 8px 24px rgb(15 15 25 / .14), 0 1px 3px rgb(15 15 25 / .12);--of-artboard-shadow: 0 1px 4px rgb(15 15 25 / .14), 0 10px 32px rgb(15 15 25 / .16);--of-fg: #1c1c20;--of-fg-muted: #5b5b64;--of-fg-faint: #8d8d96;--of-accent: #1e6ff0;--of-accent-hover: #3b82f6;--of-accent-soft: rgb(30 111 240 / .13);--of-accent-line: rgb(30 111 240 / .5);--of-warning: #a86b00;--of-danger: #c9352b;--of-success: #1d8a57}}:root[data-theme=light]{color-scheme:light;--of-bg-canvas: #dcdce0;--of-bg-chrome: #f3f3f5;--of-bg-panel: #f9f9fa;--of-bg-raised: #ffffff;--of-bg-hover: #e8e8ec;--of-bg-input: #ffffff;--of-border: #dadade;--of-border-strong: #c2c2c9;--of-shadow: 0 8px 24px rgb(15 15 25 / .14), 0 1px 3px rgb(15 15 25 / .12);--of-artboard-shadow: 0 1px 4px rgb(15 15 25 / .14), 0 10px 32px rgb(15 15 25 / .16);--of-fg: #1c1c20;--of-fg-muted: #5b5b64;--of-fg-faint: #8d8d96;--of-accent: #1e6ff0;--of-accent-hover: #3b82f6;--of-accent-soft: rgb(30 111 240 / .13);--of-accent-line: rgb(30 111 240 / .5);--of-warning: #a86b00;--of-danger: #c9352b;--of-success: #1d8a57}html,body{margin:0;height:100%;background:var(--of-bg-chrome);color:var(--of-fg);font-family:var(--of-font-ui);font-size:var(--of-text-12);line-height:1.4;-webkit-font-smoothing:antialiased}#root{height:100%}*,*:before,*:after{box-sizing:border-box}:focus{outline:none}:focus-visible{outline:2px solid var(--of-accent);outline-offset:1px}*{scrollbar-width:thin;scrollbar-color:var(--of-border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--of-border-strong);border:3px solid transparent;border-radius:6px;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--of-fg-faint)}*::-webkit-scrollbar-corner{background:transparent}::selection{background:var(--of-accent-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}.of-app,.of-menu,.of-tooltip,.of-palette{font-family:var(--of-font-ui);font-size:var(--of-text-12)}.of-app :where(button){display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--of-control-h);padding:0 10px;border:1px solid var(--of-border-strong);border-radius:var(--of-radius-1);background:var(--of-bg-raised);color:var(--of-fg);font:inherit;font-size:var(--of-text-12);line-height:1;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none}.of-app :where(button:not(:disabled):hover){background:var(--of-bg-hover)}.of-app :where(button:not(:disabled):active){background:var(--of-border)}.of-app :where(button:disabled){opacity:.45}.of-app :where(input:not([type=checkbox],[type=radio],[type=color],[type=file]),textarea,select){min-width:0;height:var(--of-control-h);padding:0 7px;border:1px solid var(--of-border);border-radius:var(--of-radius-1);background:var(--of-bg-input);color:var(--of-fg);font:inherit;font-size:var(--of-text-12)}.of-app :where(textarea){height:auto;padding:6px 7px;line-height:1.45;resize:vertical}.of-app :where(input,textarea,select):focus-visible{outline:2px solid var(--of-accent);outline-offset:-1px;border-color:transparent}.of-app :where(input:hover:not(:disabled):not(:focus),textarea:hover:not(:focus),select:hover:not(:disabled)){border-color:var(--of-border-strong)}.of-app :where(input[type=checkbox],input[type=radio]){accent-color:var(--of-accent);margin:0;width:13px;height:13px}.of-app :where(code,pre,kbd){font-family:var(--of-font-mono);font-size:11px}.of-app :where(h2,h3,h4,p){margin:0}.of-app :where(ul,ol){margin:0}.of-app :where(progress){accent-color:var(--of-accent);height:4px}.of-button{height:var(--of-control-h)}.of-button-quiet{background:transparent!important;border-color:transparent!important;color:var(--of-fg)}.of-button-quiet:not(:disabled):hover{background:var(--of-bg-hover)!important}.of-button-accent,.of-button-primary{background:var(--of-accent)!important;border-color:var(--of-accent)!important;color:var(--of-accent-fg)!important;font-weight:500}.of-button-accent:not(:disabled):hover,.of-button-primary:not(:disabled):hover{background:var(--of-accent-hover)!important}.of-icon-button{width:var(--of-icon-button);height:var(--of-icon-button);padding:0!important;border-color:transparent!important;background:transparent!important;color:var(--of-fg-muted);border-radius:var(--of-radius-1);flex:none}.of-icon-button:not(:disabled):hover,label.of-icon-button:hover{background:var(--of-bg-hover)!important;color:var(--of-fg)}.of-icon-button[aria-pressed=true],.of-icon-button.is-on{background:var(--of-accent-soft)!important;color:var(--of-accent)}.of-icon-button-sm{width:22px;height:22px}.of-icon-button-text{width:auto;padding:0 8px!important;gap:6px}label.of-icon-button{display:inline-flex;align-items:center;justify-content:center}.file-upload{position:relative;overflow:hidden}.file-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;font-size:0}.file-upload input[type=file]:disabled{cursor:default}.file-upload:has(input:focus),.file-upload:has(input:focus-visible){outline:2px solid var(--of-accent);outline-offset:1px}.file-upload[aria-disabled=true],.file-upload.is-disabled{opacity:.45}.of-kbd{display:inline-flex;align-items:center;min-width:16px;height:16px;padding:0 4px;border:1px solid var(--of-border);border-radius:3px;background:var(--of-bg-input);color:var(--of-fg-muted);font-family:var(--of-font-ui);font-size:10.5px;line-height:1;letter-spacing:.02em}.of-divider{flex:none;width:1px;height:16px;margin:0 4px;background:var(--of-border)}.of-badge{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:8px;background:var(--of-bg-hover);color:var(--of-fg-muted);font-size:10.5px;font-weight:500;font-variant-numeric:tabular-nums}.of-badge-quiet{background:transparent;border:1px solid var(--of-border)}.of-field-label{color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-field-hint{color:var(--of-fg-faint);font-size:var(--of-text-11)}.of-empty{color:var(--of-fg-faint);font-size:var(--of-text-12);line-height:1.5}.of-form-error{color:var(--of-danger);font-size:var(--of-text-12)}.of-form-error:before{content:"Error: ";font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.of-app{position:relative;display:grid;height:100vh;height:100dvh;min-height:480px;overflow:hidden;grid-template-rows:var(--of-menubar-h) var(--of-bar-h) minmax(0,1fr) var(--of-status-h);grid-template-columns:var(--of-rail-w) minmax(0,1fr) var(--of-dock-w);grid-template-areas:"menu menu menu" "options options options" "rail canvas dock" "status status status";background:var(--of-bg-chrome);color:var(--of-fg)}@media(min-width:1440px){.of-app{--of-rail-w: 72px}}.of-app.is-panels-hidden{grid-template-rows:var(--of-menubar-h) 0 minmax(0,1fr) var(--of-status-h);grid-template-columns:0 minmax(0,1fr) 0}.of-app [hidden]{display:none!important}.of-skip-links{position:absolute;top:calc(var(--of-menubar-h) + var(--of-bar-h) + 8px);left:calc(var(--of-rail-w) + 8px);z-index:1000;display:flex;gap:4px}.of-skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.of-skip-link:focus{height:28px!important;padding:0 12px!important;background:var(--of-accent)!important;border-color:var(--of-accent)!important;color:var(--of-accent-fg)!important;box-shadow:var(--of-shadow)}.of-menubar-row{grid-area:menu;display:flex;align-items:center;gap:4px;min-width:0;padding:0 8px;border-bottom:1px solid var(--of-border);background:var(--of-bg-chrome)}.of-brand{display:inline-flex;align-items:center;gap:7px;margin:0 8px 0 4px;color:var(--of-fg);font-size:var(--of-text-13);font-weight:600;letter-spacing:-.01em;white-space:nowrap}.of-brand-mark{color:var(--of-fg)}.of-menubar{display:flex;align-items:center;gap:1px}.of-menu-trigger{height:26px!important;padding:0 8px!important;border:0!important;border-radius:var(--of-radius-1)!important;background:transparent!important;color:var(--of-fg)!important;font-size:var(--of-text-12)!important}.of-menu-trigger:hover,.of-menu-trigger[data-popup-open]{background:var(--of-bg-hover)!important}.of-menu-trigger:focus-visible{outline-offset:-2px}.of-document-title{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;color:var(--of-fg-muted);font-size:var(--of-text-12);white-space:nowrap}.of-document-name{overflow:hidden;text-overflow:ellipsis;color:var(--of-fg);font-weight:500}.of-document-mode{padding-left:8px;border-left:1px solid var(--of-border);color:var(--of-fg-faint)}.of-dirty-dot{width:6px;height:6px;border-radius:50%;background:var(--of-fg-muted)}.of-header-actions{display:flex;align-items:center;gap:6px}.of-palette-button{color:var(--of-fg-muted);border:1px solid var(--of-border)!important;min-width:96px;justify-content:flex-start!important}.of-output-actions{display:flex;align-items:center;gap:4px;margin-left:4px;padding-left:8px;border-left:1px solid var(--of-border)}.of-output-actions .of-button{gap:6px;padding:0 8px}.of-options-row{grid-area:options;min-width:0;border-bottom:1px solid var(--of-border);background:var(--of-bg-chrome)}.of-options-bar{display:flex;align-items:center;gap:8px;height:100%;padding:0 8px 0 10px;min-width:0}.of-options-tool{display:inline-flex;align-items:center;gap:7px;flex:none;color:var(--of-fg);font-weight:600}.of-options-tool-name{white-space:nowrap}.of-options-fields{display:flex;align-items:center;gap:12px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex:1;height:100%}.of-options-fields::-webkit-scrollbar{display:none}.of-options-hint{color:var(--of-fg-muted);white-space:nowrap}.of-options-message{color:var(--of-warning);font-size:var(--of-text-11);white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}.of-options-message:empty{display:none}.of-options-trailing{display:flex;align-items:center;gap:2px;padding-left:8px;border-left:1px solid var(--of-border)}.of-document-actions{display:flex;align-items:center;gap:2px}.of-options-selection{max-width:160px;overflow:hidden;text-overflow:ellipsis;color:var(--of-fg-muted);white-space:nowrap}.of-transform-fields{display:inline-flex;align-items:center;gap:10px}.of-number-field{display:inline-flex;align-items:center;gap:0;height:var(--of-control-h);border:1px solid var(--of-border);border-radius:var(--of-radius-1);background:var(--of-bg-input)}.of-number-field:hover:not(.is-disabled){border-color:var(--of-border-strong)}.of-number-field:focus-within{outline:2px solid var(--of-accent);outline-offset:-1px;border-color:transparent}.of-number-field.is-disabled{opacity:.5}.of-number-label{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:100%;padding:0 2px 0 6px;color:var(--of-fg-faint);font-size:var(--of-text-11);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.of-number-field.is-disabled .of-number-label{cursor:default}.of-app .of-number-input{width:52px;height:100%;padding:0 2px 0 4px;border:0!important;outline:none!important;background:transparent;font-family:var(--of-font-ui);font-variant-numeric:tabular-nums;font-size:var(--of-text-12)}.of-number-unit{padding-right:6px;color:var(--of-fg-faint);font-size:var(--of-text-11)}.of-color-field,.of-select-field,.of-check-field{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.of-swatch-input{position:relative;display:inline-flex;width:22px;height:22px;overflow:hidden;border:1px solid var(--of-border-strong);border-radius:var(--of-radius-1)}.of-swatch-input input[type=color]{position:absolute;inset:-6px;width:34px;height:34px;padding:0;border:0;cursor:pointer;background:none}.of-swatch-input:focus-within{outline:2px solid var(--of-accent);outline-offset:1px}.of-app .of-select{padding-right:20px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--of-fg-muted) 50%),linear-gradient(135deg,var(--of-fg-muted) 50%,transparent 50%);background-position:calc(100% - 10px) 50%,calc(100% - 6px) 50%;background-size:4px 4px;background-repeat:no-repeat}.of-segmented{display:inline-flex;height:var(--of-control-h);padding:1px;border:1px solid var(--of-border);border-radius:var(--of-radius-1);background:var(--of-bg-input)}.of-app .of-segment{height:100%;padding:0 8px;border:0;border-radius:2px;background:transparent;color:var(--of-fg-muted)}.of-app .of-segment.is-on{background:var(--of-bg-hover);color:var(--of-fg)}.of-rail{grid-area:rail;min-height:0;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--of-border);background:var(--of-bg-chrome)}.of-rail-tools{display:grid;grid-template-columns:32px;justify-content:center;gap:2px;padding:8px 0}.of-rail-tools.is-two-column{grid-template-columns:32px 32px;column-gap:2px}.of-rail-separator{grid-column:1 / -1;height:1px;margin:4px 6px;background:var(--of-border)}.of-tool-slot{position:relative;display:block;width:32px;height:32px}.of-app .of-tool-button{width:32px;height:32px;padding:0;border:0;border-radius:var(--of-radius-2);background:transparent;color:var(--of-fg-muted)}.of-app .of-tool-button:hover{background:var(--of-bg-hover);color:var(--of-fg)}.of-app .of-tool-button[aria-pressed=true]{background:var(--of-accent);color:var(--of-accent-fg)}.of-app .of-tool-variants{position:absolute;right:2px;bottom:2px;width:8px;height:8px;padding:0;border:0;background:transparent;color:var(--of-fg-faint);display:flex;align-items:flex-end;justify-content:flex-end}.of-tool-slot.is-active .of-tool-variants{color:var(--of-accent-fg)}.of-canvas-area{grid-area:canvas;position:relative;isolation:isolate;min-width:0;min-height:0;background:var(--of-bg-canvas)}.of-canvas{position:absolute;inset:0;overflow:hidden;outline:none}.of-canvas-host{position:absolute;inset:0}.of-app .of-options-bar .engine-toolbar{display:inline-flex!important;flex:none;flex-wrap:nowrap!important;align-items:center;height:24px;margin:0!important;padding:2px!important;gap:2px!important;border:1px solid var(--of-border);border-radius:var(--of-radius-2);background:var(--of-bg-raised)}.of-app .of-options-bar .engine-toolbar button{height:18px;padding:0 6px;border:0!important;background:transparent!important;color:var(--of-fg-muted);gap:4px;white-space:nowrap}.of-app .of-options-bar .engine-toolbar button:hover{background:var(--of-bg-hover)!important;color:var(--of-fg)}.of-app .of-options-bar .engine-toolbar button[aria-pressed=true]{background:var(--of-accent)!important;color:var(--of-accent-fg)}.of-app .of-options-bar .engine-toolbar kbd{color:inherit!important;opacity:.6;font-family:var(--of-font-ui)!important}.of-app .openform-render-artboard-shadow{box-shadow:var(--of-artboard-shadow)}.toolcraft-canvas-host{position:absolute;inset:0;overflow:hidden}.toolcraft-canvas-host [data-slot=toolcraft-runtime-canvas]{position:absolute;inset:0;overflow:hidden;background:var(--of-bg-canvas);cursor:default}.toolcraft-canvas-host [data-toolcraft-canvas-world]{position:absolute;inset:0;transform:none!important}.toolcraft-canvas-host [data-toolcraft-canvas-content]{position:absolute;inset:0;width:auto!important;height:auto!important;overflow:hidden}.toolcraft-canvas-host [data-toolcraft-canvas-slot]{position:absolute;inset:0}.of-dock{grid-area:dock;position:relative;display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--of-border);background:var(--of-bg-panel)}.of-dock-resizer{position:absolute;top:0;bottom:0;left:-3px;z-index:4;width:6px;cursor:col-resize;touch-action:none}.of-dock-resizer:hover{background:linear-gradient(to right,transparent 2px,var(--of-accent-line) 2px,var(--of-accent-line) 4px,transparent 4px)}.of-dock-resizer:focus-visible{background:var(--of-accent);outline:2px solid var(--of-accent);outline-offset:0}.of-dock-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.of-panel{border-bottom:1px solid var(--of-border)}.of-panel.is-dragging{opacity:.5}.of-panel.is-drop-target>.of-panel-header{box-shadow:inset 0 2px 0 var(--of-accent)}.of-panel-header{display:flex;align-items:center;gap:7px;height:30px;padding:0 8px 0 10px;color:var(--of-fg);font-size:var(--of-text-12);font-weight:600;list-style:none;cursor:default;-webkit-user-select:none;user-select:none}.of-panel-header::-webkit-details-marker{display:none}.of-panel-header::marker{content:""}.of-panel-header:hover{background:var(--of-bg-hover)}.of-panel-header:focus-visible{outline-offset:-2px}.of-panel-caret{color:var(--of-fg-faint);transition:transform .12s ease}.of-panel[open]>.of-panel-header .of-panel-caret{transform:rotate(90deg)}.of-panel-icon{color:var(--of-fg-muted)}.of-panel-title{flex:1}.of-panel-grip{color:var(--of-fg-faint);opacity:0}.of-panel-header:hover .of-panel-grip,.of-panel-header:focus-visible .of-panel-grip{opacity:1}.of-panel[data-panel=properties] .of-panel-grip{opacity:.7}.of-panel-body{padding:4px 12px 12px;display:grid;gap:10px}.of-panel-footer{display:flex;align-items:center;gap:2px;margin:4px -4px 0;padding-top:6px;border-top:1px solid var(--of-border)}.of-inspector-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--of-fg)}.of-inspector-heading span{color:var(--of-fg-faint);font-size:var(--of-text-11)}.of-field-stack{display:grid;gap:6px}.of-app .of-textarea{width:100%;font-size:var(--of-text-13)}.of-app .of-textarea.is-single-line{min-height:0;height:26px;padding:4px 7px;resize:none;overflow:hidden;font-family:var(--of-font-mono);font-size:var(--of-text-12)}.of-fill-row{display:grid;grid-template-columns:26px 1fr;gap:6px;align-items:center}.of-fill-chip{width:26px;height:26px;border:1px solid var(--of-border-strong);border-radius:var(--of-radius-1)}.of-layer-list{display:grid;gap:1px;margin:0 -8px}.of-app .of-layer-row{justify-content:flex-start;gap:8px;height:28px;padding:0 8px;border:0;border-radius:var(--of-radius-1);background:transparent;color:var(--of-fg);text-align:left}.of-app .of-layer-row:hover{background:var(--of-bg-hover)}.of-app .of-layer-row.is-selected{background:var(--of-accent-soft);box-shadow:inset 2px 0 0 var(--of-accent)}.of-layer-icon{flex:none;color:var(--of-fg-muted)}.of-layer-row.is-selected .of-layer-icon{color:var(--of-accent)}.of-layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.of-layer-kind{color:var(--of-fg-faint);font-size:var(--of-text-11)}.of-engine-documents{display:flex;align-items:center;gap:2px}.of-pages{display:grid;gap:6px}.of-app .of-page-row{justify-content:flex-start;gap:10px;height:44px;padding:0 8px;margin:0 -8px;border:0;background:transparent;text-align:left}.of-app .of-page-row.is-selected{background:var(--of-accent-soft)}.of-page-thumb{display:grid;place-items:center;width:32px;height:32px;flex:none}.of-page-thumb span{display:block;border:1px solid var(--of-border-strong);box-shadow:0 1px 2px #00000040}.of-page-name{flex:1;font-weight:500}.of-history-list{display:grid;gap:1px;margin:0 -8px;padding:0;list-style:none}.of-app .of-history-row{width:100%;justify-content:flex-start;gap:8px;height:26px;padding:0 8px;border:0;background:transparent;text-align:left}.of-app .of-history-row:hover{background:var(--of-bg-hover)}.of-app .of-history-row.is-current{background:var(--of-accent-soft)}.of-app .of-history-row.is-future{color:var(--of-fg-faint);font-style:italic}.of-history-index{width:18px;color:var(--of-fg-faint);font-size:var(--of-text-11);font-variant-numeric:tabular-nums;text-align:right}.of-status-row{grid-area:status;min-width:0;border-top:1px solid var(--of-border);background:var(--of-bg-chrome);container-type:inline-size}@container (max-width: 1399px){.of-lifecycle-word{display:none}}.of-status-bar{display:flex;align-items:center;gap:4px;height:100%;padding:0 6px;min-width:0;color:var(--of-fg-muted);font-size:var(--of-text-11);white-space:nowrap}.of-status-group{display:flex;align-items:center;gap:1px}.of-app .of-zoom-field{width:52px;height:20px;padding:0 4px;border-color:transparent;background:transparent;text-align:center;font-size:var(--of-text-11);font-variant-numeric:tabular-nums}.of-app .of-zoom-field:hover{border-color:var(--of-border)}.of-chip-group{display:inline-flex;gap:1px;margin:0 2px}.of-app .of-chip{height:20px;padding:0 5px;border:0;background:transparent;color:var(--of-fg-muted);font-size:var(--of-text-11);font-variant-numeric:tabular-nums}.of-app .of-chip:hover{background:var(--of-bg-hover);color:var(--of-fg)}.of-app .of-status-menu{height:22px;padding:0 6px;gap:6px;border:0;background:transparent;color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-app .of-status-menu:hover,.of-app .of-status-menu[data-popup-open]{background:var(--of-bg-hover);color:var(--of-fg)}.of-status-menu-label{color:var(--of-fg)}.of-status-faint{color:var(--of-fg-faint)}.of-status-engine{flex:0 1000 auto;min-width:0;max-width:320px;overflow:hidden;text-overflow:ellipsis;color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-status-lifecycle{display:flex;flex:0 1 auto;align-items:center;gap:8px;min-width:0}.of-status-lifecycle>.of-lifecycle-state,.of-status-lifecycle>.recovery-actions{flex:0 0 auto}.of-status-lifecycle .recovery-actions{display:inline-flex;gap:4px}.of-lifecycle-detail{min-width:0;overflow:hidden;text-overflow:ellipsis}.of-status-engine:not(:empty){min-width:40px}.of-status-bar>:not(.of-status-engine):not(.of-status-ext-strip):not(.of-status-lifecycle){flex-shrink:0}.of-status-ext-strip{position:relative;display:flex;flex:1 1 0;align-items:center;justify-content:flex-end;gap:4px;min-width:0;height:100%}.of-status-overflow-button{flex:0 0 auto}.of-status-ext-row{display:flex;flex:1 1 0;align-items:center;justify-content:flex-end;gap:4px;min-width:0;height:100%;overflow:hidden}.of-status-ext{display:inline-flex;flex:0 0 auto;align-items:center}.of-status-ext[data-empty]{position:absolute}.of-status-overflow{position:absolute;right:0;bottom:calc(100% + 4px);z-index:1500;display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:160px;max-width:360px;padding:6px;border:1px solid var(--of-border-strong);border-radius:var(--of-radius-2);background:var(--of-bg-raised);box-shadow:var(--of-shadow)}.of-status-overflow>.of-status-ext{justify-content:flex-start;min-height:24px}.of-lifecycle-state{display:inline-flex;align-items:center;gap:6px;color:var(--of-fg)}.of-lifecycle-state strong{font-weight:500}.of-lifecycle-dot{width:7px;height:7px;border-radius:50%;background:var(--of-success)}.of-lifecycle-state[data-state=busy] .of-lifecycle-dot{background:transparent;border:1.5px solid var(--of-fg-muted)}.of-lifecycle-state[data-state=attention] .of-lifecycle-dot{background:var(--of-warning);border-radius:1px;transform:rotate(45deg)}.of-lifecycle-state[data-state=error] .of-lifecycle-dot{background:var(--of-danger);border-radius:1px}.of-lifecycle-detail{max-width:240px;overflow:hidden;text-overflow:ellipsis}.recovery-actions{display:inline-flex;gap:4px}.recovery-actions .of-button{height:20px;padding:0 8px;gap:.3em;font-size:var(--of-text-11)}.of-app .of-status-issues{height:22px;padding:0 6px;gap:5px;border:0;background:transparent;color:var(--of-fg-muted);font-size:var(--of-text-11);font-variant-numeric:tabular-nums}.of-app .of-status-issues:hover{background:var(--of-bg-hover);color:var(--of-fg)}.of-app .of-status-issues.has-issues{color:var(--of-warning)}.of-status-history{display:flex;align-items:center;gap:1px}.of-history-depth{min-width:36px;padding:0 4px;color:var(--of-fg-faint);font-variant-numeric:tabular-nums;text-align:center}.of-menu-positioner{z-index:2000;outline:none}.of-menu{min-width:232px;max-height:var(--available-height);overflow-y:auto;padding:4px;border:1px solid var(--of-border-strong);border-radius:var(--of-radius-2);background:var(--of-bg-raised);box-shadow:var(--of-shadow);color:var(--of-fg);outline:none;transform-origin:var(--transform-origin);transition:opacity 80ms ease,transform 80ms ease}.of-menu[data-starting-style],.of-menu[data-ending-style]{opacity:0;transform:scale(.98)}.of-menu-item{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:4px;height:24px;padding:0 10px 0 4px;border-radius:var(--of-radius-1);font-size:var(--of-text-12);line-height:1;cursor:default;-webkit-user-select:none;user-select:none;outline:none}.of-menu-item-tall{height:36px}.of-menu-item[data-highlighted],.of-menu-item[data-popup-open]{background:var(--of-accent);color:var(--of-accent-fg)}.of-menu-item[data-highlighted] .of-menu-shortcut,.of-menu-item[data-highlighted] .of-menu-sub,.of-menu-item[data-highlighted] .of-menu-caret{color:var(--of-accent-fg)}.of-menu-item[data-disabled]{color:var(--of-fg-faint)}.of-menu-item[data-disabled][data-highlighted]{background:var(--of-bg-hover);color:var(--of-fg-faint)}.of-menu-check{display:inline-flex;align-items:center;justify-content:center;width:18px}.of-menu-indicator{display:inline-flex}.of-menu-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.of-menu-label{display:grid;gap:3px;white-space:nowrap}.of-menu-sub{color:var(--of-fg-faint);font-size:var(--of-text-11)}.of-menu-shortcut{padding-left:24px;color:var(--of-fg-faint);font-size:var(--of-text-11);letter-spacing:.04em;text-align:right}.of-menu-caret{justify-self:end;color:var(--of-fg-faint)}.of-menu-separator{height:1px;margin:4px 6px;background:var(--of-border)}.of-menu-group-label{padding:6px 8px 4px 26px;color:var(--of-fg-faint);font-size:var(--of-text-11);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.of-tooltip-positioner{z-index:3000}.of-tooltip{display:inline-flex;align-items:center;gap:8px;padding:4px 7px;border-radius:var(--of-radius-1);background:var(--of-fg);color:var(--of-bg-chrome);font-size:var(--of-text-11);font-weight:500;box-shadow:var(--of-shadow);transition:opacity 80ms ease}.of-tooltip[data-starting-style],.of-tooltip[data-ending-style]{opacity:0}.of-tooltip .of-kbd{height:15px;border-color:transparent;background:#7f7f7f40;color:inherit}.of-palette-backdrop{position:fixed;inset:0;z-index:2500;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:#00000059}.of-palette{display:flex;flex-direction:column;width:min(600px,calc(100vw - 32px));max-height:min(60vh,520px);overflow:hidden;border:1px solid var(--of-border-strong);border-radius:8px;background:var(--of-bg-raised);box-shadow:0 24px 64px #00000080,0 2px 6px #0000004d;color:var(--of-fg)}.of-palette-search{flex:none;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-bottom:1px solid var(--of-border);color:var(--of-fg-muted)}.of-app .of-palette-input{flex:1;height:100%;padding:0;border:0;outline:none!important;background:transparent;color:var(--of-fg);font-size:14px}.of-palette-list{overflow-y:auto;padding:4px}.of-palette-heading{padding:8px 10px 4px;color:var(--of-fg-faint);font-size:var(--of-text-11);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.of-palette-item{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;height:30px;padding:0 10px;border-radius:var(--of-radius-1);cursor:default}.of-palette-item.is-active{background:var(--of-accent);color:var(--of-accent-fg)}.of-palette-item.is-active .of-palette-detail,.of-palette-item.is-active .of-palette-group,.of-palette-item.is-active .of-palette-icon{color:var(--of-accent-fg)}.of-palette-item.is-active .of-kbd{border-color:#ffffff59;background:transparent;color:var(--of-accent-fg)}.of-palette-item.is-disabled{color:var(--of-fg-faint)}.of-palette-icon{display:inline-flex;color:var(--of-fg-muted)}.of-palette-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--of-text-13)}.of-palette-detail,.of-palette-group{color:var(--of-fg-faint);font-size:var(--of-text-11);white-space:nowrap}.of-palette-detail{font-family:var(--of-font-mono)}.of-palette-empty{padding:16px 12px;color:var(--of-fg-muted)}.modal-backdrop{position:fixed;inset:0;z-index:2400;display:grid;place-items:center;padding:24px;background:#00000080}.of-dialog,.modal-backdrop>section,.modal-backdrop .openform-export-dialog,.modal-backdrop .publish-dialog{display:grid;gap:12px;width:min(560px,calc(100vw - 32px));max-height:min(86vh,900px);overflow:auto;padding:16px 20px 18px;border:1px solid var(--of-border-strong);border-radius:8px;background:var(--of-bg-panel);box-shadow:0 24px 64px #00000073;color:var(--of-fg);font-size:var(--of-text-12);line-height:1.5}.modal-backdrop .export-dialog,.modal-backdrop .openform-export-dialog,.modal-backdrop .publish-dialog{width:min(720px,calc(100vw - 32px))}.of-help-dialog{width:min(820px,calc(100vw - 32px))!important}.of-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.of-dialog h2,.modal-backdrop h2{font-size:14px;font-weight:600;letter-spacing:-.005em}.of-dialog h3,.modal-backdrop h3{margin:6px 0 2px;color:var(--of-fg-muted);font-size:var(--of-text-11);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.modal-backdrop h4{margin:4px 0 2px;font-size:var(--of-text-12);font-weight:600}.of-dialog-lede{color:var(--of-fg-muted)}.of-dialog-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;padding-top:4px}.of-dialog-footer>p{flex:1 1 100%}.of-dialog-footer progress{flex:1 1 100%;width:100%}.modal-backdrop ul{padding-left:18px}.modal-backdrop li{margin:2px 0}.export-disclosure{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--of-border);border-radius:var(--of-radius-2);background:var(--of-bg-chrome)}.of-export-success{display:grid;gap:4px;flex:1 1 100%;padding:10px 12px;border:1px solid var(--of-border);border-left:3px solid var(--of-success);border-radius:var(--of-radius-2)}.of-export-success h3{margin:0;color:var(--of-fg);font-size:var(--of-text-13);text-transform:none;letter-spacing:0}.of-export-success code{overflow-wrap:anywhere}.modal-backdrop :focus-visible,.openform-export-dialog :focus,.publish-dialog:focus,.publish-dialog :focus{outline:2px solid var(--of-accent);outline-offset:1px}.of-shortcut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px 24px}.of-shortcut-section dl{display:grid;gap:2px;margin:0}.of-shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px solid var(--of-border)}.of-shortcut-row dt{color:var(--of-fg)}.of-shortcut-row dd{margin:0}.of-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.of-app .of-preset{display:grid;justify-items:center;gap:4px;height:auto;padding:12px 8px 10px;border:1px solid var(--of-border);border-radius:var(--of-radius-2);background:var(--of-bg-chrome);white-space:normal;text-align:center}.of-app .of-preset:hover{border-color:var(--of-border-strong);background:var(--of-bg-hover)}.of-app .of-preset.is-on{border-color:var(--of-accent);box-shadow:inset 0 0 0 1px var(--of-accent);background:var(--of-accent-soft)}.of-preset-thumb{display:grid;place-items:center;width:48px;height:48px}.of-preset-thumb span{display:block;border:1px solid var(--of-fg-muted);border-radius:1px;background:var(--of-bg-raised)}.of-preset-label{font-weight:500}.of-preset-detail{color:var(--of-fg-faint);font-size:var(--of-text-11);font-variant-numeric:tabular-nums}.of-new-custom,.of-fieldset{display:grid;grid-template-columns:2fr 1fr 1fr 80px;gap:8px;margin:0;padding:10px 12px 12px;border:1px solid var(--of-border);border-radius:var(--of-radius-2)}.of-fieldset{grid-template-columns:1fr}.of-new-custom legend,.of-fieldset legend{padding:0 4px;color:var(--of-fg-muted);font-size:var(--of-text-11);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.of-field{display:grid;gap:4px}.of-new-custom:disabled{opacity:.5}.engine-inspector{display:grid;gap:8px}.engine-inspector h3{font-size:var(--of-text-12);font-weight:600;text-transform:capitalize}.engine-identity{color:var(--of-fg-muted);font-size:var(--of-text-11)}.engine-identity code{color:var(--of-fg-faint)}.engine-inspector label{display:block;margin-bottom:4px;color:var(--of-fg-muted);font-size:var(--of-text-11)}.of-app .engine-inspector input[type=search]{width:100%}.engine-palette{display:grid;gap:4px}.engine-palette-count{color:var(--of-fg-faint);font-size:var(--of-text-11)}.engine-command-list{max-height:220px;overflow:auto;margin:0;padding:2px;list-style:none;border:1px solid var(--of-border);border-radius:var(--of-radius-1);background:var(--of-bg-input)}.engine-command-list [role=option]{display:grid;grid-template-columns:10px 1fr auto;gap:1px 6px;align-items:baseline;padding:4px 6px;border-radius:2px;cursor:default}.engine-command-list [role=option]:hover{background:var(--of-bg-hover)}.engine-command-list [role=option] code{grid-column:2;color:var(--of-fg-faint);font-size:10.5px;overflow-wrap:anywhere}.engine-command-list [role=option] .engine-risk{grid-column:3;grid-row:1 / span 2}.engine-command-list [data-active=true]{background:var(--of-accent-soft);box-shadow:inset 2px 0 0 var(--of-accent)}.engine-command-list [aria-selected=true] .engine-command-label{font-weight:600;text-decoration:underline;text-underline-offset:2px}.engine-command-marker{color:var(--of-accent);font-size:10px}.engine-risk,.agent-risk{display:inline-block;padding:0 4px;border:1px solid var(--of-border-strong);border-radius:3px;color:var(--of-fg-muted);font-size:10.5px;white-space:nowrap}.engine-risk[data-risk=destructive],.agent-risk[data-risk=destructive]{border:2px double var(--of-danger);color:var(--of-danger)}.engine-risk[data-risk=write],.agent-risk[data-risk=write]{color:var(--of-fg)}.engine-command{display:grid;gap:6px}.of-app .engine-command textarea,.of-app .agent-propose-json textarea{width:100%;min-height:72px;font-family:var(--of-font-mono);font-size:11px}.engine-param-doc{color:var(--of-fg-muted);font-size:var(--of-text-11)}.engine-param-doc code{overflow-wrap:anywhere}.engine-actions,.agent-proposal-actions{display:inline-flex;flex-wrap:wrap;gap:4px}.engine-confirm{display:grid;gap:6px;padding:8px;border:2px double var(--of-danger);border-radius:var(--of-radius-1)}.engine-preview{display:grid;gap:6px}.engine-preview-canvas,.agent-proposal-canvas{display:block;max-width:100%;border:1px dashed var(--of-border-strong);background:repeating-conic-gradient(var(--of-bg-hover) 0 25%,var(--of-bg-input) 0 50%) 0 0 / 12px 12px}.engine-result pre,.agent-proposal-results pre{max-height:180px;overflow:auto;margin:4px 0 0;padding:6px 8px;border:1px solid var(--of-border);border-radius:var(--of-radius-1);background:var(--of-bg-input);font-size:10.5px}.engine-result h4{font-size:var(--of-text-11);color:var(--of-fg-muted)}.engine-layers>summary,.agent-propose-json>summary,.agent-proposal-results>summary,.publish-report-files>summary{color:var(--of-fg-muted);font-size:var(--of-text-11);cursor:default}.engine-layers ul{margin:4px 0;padding-left:14px;font-size:var(--of-text-11)}.engine-inspector-status{color:var(--of-fg-muted);font-size:var(--of-text-11)}.engine-inspector-status:empty{display:none}.agent-panel-tabs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}.agent-tabpanel{min-width:0;display:grid;grid-template-columns:minmax(0,1fr)}.agent-tablist{display:flex;gap:2px;padding:2px;border:1px solid var(--of-border);border-radius:var(--of-radius-2);background:var(--of-bg-input)}.agent-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:24px;padding:0 8px;border:0;border-radius:var(--of-radius-1);background:transparent;color:var(--of-fg-muted);font:inherit;font-size:var(--of-text-12);cursor:default}.agent-tab:hover{color:var(--of-fg)}.agent-tab[aria-selected=true]{background:var(--of-bg-raised);color:var(--of-fg);box-shadow:0 0 0 1px var(--of-border-strong)}.agent-tab-count{min-width:16px;padding:0 4px;border-radius:8px;background:var(--of-accent);color:var(--of-accent-fg);font-size:10px;line-height:16px;text-align:center}.agent-proposals{display:grid;gap:8px}.agent-proposals h3{display:none}.agent-proposals-status{color:var(--of-fg-muted);font-size:var(--of-text-11)}.agent-proposals-status:empty{display:none}.agent-proposal-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.agent-proposal{display:grid;gap:6px;padding:8px;border:1px solid var(--of-border);border-radius:var(--of-radius-2);background:var(--of-bg-chrome)}.agent-proposal[data-state=stale],.agent-proposal[data-state=rejected],.agent-proposal[data-state=failed]{border-style:dashed}.of-app .agent-proposal-select{justify-content:flex-start;height:auto;min-height:24px;padding:4px 6px;white-space:normal;text-align:left;line-height:1.35}.of-app .agent-proposal-select[aria-pressed=true]{border-color:var(--of-accent);box-shadow:inset 2px 0 0 var(--of-accent)}.agent-proposal-state{color:var(--of-fg-muted)}.agent-proposal-steps,.agent-proposal-reasons{margin:0;padding-left:18px;font-size:var(--of-text-11)}.agent-proposal-reasons{color:var(--of-warning)}.agent-propose-json{display:grid;gap:6px}.agent-propose-json[open]{padding-top:4px}.openform-export-dialog form{display:grid;gap:10px}.openform-export-dialog fieldset{display:grid;gap:4px;margin:0;padding:8px 12px 10px;border:1px solid var(--of-border);border-radius:var(--of-radius-2)}.openform-export-dialog legend{padding:0 4px;color:var(--of-fg-muted);font-size:var(--of-text-11);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.openform-export-lane{display:flex;align-items:baseline;gap:6px}.openform-export-lane input{position:relative;top:2px}.openform-export-lane-description,.openform-export-disclosure,.openform-export-reason,.openform-export-output{color:var(--of-fg-muted)}.openform-export-field{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.openform-export-field input[type=number]{width:80px}.openform-export-field input[type=color]{width:32px;height:24px;padding:0;border:1px solid var(--of-border-strong);border-radius:var(--of-radius-1);background:none}.openform-export-preflight{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--of-border);border-radius:var(--of-radius-2);background:var(--of-bg-chrome)}.openform-export-group ul,.publish-report-group ul{margin:2px 0 6px}.openform-export-group li[data-severity=confirm] strong{color:var(--of-warning)}.openform-export-group li[data-severity=block] strong{color:var(--of-danger)}.openform-export-accept{display:flex;gap:8px;align-items:center;font-weight:600}.openform-export-actions,.publish-actions,.publish-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.openform-export-actions button[type=submit]{background:var(--of-accent);border-color:var(--of-accent);color:var(--of-accent-fg);font-weight:500}.openform-export-actions button[type=submit]:disabled{background:var(--of-bg-raised);border-color:var(--of-border-strong);color:var(--of-fg)}.openform-export-error,.publish-error{color:var(--of-danger)}.openform-export-status:empty{display:none}.openform-export-dialog progress{display:block;width:100%}.publish-panel{display:grid;gap:10px}.publish-option{display:inline-flex;align-items:center;gap:6px}.publish-option input[type=text]{width:240px}.publish-status{color:var(--of-fg-muted)}.publish-preview{border-radius:var(--of-radius-2)!important;border-color:var(--of-border-strong)!important}.publish-report{display:grid;gap:4px}.publish-report-group p{color:var(--of-fg-muted)}.openform-toolcraft-panel{padding:10px!important;border:1px solid var(--of-border)!important;border-radius:var(--of-radius-2)!important;background:var(--of-bg-chrome)!important;color:var(--of-fg)}.openform-toolcraft-panel textarea{width:100%}@media(max-width:1100px){.of-document-mode,.of-lifecycle-detail,.of-chip-group{display:none}}@media(max-width:860px){.of-app{grid-template-columns:var(--of-rail-w) minmax(0,1fr) 0}.of-dock,.of-document-title{display:none}}.of-bottom-panel{grid-area:canvas;align-self:end;position:relative;z-index:2;display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--of-border);background:var(--of-bg-panel)}.of-bottom-panel-resizer{position:absolute;top:-3px;left:0;right:0;z-index:3;height:6px;cursor:row-resize;touch-action:none}.of-bottom-panel-resizer:hover{background:linear-gradient(to bottom,transparent 2px,var(--of-accent-line) 2px,var(--of-accent-line) 4px,transparent 4px)}.of-bottom-panel-resizer:focus-visible{background:var(--of-accent);outline:2px solid var(--of-accent);outline-offset:0}.of-bottom-panel-header{display:flex;align-items:center;flex:none;height:28px;padding:0 6px;border-bottom:1px solid var(--of-border)}.of-bottom-panel[data-collapsed] .of-bottom-panel-header{border-bottom:0}.of-app .of-bottom-panel-toggle{height:22px;padding:0 6px;border-color:transparent;background:transparent;color:var(--of-fg);font-weight:600;font-size:var(--of-text-11);text-transform:uppercase;letter-spacing:.04em}.of-bottom-panel-chevron{width:10px;color:var(--of-fg-muted)}.of-bottom-panel-body{flex:1;min-height:0;overflow:hidden}.openform-canvas{--of-canvas-accent: var(--of-accent, #1473e6);--of-canvas-guide: var(--of-canvas-guide-color, #ff3fa4);position:relative;overflow:hidden;width:100%;height:100%;min-height:0;background:var(--of-bg-canvas, #2b2b2b);touch-action:none;user-select:none;-webkit-user-select:none;outline:none}.openform-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--of-canvas-accent)}.openform-canvas[data-rulers=true] .openform-render-viewport--fill{position:absolute;inset:0}.openform-canvas .openform-selection{fill:none;stroke:var(--of-canvas-accent);stroke-width:1.5;vector-effect:non-scaling-stroke}.openform-canvas .openform-canvas-selection-box{fill:none;stroke:var(--of-canvas-accent);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.openform-canvas .openform-canvas-hover{fill:none;stroke:var(--of-canvas-accent);stroke-width:1;opacity:.7;vector-effect:non-scaling-stroke}.openform-canvas .openform-canvas-handle{fill:#fff;stroke:var(--of-canvas-accent);stroke-width:1;vector-effect:non-scaling-stroke}.openform-canvas .openform-canvas-marquee{fill:color-mix(in srgb,var(--of-canvas-accent) 10%,transparent);stroke:var(--of-canvas-accent);stroke-width:1;vector-effect:non-scaling-stroke}.openform-canvas .openform-canvas-zoom-rect{fill:none;stroke:var(--of-fg, #fff);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.openform-canvas .openform-canvas-guide{stroke:var(--of-canvas-guide);stroke-width:1;vector-effect:non-scaling-stroke}.openform-canvas .openform-canvas-guide-label rect{fill:var(--of-canvas-guide)}.openform-canvas .openform-canvas-guide-label text{fill:#fff;font:500 10px/1 var(--of-font-mono, ui-monospace, monospace)}.openform-canvas .openform-canvas-create-preview{fill:color-mix(in srgb,var(--of-canvas-accent) 8%,transparent);stroke:var(--of-canvas-accent);stroke-width:1;vector-effect:non-scaling-stroke}.openform-canvas .openform-canvas-pixel-grid{stroke:#80808059}.openform-canvas .openform-editor-overlay [data-grid-guide]{stroke:var(--of-canvas-accent);opacity:.3}.openform-canvas .openform-render-viewport,.openform-canvas .openform-render-viewport *{cursor:inherit}.openform-canvas .openform-canvas-text-editor{outline:1px solid var(--of-accent, #1473e6);outline-offset:0;cursor:text;caret-color:currentColor;user-select:text;-webkit-user-select:text;background:transparent}.openform-canvas-rulers{position:absolute;inset:0;pointer-events:none;z-index:10002}.openform-canvas-ruler{position:absolute;left:0;top:0;display:block;background:var(--of-bg-chrome, #1f1f1f)}.openform-canvas-ruler--x{border-bottom:1px solid var(--of-border, #3a3a3a)}.openform-canvas-ruler--y{border-right:1px solid var(--of-border, #3a3a3a)}.openform-canvas-ruler line{stroke:var(--of-fg-faint, #777);stroke-width:1;shape-rendering:crispEdges}.openform-canvas-ruler text{fill:var(--of-fg-muted, #aaa);font:9px/1 var(--of-font-mono, ui-monospace, monospace)}.openform-canvas-ruler .openform-canvas-ruler-pointer{stroke:var(--of-canvas-accent)}.openform-canvas-ruler .openform-canvas-ruler-selection{fill:color-mix(in srgb,var(--of-canvas-accent) 22%,transparent)}.openform-canvas-ruler-corner{position:absolute;left:0;top:0;width:20px;height:20px;background:var(--of-bg-chrome, #1f1f1f);border-right:1px solid var(--of-border, #3a3a3a);border-bottom:1px solid var(--of-border, #3a3a3a);box-sizing:border-box}.openform-canvas-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.openform-canvas .openform-layout-gap{fill:color-mix(in srgb,#e5487f 16%,transparent);stroke:none}.openform-canvas .openform-layout-padding{fill:color-mix(in srgb,#e5487f 9%,transparent);stroke:none}.openform-canvas .openform-layout-grip{stroke:#e5487f;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.openform-canvas [data-layout-handle][data-active=true] .openform-layout-grip{stroke-width:3}.openform-canvas .openform-layout-drop{stroke:var(--of-canvas-accent);stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.openform-canvas .openform-layout-label rect{fill:#e5487f}.openform-canvas .openform-layout-label text{fill:#fff;font:500 10px/1 var(--of-font-mono, ui-monospace, monospace)}.of-panel-body{--_bg-input: var(--of-bg-input, #1b1b1d);--_bg-raised: var(--of-bg-raised, #2a2a2d);--_border: var(--of-border, #3a3a3e);--_fg: var(--of-fg, #ececee);--_muted: var(--of-fg-muted, #a0a0a8);--_accent: var(--of-accent, #4d8dff);--_danger: var(--of-danger, #ff6b6b);--_gap: var(--of-space-2, 6px);display:grid;gap:var(--_gap);padding:var(--of-space-3, 8px);color:var(--_fg);font:12px/1.4 var(--of-font-ui, system-ui, sans-serif)}.of-panel-body button{font:inherit;color:inherit;background:var(--_bg-raised);border:1px solid var(--_border);border-radius:var(--of-radius-1, 4px);padding:3px 8px}.of-panel-body button:not(:disabled){cursor:pointer}.of-panel-body button:disabled{opacity:.45;cursor:not-allowed}.of-panel-body :focus-visible{outline:2px solid var(--_accent);outline-offset:1px}.of-panel-body h3{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--_muted)}.of-panel-body .of-mono{font-family:var(--of-font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums}.of-panel-body .of-note,.of-panel-body .of-empty{margin:0;color:var(--_muted);font-size:11px}.of-panel-body .of-selection-summary{margin:0;font-weight:600}.of-panel-body .of-error{margin:2px 0 0;color:var(--_danger);font-size:11px;list-style:none;padding:0}.of-panel-body .of-error:before{content:"Error: ";font-weight:600}.of-panel-body ul .of-error:before,.of-panel-body li.of-error:before{content:""}.of-panel-body .of-readout{color:var(--_muted)}.of-panel-body .of-section{border-top:1px solid var(--_border);padding-top:var(--_gap)}.of-panel-body .of-section:first-of-type{border-top:0;padding-top:0}.of-panel-body .of-section-head{display:flex;align-items:center;justify-content:space-between}.of-panel-body .of-section-toggle{display:inline-flex;align-items:center;gap:4px;background:none!important;border:0!important;padding:2px 0!important;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.04em;color:var(--_muted)!important}.of-panel-body .of-section-body{display:grid;gap:var(--_gap);padding-top:var(--_gap)}.of-panel-body .of-section-body[hidden]{display:none}.of-panel-body .of-grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--_gap);align-items:end}.of-panel-body .of-row{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:var(--_gap)}.of-panel-body .of-row-label,.of-panel-body .of-number-label{color:var(--_muted);font-size:11px}.of-panel-body .of-number{position:relative;display:grid;grid-template-columns:minmax(14px,auto) 1fr;column-gap:6px;align-items:center}.of-panel-body .of-number-compact{grid-template-columns:18px 1fr}.of-panel-body .of-number-label[data-scrub]{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.of-panel-body .of-number .of-error{grid-column:1 / -1}.of-panel-body .of-input{width:100%;min-width:0;box-sizing:border-box;color:var(--_fg);background:var(--_bg-input);border:1px solid var(--_border);border-radius:var(--of-radius-1, 4px);padding:3px 6px;font:inherit}.of-panel-body .of-input:disabled{opacity:.5}.of-panel-body .of-textarea{min-height:5.5rem;resize:vertical}.of-panel-body .of-select{padding:3px 4px}.of-panel-body .of-color{display:grid;grid-template-columns:24px 14px 1fr;gap:4px;align-items:center}.of-panel-body .of-color .of-error{grid-column:1 / -1}.of-panel-body .of-color-picker{width:24px;height:22px;padding:0;border:1px solid var(--_border);background:none}.of-panel-body .of-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--_border)}.of-panel-body .of-swatch[data-none=true]{background-image:linear-gradient(135deg,transparent 45%,var(--_danger) 46% 54%,transparent 55%)!important}.of-panel-body .of-opacity{display:grid;grid-template-columns:1fr 76px;gap:var(--_gap);align-items:center}.of-panel-body .of-slider{width:100%;accent-color:var(--_accent)}.of-panel-body .of-segmented{display:inline-flex;border:1px solid var(--_border);border-radius:var(--of-radius-1, 4px);overflow:hidden}.of-panel-body .of-segmented button{border:0;border-radius:0}.of-panel-body .of-segmented button[aria-checked=true]{background:var(--_accent);color:var(--of-accent-fg, #fff);text-decoration:underline}.of-panel-body .of-toggle[aria-checked=true]{border-color:var(--_accent);font-weight:600}.of-panel-body .of-icon-toggle{display:inline-flex;align-items:center;gap:4px;justify-content:center}.of-panel-body .of-icon-toggle[aria-pressed=true]{border-color:var(--_accent)}.of-panel-body .of-layer-list,.of-panel-body .of-swatch-list,.of-panel-body .of-swatch-grid,.of-panel-body .of-history,.of-panel-body .of-artboards{list-style:none;margin:0;padding:0;display:grid;gap:2px}.of-panel-body .of-layer{position:relative;display:grid;grid-template-columns:16px 1fr 26px 26px;align-items:center;gap:2px;border-radius:var(--of-radius-1, 4px)}.of-panel-body .of-layer[data-selected=true]{background:color-mix(in srgb,var(--_accent) 22%,transparent);box-shadow:inset 2px 0 0 var(--_accent)}.of-panel-body .of-layer[data-hidden=true] .of-layer-name{opacity:.6;font-style:italic}.of-panel-body .of-layer-main{display:flex!important;align-items:center;gap:6px;text-align:left;background:none!important;border:0!important;min-width:0}.of-panel-body .of-layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.of-panel-body .of-layer-kind{color:var(--_muted)}.of-panel-body .of-layer-disclosure{background:none!important;border:0!important;padding:0!important;width:16px}.of-panel-body .of-layer-toggle{background:none!important;border:0!important;padding:2px!important}.of-panel-body .of-badge,.of-panel-body .of-state{font-size:10px;padding:0 4px;border:1px solid var(--_border);border-radius:3px;color:var(--_muted)}.of-panel-body .of-layer[data-drop=above]:before,.of-panel-body .of-layer[data-drop=below]:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--_accent)}.of-panel-body .of-layer[data-drop=above]:before{top:-1px}.of-panel-body .of-layer[data-drop=below]:after{bottom:-1px}.of-panel-body .of-layer[data-drop=inside]{outline:2px dashed var(--_accent)}.of-panel-body .of-layer-rename{grid-column:2 / 3}.of-panel-body .of-menu{position:fixed;z-index:50;min-width:190px;display:grid;background:var(--of-bg-raised, #2a2a2d);border:1px solid var(--of-border-strong, #55555b);border-radius:var(--of-radius-2, 6px);padding:4px;box-shadow:0 8px 24px #0008}.of-panel-body .of-menu button{display:flex;justify-content:space-between;gap:16px;border:0!important;background:none!important;text-align:left}.of-panel-body .of-menu button:hover:not(:disabled),.of-panel-body .of-menu button:focus-visible{background:var(--of-accent, #4d8dff)!important;color:var(--of-accent-fg, #fff)}.of-panel-body .of-menu kbd{color:var(--_muted);font-family:var(--of-font-mono, monospace)}.of-panel-body .of-artboard{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:6px;border:1px solid var(--_accent);border-radius:var(--of-radius-1, 4px)}.of-panel-body .of-artboard>div{display:grid}.of-panel-body .of-thumb{background:repeating-conic-gradient(#8883 0 25%,transparent 0 50%) 0 0 / 8px 8px;border:1px solid var(--_border)}.of-panel-body .of-doc-name{margin:0;font-weight:600}.of-panel-body .of-new-doc{display:grid;gap:var(--_gap)}.of-panel-body .of-dialog{position:fixed;inset:20% auto auto 50%;transform:translate(-50%);z-index:60;width:min(360px,90vw);display:grid;gap:8px;padding:14px;background:var(--of-bg-raised, #2a2a2d);border:1px solid var(--of-border-strong, #55555b);border-radius:var(--of-radius-2, 6px);box-shadow:0 12px 40px #000a}.of-panel-body .of-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.of-panel-body .of-subhead{display:flex;align-items:center;justify-content:space-between}.of-panel-body .of-swatch-list li{display:grid;grid-template-columns:26px 1fr auto 26px;align-items:center;gap:4px}.of-panel-body .of-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.of-panel-body .of-swatch-grid li{display:grid;grid-template-columns:26px 1fr 26px;align-items:center;gap:4px}.of-panel-body .of-swatch-button{padding:2px!important;line-height:0}.of-panel-body .of-swatch-button .of-swatch{width:18px;height:18px}.of-panel-body .of-swatch-name{background:none!important;border:0!important;text-align:left}.of-panel-body .of-history button{width:100%;display:flex;gap:8px;align-items:center;text-align:left;background:none;border:0}.of-panel-body .of-history li[data-current=true] button{background:color-mix(in srgb,var(--_accent) 22%,transparent);box-shadow:inset 2px 0 0 var(--_accent);font-weight:600}.of-panel-body .of-history li[data-status=undone] .of-history-label{opacity:.6;text-decoration:line-through}.of-panel-body .of-history-index{color:var(--_muted);min-width:2ch;text-align:right}.of-panel-body .of-history-label{flex:1}.of-panel-body .of-panel-body{padding:0}.of-panel-body .of-page-tools{display:flex;flex-wrap:wrap;gap:4px}.of-panel-body .of-pages{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 12px;max-height:320px;overflow:auto;align-items:flex-start}.of-panel-body .of-spread{display:grid;grid-template-columns:52px}.of-panel-body .of-spread[data-layout=pair]{grid-template-columns:52px 52px}.of-panel-body .of-spread[data-layout=pair]>.of-page[data-side=left]{grid-column:1;justify-items:end}.of-panel-body .of-spread[data-layout=pair]>.of-page[data-side=right]{grid-column:2;justify-items:start}.of-panel-body .of-page{height:auto;min-height:0;display:grid;justify-items:center;align-content:start;gap:2px;padding:2px;border:1px solid transparent;border-radius:var(--of-radius-1, 4px);background:none;cursor:pointer;color:inherit}.of-panel-body .of-page[aria-current=page]{border-color:var(--_accent)}.of-panel-body .of-page[data-dragging=true]{opacity:.5}.of-panel-body .of-page-label{font-size:11px;font-variant-numeric:tabular-nums}.of-panel-body .of-thumb--empty{display:block;width:40px;height:56px}.of-panel-body .of-parent-pages{display:grid;gap:4px}.of-panel-body .of-parent-page{display:grid;grid-template-columns:auto 1fr auto;gap:4px;align-items:center}.of-panel-body .of-parent-page[aria-current=page]>.of-page{border-color:var(--_accent)}.of-panel-body .of-subhead{margin:6px 0 0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}