:root{--bg:#09090b;--bg-elevated:#101013;--panel:#101013;--panel-2:#151519;--border:#222226;--border-subtle:#ffffff14;--text:#f5f5f5;--muted:#9f9fa8;--accent:#7c3bed;--accent-dim:#7c3bed2e;--danger:#f87171;--radius:12px;--radius-sm:8px;--font:"Inter", system-ui, -apple-system, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--shadow-lg:0 16px 48px #0000006b;--nav-w:240px;--sidebar-w:340px;--dur-fast:.14s;--dur:.22s;--ease-out:cubic-bezier(.22, 1, .36, 1)}@font-face{font-family:Inter;src:url(/fonts/Inter/Inter-VariableFont_opsz,wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/Geist_Mono/GeistMono-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}body{min-height:100svh;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}body.layout-sidebar-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}body.export-modal-open{overflow:hidden}#app{flex-direction:column;min-height:100svh;display:flex}.top-bar{background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);-webkit-backdrop-filter:blur(14px);z-index:40;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1.25rem;display:flex}.top-bar-brand{align-items:center;gap:.65rem;min-width:0;display:flex}.top-bar-mark{width:auto;height:22px;display:block}.top-bar-brand-text{flex-direction:column;min-width:0;display:flex}.top-bar-logo{letter-spacing:-.03em;color:var(--text);font-size:.95rem;font-weight:650}.top-bar-divider{background:var(--border);border-radius:1px;width:1px;height:1rem}.top-bar-tag{color:var(--muted);letter-spacing:.02em;font-size:.75rem;font-weight:500}.console-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:11px}.top-bar-center{flex:1;justify-content:center;min-width:0;display:flex}.top-bar-actions{flex-shrink:0}.toolbar-select{min-width:min(100%,200px);max-width:280px;margin:0 auto}.btn-toolbar{font-family:var(--font);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;padding:.5rem 1.1rem;font-size:.84rem;font-weight:500;transition:background .15s,border-color .15s,transform .12s}.btn-toolbar:hover{background:#ffffff14;border-color:#ffffff1f}.btn-toolbar:active{transform:scale(.98)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.layout{grid-template-columns:var(--nav-w) minmax(0, 1fr) 6px var(--sidebar-w);flex:1;grid-template-areas:"structure preview resizer inspector";gap:0;min-height:0;display:grid}.structure-panel{border-right:1px solid var(--border-subtle);background:var(--panel);grid-area:structure;min-width:0;padding:.75rem .85rem;overflow-y:auto}.structure-panel .field{margin-bottom:.85rem}#preview-wrap,.preview-wrap{grid-area:preview}.inspector-panel{grid-area:inspector}.mobile-panel-tabs{display:none}.layout-resizer{touch-action:none;-webkit-user-select:none;user-select:none;cursor:col-resize;background:var(--bg);z-index:2;grid-area:resizer;position:relative}.layout-resizer:after{content:"";background:var(--border);border-radius:2px;width:2px;transition:background .15s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.layout-resizer:hover:after,.layout-resizer:focus-visible:after{background:var(--accent)}.layout-resizer:focus{outline:none}.layout-resizer:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (width<=860px){.layout{grid-template-columns:1fr;grid-template-areas:"preview""tabs""panel"}.layout-resizer{display:none}.mobile-panel-tabs{grid-area:tabs;display:flex}.structure-panel,.inspector-panel{grid-area:panel;max-height:min(52vh,28rem);overflow-y:auto}.layout[data-mobile-panel=structure] .inspector-panel,.layout[data-mobile-panel=properties] .structure-panel{display:none}.top-bar{flex-wrap:wrap}.top-bar-center{flex:1 0 100%;order:3;justify-content:flex-start}.toolbar-select{width:100%;max-width:none;margin:0}}.mobile-panel-tabs{border-top:1px solid var(--border-subtle);background:var(--panel)}.mobile-panel-tabs button{appearance:none;font-family:var(--font);color:var(--muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.55rem .65rem;font-size:.78rem;font-weight:500}.mobile-panel-tabs button:hover{color:var(--text);background:#ffffff0a}.mobile-panel-tabs button.is-active{color:var(--accent);background:var(--accent-dim);border-bottom-color:var(--accent)}.panel.editor-panel{background:var(--panel);border-left:1px solid var(--border-subtle);border-right:none;min-width:0;padding:1rem 1.15rem 1.35rem;overflow-y:auto}@media (width<=860px){.panel.editor-panel{border-left:none;border-top:1px solid var(--border-subtle)}.structure-panel{border-right:none;border-top:1px solid var(--border-subtle)}}.field{margin-bottom:1.15rem}.field label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:.45rem;font-size:11px;font-weight:500;display:block}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}input[type=number],input[type=text],textarea{font-family:var(--mono);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:6px;width:5rem;padding:.4rem .55rem;font-size:.85rem}textarea{resize:vertical;width:100%;min-height:3.5rem;font-family:var(--font)}input[type=number]:focus,input[type=text]:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim);outline:none}input[type=range]{min-width:100px;accent-color:var(--accent);flex:1}input[type=color]{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:6px;width:2.5rem;height:2rem;padding:0}.segmented{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.segmented button{color:var(--muted);font-family:var(--font);cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem .65rem;font-size:.82rem;font-weight:500;transition:background .15s,color .15s}.segmented button:hover{color:var(--text);background:#ffffff0a}.segmented button[aria-pressed=true]{background:var(--accent-dim);color:var(--accent)}select.field-select{width:100%;font-family:var(--font);color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M3 4.5L6 8l3-3.5'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;border-radius:8px;padding:.55rem 2rem .55rem .65rem;font-size:.88rem;font-weight:500}select.field-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim);outline:none}.presets{flex-wrap:wrap;gap:.4rem;display:flex}.presets button{font-family:var(--font);border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;padding:.35rem .55rem;font-size:.75rem}.presets button:hover{border-color:var(--accent);color:var(--accent)}.lockup-presets{border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;gap:0;width:100%;display:flex;overflow:hidden}.lockup-presets button{min-width:0;font-family:var(--font);border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;text-align:center;border-radius:0;flex:33%;padding:.28rem .35rem;font-size:.68rem}.lockup-presets button:nth-child(3n){border-right:none}.lockup-presets button:hover{color:var(--text);background:#ffffff0a}.lockup-presets button.is-active{border-color:var(--accent);color:var(--accent)}.stops{flex-direction:column;gap:.5rem;display:flex}.stop-row{grid-template-columns:auto 1fr 3.75rem auto;align-items:center;gap:.5rem;display:grid}.stop-row .pos{width:3.5rem}.btn{font-family:var(--font);border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;padding:.55rem .85rem;font-size:.85rem;font-weight:500;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--muted)}.btn-primary{color:#0a0a0d;background:#ffffffeb;border-color:#ffffff1f;width:100%;margin-top:.5rem;padding:.65rem 1rem;font-weight:600}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn-ghost{color:var(--muted);background:0 0;padding:.35rem .5rem;font-size:.8rem}.btn-icon{border-radius:var(--radius-sm);width:28px;min-width:0;height:28px;color:var(--muted);font-family:var(--font);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:.85rem;line-height:1;display:inline-flex}.btn-icon:hover{color:var(--text);background:#ffffff0f;border-color:#ffffff14}.btn-icon:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn-remove{color:var(--danger);cursor:pointer;opacity:.75;background:0 0;border:none;padding:.25rem;font-size:1.1rem;line-height:1}.btn-remove:hover{opacity:1}.btn-remove:disabled{opacity:.2;cursor:not-allowed}.preview-wrap{background-color:var(--bg);background-image:radial-gradient(70% 50% at 50% -10%,#ffffff0a,#0000),radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:100% 100%,20px 20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.85rem;min-width:0;min-height:0;padding:1.5rem 1.25rem;display:flex;position:relative}.preview-wrap.is-panning{cursor:grabbing}.preview-wrap.is-space-ready{cursor:grab}.preview-zoom-bar{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .5rem;display:flex}.preview-zoom-bar .btn-ghost,.preview-zoom-bar .btn-icon,.preview-zoom-bar button{min-width:0;padding:.25rem .45rem;font-size:.72rem;line-height:1.2}.preview-zoom-bar .btn-icon{width:26px;height:26px;padding:0;font-size:.8rem}.preview-zoom-bar #zoom-label{appearance:none;cursor:pointer;color:var(--muted);background:0 0;border:none;padding:.2rem .3rem}.preview-zoom-bar #zoom-label:hover{color:var(--text)}.preview-stage{touch-action:none;flex:1;justify-content:center;align-items:center;width:100%;max-width:min(100%,960px);min-height:12rem;display:flex;overflow:hidden}.preview-chrome{border-radius:var(--radius);background:var(--panel);transform-origin:50%;border:1px solid #ffffff14;width:100%;max-width:min(100%,960px);overflow:hidden}.preview-chrome-bar{background:#ffffff05;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:8px 12px;display:flex}.preview-chrome-dot{background:#ffffff26;border-radius:50%;flex-shrink:0;width:8px;height:8px}.preview-chrome #preview,.preview-chrome canvas{width:100%;height:auto;box-shadow:none;border:none;border-radius:0;display:block}.preview-meta{color:var(--muted);font-size:.75rem;font-family:var(--mono)}.shortcut-strip{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);margin:.35rem 0 0;font-size:.65rem;line-height:1.45}.shortcut-strip kbd{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:4px;padding:.05rem .3rem;font-family:inherit}#preview{border-radius:var(--radius);border:1px solid var(--border-subtle);width:100%;max-width:min(100%,960px);height:auto;box-shadow:none;image-rendering:auto}.jpeg-only{display:none}.jpeg-only.visible{display:block}#stops-field.is-hidden{display:none}.mesh-field-hint{color:var(--muted);margin:0 0 .65rem;font-size:.75rem;line-height:1.35}.mesh-grid{gap:.45rem;width:100%;display:grid}.mesh-grid input[type=color]{width:100%;min-width:0;height:2.1rem}.ff-list{flex-direction:column;gap:.4rem;max-height:220px;margin-top:.35rem;display:flex;overflow-y:auto}.ff-row{grid-template-columns:auto auto minmax(3.2rem,.55fr) 1fr 1fr auto auto auto;align-items:center;gap:.35rem;display:grid}.ff-idx{color:var(--muted);text-align:center;width:1rem;font-size:.72rem;font-weight:600}.ff-row input[type=number]{width:100%;min-width:0}#preview.canvas-crosshair{cursor:crosshair}#preview.canvas-ff-interact{touch-action:none}.ff-edge-list{flex-direction:column;gap:.25rem;max-height:8rem;margin-bottom:.65rem;display:flex;overflow-y:auto}.ff-edge-row{color:var(--muted);grid-template-columns:auto 1fr max-content max-content;align-items:center;gap:.45rem;font-size:.85rem;display:grid}.ff-edge-curve{width:100%;min-width:0}.editor-panel-intro{border-bottom:1px solid var(--border-subtle);margin-bottom:1.1rem;padding-bottom:1rem}.editor-panel-intro .console-label{margin-bottom:6px;display:block}.editor-panel-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:.98rem;font-weight:650}.editor-panel-sub{color:var(--muted);margin:.35rem 0 0;font-size:.78rem;line-height:1.45}.looks-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.structure-panel .looks-grid{grid-template-columns:repeat(4,1fr);gap:4px}.look-tile{appearance:none;text-align:left;border:1px solid var(--border);background:var(--bg);cursor:pointer;color:inherit;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:8px;flex-direction:column;padding:0;font-family:inherit;display:flex;overflow:hidden}.look-tile:hover{transform:translateY(-1px)}.look-tile.is-active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--look-accent,var(--accent))}.look-tile-swatch{width:100%;height:40px;display:block}.structure-panel .look-tile-swatch{height:28px}.look-tile-name{color:var(--text);padding:6px 8px;font-size:.72rem}.structure-panel .look-tile-name{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.structure-panel .look-tile{position:relative}.layers-list{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.layer-add-row{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.shape-add-row{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.layer-add-row .field-select{flex:1;min-width:8rem}.layer-row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-row{border:1px solid var(--border);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:8px;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:4px;padding:6px 8px;font-size:.8rem;display:grid}.layer-type{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:center;flex-shrink:0;min-width:1.1rem;font-size:.65rem;font-weight:500;line-height:1.2}.layer-grip{cursor:grab;color:var(--muted);font-size:.85rem;line-height:1;font-family:var(--font);letter-spacing:-.08em;background:0 0;border:none;padding:.15rem .25rem}.layer-grip:hover{color:var(--text)}.layer-row.is-dragging{opacity:.45}.layer-row.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.layer-row.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}body.layer-list-dragging,body.layer-list-dragging *{cursor:grabbing!important}.layer-row.is-selected{border-color:var(--accent);background:var(--accent-dim)}.layer-row button{min-width:0;padding:.2rem .35rem;font-size:.75rem;line-height:1}.layer-hide,.layer-lock{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.layer-row:hover .layer-hide,.layer-row:hover .layer-lock,.layer-row:focus-within .layer-hide,.layer-row:focus-within .layer-lock,.layer-hide.is-on,.layer-lock.is-on{opacity:1}.add-menu{margin-bottom:.5rem;position:relative}.add-menu>summary{cursor:pointer;font-family:var(--font);border:1px solid var(--border);color:var(--muted);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border-radius:8px;align-items:center;padding:.35rem .5rem;font-size:.8rem;font-weight:500;list-style:none;display:inline-flex}.add-menu>summary::-webkit-details-marker{display:none}.add-menu>summary::marker{content:"";display:none}.add-menu>summary:hover{color:var(--text);border-color:var(--muted)}.add-menu[open]>summary{color:var(--text);background:#ffffff0a}.add-menu-pop{z-index:20;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-sm);min-width:12rem;box-shadow:var(--shadow-lg);flex-direction:column;gap:2px;padding:.35rem;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.add-menu-pop button{text-align:left;width:100%;color:var(--text);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:6px;justify-content:flex-start;padding:.4rem .55rem;font-size:.78rem}.add-menu-pop button:hover{background:#ffffff0f}.add-menu-pop .field-select,.add-menu-pop #add-mark{width:100%;margin-top:2px}.layer-inspector{flex-direction:column;gap:.65rem;margin-top:8px;display:flex}.inspector-heading{border-bottom:1px solid var(--border-subtle);margin-bottom:1rem;padding-bottom:.75rem}.inspector-heading .console-label{margin-bottom:.35rem;display:block}.inspector-heading-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:.92rem;font-weight:650}.layer-inspector select.field-select{width:100%}.align-row{flex-wrap:wrap;gap:4px;display:flex}.align-grid{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.align-btn{aspect-ratio:1;border:1px solid var(--border);background:var(--bg);min-height:28px;color:var(--muted);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:6px;justify-content:center;align-items:center;padding:.3rem;font-size:.75rem;display:inline-flex}.align-btn:hover{border-color:var(--muted);color:var(--text);background:#ffffff0a}.align-btn[aria-pressed=true],.align-btn.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.inspector-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.inspector-actions .btn-icon,.inspector-actions .btn-ghost{flex-shrink:0}.inspector-actions .btn-icon.is-danger:hover,.inspector-actions .btn-ghost.is-danger:hover,.inspector-actions button[data-action=delete]:hover{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:color-mix(in srgb, var(--danger) 12%, transparent)}.type-details{margin-top:.25rem}.type-details>summary{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);cursor:pointer;margin-bottom:.45rem;font-size:11px;font-weight:500;list-style:none;display:block}.type-details>summary::-webkit-details-marker{display:none}.type-details>summary::marker{content:"";display:none}.type-details[open]>summary{margin-bottom:.65rem}details.engine-hint{color:var(--muted);margin-top:8px;font-size:.75rem}details.engine-hint summary{cursor:pointer;color:var(--muted)}.export-modal-root{z-index:100;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.export-modal-root[hidden]{display:none!important}.export-modal-backdrop{-webkit-backdrop-filter:blur(8px);background:#04060cbf;position:absolute;inset:0}@keyframes vc-modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.export-modal-card{z-index:1;border-radius:calc(var(--radius) + 2px);border:1px solid var(--border-subtle);background:var(--panel);width:min(100%,400px);max-height:min(90vh,520px);box-shadow:var(--shadow-lg);animation:vc-modal-in var(--dur) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.export-modal-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.15rem;display:flex}.export-modal-title{letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:650}.export-modal-body{padding:1.05rem 1.15rem 1.25rem;overflow-y:auto}.export-summary{color:var(--muted);margin:0 0 1rem;font-size:.86rem;line-height:1.45}.export-summary strong{color:var(--text);font-weight:600}#export-modal-body .btn-primary{margin-top:.85rem}.icon-btn{border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;line-height:1;transition:background .12s,color .12s;display:flex}.icon-btn:hover{color:var(--text);background:#ffffff0f}.export-project-block{border-top:1px solid var(--border-subtle);margin-top:1.35rem;padding-top:1.15rem}.export-project-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0 0 .35rem;font-size:11px;font-weight:500}.export-project-hint{color:var(--muted);margin:0 0 .75rem;font-size:.78rem;line-height:1.45}.export-project-row{flex-wrap:wrap;gap:.5rem;display:flex}.export-project-row .btn{flex:1;min-width:8rem}.swatch-row{flex-wrap:wrap;gap:4px;margin:.25rem 0 .45rem;display:flex}.swatch{cursor:pointer;width:16px;height:16px;transition:transform var(--dur-fast) var(--ease-out);border:1px solid #ffffff2e;border-radius:4px;flex-shrink:0;padding:0}.swatch:hover{transform:scale(1.12)}.swatch:hover,.swatch:focus-visible,.swatch.is-active{outline-offset:1px;outline:2px solid #7c3bed}.draft-banner{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-elevated) 80%, #7c3bed 12%);width:100%;max-width:min(100%,960px);color:var(--text);transition:opacity var(--dur) var(--ease-out);border:1px solid #c4b5fd47;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .65rem;padding:.4rem .65rem;font-size:.75rem;display:flex}.draft-banner[hidden]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}