:root{color-scheme:light;--paper:oklch(96.5% 0.012 82);--paper-sunk:oklch(93% 0.014 82);--paper-raised:oklch(98.5% 0.008 82);--paper-deep:oklch(88% 0.016 82);--ink:oklch(22% 0.018 60);--ink-soft:oklch(42% 0.016 60);--ink-faint:oklch(62% 0.014 60);--edge:oklch(85% 0.014 82);--edge-soft:oklch(90% 0.012 82);--edge-strong:oklch(72% 0.018 60);--app-bg:var(--paper);--panel-bg:var(--paper);--panel-edge:var(--edge);--text-strong:var(--ink);--text-soft:var(--ink-soft);--text-faint:var(--ink-faint);--accent:var(--style-accent,oklch(32% 0.05 40));--accent-soft:color-mix(in oklch,var(--accent) 12%,transparent);--accent-ring:color-mix(in oklch,var(--accent) 55%,transparent);--danger:oklch(52% 0.18 28);--rail-width:24rem;--font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--font-body:"Hanken Grotesk",ui-sans-serif,system-ui,sans-serif;--text-caption:0.78rem;--text-label:0.875rem;--text-body:0.95rem;--text-subhead:1.05rem;--text-heading:1.5rem}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--app-bg);color:var(--text-strong);font-family:var(--font-body);font-size:16px;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.viewer-transparent-surface,html.viewer-transparent-surface,html.viewer-transparent-surface body{background:transparent}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.boot-screen{min-height:100dvh;display:grid;place-items:center;color:var(--text-soft);font-size:var(--text-body)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.app-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) var(--rail-width);background:var(--paper);transition:--style-accent .22s ease}@property --style-accent{syntax:"<color>";inherits:true;initial-value:oklch(32% .05 40)}::selection{background:color-mix(in oklch,var(--accent) 28%,transparent);color:var(--ink)}.inspector::-webkit-scrollbar{width:10px}.inspector::-webkit-scrollbar-track{background:transparent}.inspector::-webkit-scrollbar-thumb{background:var(--edge);border:2px solid var(--paper);border-radius:999px}.inspector::-webkit-scrollbar-thumb:hover{background:var(--edge-strong)}.inspector{scrollbar-color:var(--edge) transparent;scrollbar-width:thin}.stage-pane{position:relative;min-width:0;min-height:100dvh;overflow:hidden}.stage-canvas-wrap{position:absolute;inset:0}.stage-canvas{display:block;width:100%;height:100%}.stage-badge{position:absolute;left:1.5rem;bottom:1.5rem;display:inline-flex;gap:.6rem;flex-wrap:wrap;align-items:center;padding:.55rem .85rem;border:1px solid var(--edge-strong);background:var(--paper-raised);color:var(--text-soft);font-size:var(--text-caption);letter-spacing:0;text-transform:lowercase;box-shadow:0 2px 8px -4px oklch(22% .02 60/.25)}.close-drawer,.drawer-backdrop,.mobile-rail-toggle{display:none}.payment-success-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1.25rem;background:oklch(22% .02 60/.42)}.payment-success-modal{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-gap:.9rem 1rem;gap:.9rem 1rem;width:min(100%,26rem);padding:1.25rem;border:1.5px solid var(--edge-strong);background:var(--paper-raised);color:var(--text-strong);box-shadow:0 18px 45px -24px oklch(22% .02 60/.5)}.payment-success-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-size:1.15rem;font-weight:700;line-height:1}.payment-success-copy{display:grid;grid-gap:.35rem;gap:.35rem;min-width:0}.payment-success-copy h2,.payment-success-copy p{margin:0}.payment-success-copy h2{font-family:var(--font-display);font-size:var(--text-heading);font-weight:700;letter-spacing:0;line-height:1.1}.payment-success-copy p{color:var(--text-soft);font-size:var(--text-body);line-height:1.45}.payment-recovery-link{color:var(--accent);font-size:var(--text-caption);font-weight:700;line-height:1.35;text-decoration:underline;text-underline-offset:.18em}.payment-success-modal .primary-button{grid-column:1/-1;justify-self:end;min-width:6.5rem;text-align:center}.inspector{height:100dvh;overflow-y:auto;border-left:1px solid var(--panel-edge);background:var(--paper-raised);padding:1.5rem 1.35rem 2rem}.rail-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.tile-grid{display:grid;grid-gap:.6rem;gap:.6rem}.tile-grid.compact{gap:.5rem}.background-select{position:relative}.background-option,.background-select-trigger{position:relative;display:flex;gap:.85rem;align-items:center;width:100%;min-height:4.35rem;border:1px solid var(--edge);background:var(--paper-sunk);padding:.95rem 1rem;overflow:hidden;color:var(--text-strong);text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.background-option.is-active,.background-option:hover,.background-select-trigger.is-open,.background-select-trigger:hover{border-color:var(--accent);transform:translateY(-1px)}.background-option:focus-visible,.background-select-trigger:focus-visible,.select-input:focus-visible,.text-area:focus-visible,.text-input:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.background-select-trigger{padding-right:3.4rem}.background-select-menu{position:absolute;top:calc(100% + .55rem);left:0;right:0;z-index:30;display:grid;grid-gap:.5rem;gap:.5rem;max-height:min(27rem,58vh);overflow-y:auto;border:1px solid var(--edge-strong);background:var(--paper-raised);padding:.55rem;box-shadow:0 14px 30px -14px oklch(22% .02 60/.28)}.background-option-preview,.background-option-shade{position:absolute;inset:0;pointer-events:none}.background-option-preview{background-position:50%;background-repeat:no-repeat;background-size:cover}.background-option-shade{background:linear-gradient(90deg,color-mix(in oklch,var(--paper) 88%,transparent) 0,color-mix(in oklch,var(--paper) 78%,transparent) 58%,color-mix(in oklch,var(--paper) 55%,transparent) 100%)}.background-option-copy,.background-option-icon,.background-select-caret{position:relative;z-index:1}.background-option-icon{color:var(--accent);font-size:1.25rem}.background-option-copy{min-width:0}.background-option-copy strong{color:var(--text-strong)}.background-option-copy small{color:var(--text-soft)}.background-select-caret{margin-left:auto;color:var(--text-faint);font-size:.88rem}.tile-button{display:flex;gap:.85rem;align-items:flex-start;width:100%;border:1px solid var(--edge);background:var(--paper-sunk);padding:.9rem .95rem;color:var(--text-strong);text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.tile-button.is-active,.tile-button:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.tile-button.compact{align-items:center}.tile-icon{flex:0 0 auto;width:1.65rem;color:var(--accent);font-size:1.15rem;line-height:1;text-align:center}.tile-copy{display:grid;grid-gap:.25rem;gap:.25rem;min-width:0}.tile-copy strong{font-size:var(--text-label);font-weight:600;letter-spacing:-.005em;white-space:nowrap}.tile-copy small,.tile-copy strong{overflow:hidden;text-overflow:ellipsis}.tile-copy small{color:var(--text-soft);font-size:var(--text-caption);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.export-stack,.schema-controls{display:grid;grid-gap:.9rem;gap:.9rem}.field{display:grid;grid-gap:.55rem;gap:.55rem}.field-inline{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem}.field-inline>span:first-child{color:var(--text-strong);font-family:var(--font-body);font-size:var(--text-label);font-weight:600;letter-spacing:0}.field-inline>.toggle-button:last-child,.field-inline>button:not(.ghost-button):last-child{justify-self:end}.field-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;color:var(--text-soft);font-family:var(--font-body);font-size:var(--text-label);font-weight:500;letter-spacing:0;text-transform:none}.field-header>span:first-child{color:var(--text-strong);font-weight:600}.field-header>span+span{color:var(--text-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--text-caption);font-weight:500}.field-note{margin:0;color:var(--text-soft);font-size:var(--text-caption);line-height:1.45}.magazine-reference-controls{display:grid;grid-gap:.9rem;gap:.9rem}.magazine-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.magazine-preset-swatch{width:2.2rem;height:2.2rem;border-radius:.7rem;border:1px solid var(--edge-strong);box-shadow:inset 0 1px 0 oklch(100% 0 0/.18)}.magazine-preset-swatch.is-transparent{background-image:repeating-conic-gradient(var(--paper-deep) 0 25%,var(--paper-raised) 0 50%);background-size:12px 12px}.magazine-custom-row{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;grid-gap:.6rem;gap:.6rem;align-items:center}.select-input,.text-area,.text-input{width:100%;border:1px solid var(--edge);background:var(--paper-sunk);color:var(--text-strong);padding:.82rem .9rem;font-family:var(--font-body);font-size:var(--text-body);outline:none}.font-select{position:relative;width:100%}.font-select-trigger{width:100%;min-height:3.15rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.75rem;gap:.75rem;border:1px solid var(--edge);background:var(--paper-sunk);color:var(--text-strong);padding:.55rem .72rem;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.font-select-trigger.is-open,.font-select-trigger:hover{border-color:var(--edge-strong);background:var(--paper)}.font-multi-trigger{min-height:3.45rem}.font-multi-samples{display:flex;align-items:center;min-width:4.5rem}.font-multi-samples .font-option-sample{width:1.85rem;min-width:1.85rem;height:2rem;margin-right:-.48rem;box-shadow:0 0 0 2px var(--paper-sunk)}.font-multi-trigger.is-open .font-multi-samples .font-option-sample,.font-multi-trigger:hover .font-multi-samples .font-option-sample{box-shadow:0 0 0 2px var(--paper)}.font-option-sample{width:2.35rem;min-width:2.35rem;height:2.1rem;display:grid;place-items:center;border:1px solid var(--edge-soft);background:var(--paper-raised);color:var(--text-strong);font-size:1rem;line-height:1;overflow:hidden;white-space:nowrap}.font-option-name,.font-select-trigger-label{min-width:0;overflow:hidden;color:var(--text-strong);font-size:1.05rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.font-select-caret{width:.55rem;height:.55rem;border-right:1.5px solid;border-bottom:1.5px solid;opacity:.65;transform:rotate(45deg) translateY(-.12rem);transition:transform .16s ease}.font-select-trigger.is-open .font-select-caret{transform:rotate(225deg) translate(-.05rem,-.05rem)}.font-select-menu{position:absolute;z-index:40;top:calc(100% + .4rem);right:0;left:0;display:grid;grid-gap:.25rem;gap:.25rem;max-height:min(22rem,calc(100dvh - 8rem));overflow:auto;padding:.35rem;border:1px solid var(--edge-strong);background:var(--paper);box-shadow:0 1rem 2rem oklch(22% .018 60/.14)}.font-select-group{padding:.55rem .5rem .2rem;color:var(--text-faint);font-size:.68rem;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase}.font-select-option{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) .75rem;align-items:center;grid-gap:.7rem;gap:.7rem;border:1px solid transparent;background:transparent;color:var(--text-strong);padding:.45rem .5rem;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.font-select-option:hover{border-color:var(--edge);background:var(--paper-sunk)}.font-select-option.is-active{background:var(--accent-soft);color:var(--accent)}.font-select-option.is-active,.font-select-option.is-active .font-option-sample{border-color:var(--accent-ring)}.font-select-option.is-active .font-option-name{color:var(--accent)}.font-select-option.is-locked{cursor:default}.font-option-marker{width:.45rem;height:.45rem;justify-self:center;border-radius:999px;background:transparent}.font-select-option.is-active .font-option-marker{background:var(--accent)}.text-area{min-height:8.25rem;max-height:18rem;resize:vertical;line-height:1.45;max-width:65ch;overflow-wrap:break-word;word-break:break-word}.color-field{display:grid;grid-template-columns:3.4rem minmax(0,1fr);grid-gap:.6rem;gap:.6rem}.color-input{width:100%;height:3rem;border:1px solid var(--edge);background:none;padding:.2rem}.preset-swatch-row{display:flex;gap:.5rem;flex-wrap:wrap}.preset-swatch{width:2.4rem;height:2.4rem;border-radius:999px;border:2px solid var(--edge);padding:0;cursor:pointer;background-clip:padding-box;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.preset-swatch:hover{transform:translateY(-1px);border-color:var(--edge-strong)}.preset-swatch:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.preset-swatch.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.preset-custom-swatch{position:relative;display:inline-grid;place-items:center;overflow:hidden}.preset-custom-swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.preset-custom-marker{position:relative;z-index:1;display:grid;place-items:center;width:1.05rem;height:1.05rem;border:1px solid color-mix(in oklch,var(--paper-raised) 80%,transparent);border-radius:999px;background:color-mix(in oklch,var(--paper-raised) 72%,transparent);color:var(--text-strong);font-size:.9rem;font-weight:600;line-height:1;pointer-events:none}.slider{width:100%}.segmented{display:flex;gap:.45rem;flex-wrap:wrap}.close-drawer,.ghost-button,.mobile-rail-toggle,.primary-button,.secondary-button,.segmented-button,.toggle-button{border:1px solid var(--edge);background:var(--paper-sunk);color:var(--text-strong);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.close-drawer:focus-visible,.fine-tune-toggle:focus-visible,.font-select-option:focus-visible,.font-select-trigger:focus-visible,.ghost-button:focus-visible,.mobile-rail-toggle:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.segmented-button:focus-visible,.style-preview-tile:focus-visible,.toggle-button:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.ghost-button:disabled,.primary-button:disabled,.secondary-button:disabled,.segmented-button:disabled{cursor:not-allowed;opacity:.55}.segmented-button{padding:.68rem .82rem;font-size:var(--text-label);font-weight:500}.segmented-button.is-active,.toggle-button.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.ghost-button,.primary-button,.secondary-button{padding:.82rem .95rem;text-align:left;font-size:var(--text-label);font-weight:500;letter-spacing:-.005em}.ghost-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.segmented-button:hover:not(:disabled),.toggle-button:hover:not(:disabled){border-color:var(--edge-strong);background:var(--paper)}.primary-button{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.primary-button:hover:not(:disabled){background:color-mix(in oklch,var(--accent) 22%,transparent);transform:translateY(-1px)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(0)}.ghost-button.danger{border-color:color-mix(in oklch,var(--danger) 45%,transparent);color:var(--danger)}.ghost-button.danger:hover:not(:disabled){background:color-mix(in oklch,var(--danger) 10%,transparent);border-color:var(--danger)}.seed-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.6rem;gap:.6rem;align-items:center}.seed-input{min-width:0}.progress-block{display:grid;grid-gap:.55rem;gap:.55rem}.notice,.progress-block p{margin:0;color:var(--text-soft);font-size:var(--text-caption);line-height:1.45}.progress-bar{height:.5rem;border:1px solid var(--edge);background:var(--paper-sunk)}.progress-bar span{display:block;height:100%;background:var(--accent)}.rail-wordmark{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 0 1.25rem}.rail-heading{display:grid;grid-gap:.35rem;gap:.35rem;min-width:0}.rail-wordmark-title{display:inline-flex;align-items:baseline;gap:.4rem;margin:0;font-family:var(--font-display);font-size:var(--text-subhead);font-weight:600;font-variation-settings:"opsz" 14;letter-spacing:-.01em;line-height:1;color:var(--text-strong)}.rail-tagline{margin:0;color:var(--text-soft);font-size:var(--text-caption);line-height:1.35}.rail-wordmark-glyph{color:var(--accent);font-size:.95em;line-height:1;transform:translateY(.05em)}.rail-section{padding:1.25rem 0;border-top:1px solid var(--edge-soft)}.rail-section-text{padding-top:.5rem;border-top:none}.rail-section-style{padding-top:1.5rem}.rail-section-scene-presets{padding-top:1.25rem}.rail-section-export{padding:2rem 0 1.25rem;border-top:none}.rail-section-fine-tune{padding-top:0;border-top:none}.section-title{margin:0 0 .85rem;font-family:var(--font-display);font-size:var(--text-subhead);font-weight:600;font-variation-settings:"opsz" 18;letter-spacing:-.015em;text-transform:none;color:var(--text-strong)}.scene-preset-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.65rem;gap:.65rem}.scene-preset-tile{position:relative;display:grid;grid-gap:.48rem;gap:.48rem;align-content:start;min-height:7.95rem;padding:.45rem .45rem .58rem;border:1.5px solid var(--edge-strong);border-radius:6px;background:var(--paper-sunk);color:var(--text-strong);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.scene-preset-tile:hover{border-color:var(--accent-ring);transform:translateY(-1px)}.scene-preset-tile.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.scene-preset-tile.is-active:after{content:"";position:absolute;top:.62rem;right:.62rem;width:.62rem;height:.62rem;border:2px solid var(--paper-raised);border-radius:999px;background:var(--accent);box-shadow:0 0 0 1px color-mix(in oklch,var(--ink) 20%,transparent)}.scene-preset-tile:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.scene-preset-sample-frame{display:grid;place-items:center;width:100%;height:5.35rem;border:1px solid var(--edge-soft);border-radius:4px;background:linear-gradient(45deg,color-mix(in oklch,var(--paper-raised) 86%,var(--ink) 4%) 25%,transparent 25% 75%,color-mix(in oklch,var(--paper-raised) 86%,var(--ink) 4%) 75%),linear-gradient(45deg,color-mix(in oklch,var(--paper-raised) 86%,var(--ink) 4%) 25%,transparent 25% 75%,color-mix(in oklch,var(--paper-raised) 86%,var(--ink) 4%) 75%);background-position:0 0,.4rem .4rem;background-size:.8rem .8rem;overflow:hidden}.scene-preset-sample{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.scene-preset-copy{min-width:0;display:grid;grid-gap:.18rem;gap:.18rem;padding:0 .08rem}.scene-preset-copy strong{color:var(--text-strong);font-size:.82rem;font-weight:650;line-height:1.08}.scene-preset-copy small,.scene-preset-copy strong{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.scene-preset-copy small{color:var(--text-soft);font-size:var(--text-caption);line-height:1.18}.scene-preset-tile.is-active .scene-preset-copy strong{color:var(--accent)}.style-preview-rail{display:flex;gap:.6rem;overflow-x:auto;padding:.15rem .15rem .75rem;margin:0 -.15rem;scrollbar-width:thin}.style-preview-tile{flex:0 0 auto;display:grid;grid-gap:.4rem;gap:.4rem;place-items:center;width:5.25rem;padding:.85rem .5rem .65rem;border:1.5px solid var(--edge-strong);background:var(--paper-sunk);color:var(--text-strong);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.style-preview-tile:hover{border-color:var(--accent-ring);transform:translateY(-1px)}.style-preview-tile.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.style-preview-sample-frame{display:grid;place-items:center;width:4rem;height:2.3rem;max-width:100%;border:1px solid var(--style-preview-edge,var(--edge-soft));border-radius:4px;background:var(--style-preview-bg,color-mix(in oklch,var(--paper-deep) 58%,var(--ink) 42%));box-shadow:inset 0 1px 0 color-mix(in oklch,var(--paper-raised) 36%,transparent),inset 0 -1px 0 color-mix(in oklch,var(--ink) 22%,transparent);overflow:hidden}.style-preview-sample{display:block;width:100%;height:auto;max-height:100%}.style-preview-label{font-family:var(--font-body);font-size:var(--text-caption);font-weight:500;color:var(--text-soft);line-height:1;text-transform:lowercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-preview-tile.is-active .style-preview-label{color:var(--accent);font-weight:650}.rail-section-presets{padding-top:1.25rem}.preset-preview-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.65rem;gap:.65rem;padding:0;margin:0}.preset-preview-tile{position:relative;display:grid;grid-gap:.48rem;gap:.48rem;align-content:start;place-items:stretch;min-height:7.95rem;padding:.45rem .45rem .58rem;border:1.5px solid var(--edge-strong);border-radius:6px;background:var(--paper-sunk);color:var(--text-strong);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.preset-preview-tile:hover{border-color:var(--accent-ring);transform:translateY(-1px)}.preset-preview-tile:active{transform:translateY(0)}.preset-preview-tile.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.preset-preview-tile:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.preset-preview-tile .style-preview-sample{width:100%;height:auto}.preset-preview-tile .style-preview-sample-frame{width:100%;height:5.35rem}.preset-preview-copy{min-height:1.8rem}.magazine-inline-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.export-card{display:grid;grid-gap:.7rem;gap:.7rem;padding:1.15rem 1.15rem 1.25rem;border:1.5px solid var(--edge-strong);background:var(--paper);box-shadow:0 1px 0 var(--edge-soft) inset}.export-card .primary-button{text-align:center;padding:.95rem 1rem}.export-card .secondary-button{text-align:center}.export-secondary{display:grid;grid-gap:.4rem;gap:.4rem;padding-top:.6rem;border-top:1px solid var(--edge-soft)}.export-card .progress-block{padding-top:.4rem;border-top:1px solid var(--edge-soft)}.export-card .notice{padding-top:.3rem;font-size:.85rem}.notice-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.4rem;border-top:1px solid var(--edge-soft)}.notice-content{display:grid;flex:1 1;min-width:0;grid-gap:.55rem;gap:.55rem}.notice-row .notice{padding-top:0}.manual-share-url{width:100%;min-width:0;padding:.55rem .6rem;border:1px solid var(--edge);background:var(--paper-raised);color:var(--text-strong);font-family:var(--font-body);font-size:var(--text-caption)}.manual-share-url:focus{border-color:var(--accent);outline:2px solid var(--accent-ring);outline-offset:1px}.notice-retry{flex:0 0 auto;padding:.45rem .75rem;font-size:var(--text-caption)}.fine-tune-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.85rem;width:100%;padding:.8rem .85rem;border:1.5px solid var(--edge-strong);background:var(--paper-sunk);color:var(--text-strong);font-family:var(--font-display);font-size:var(--text-subhead);font-weight:600;font-variation-settings:"opsz" 18;letter-spacing:-.015em;cursor:pointer;box-shadow:0 1px 0 var(--edge-soft) inset;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.fine-tune-toggle:hover{border-color:var(--accent-ring);background:var(--paper)}.fine-tune-toggle.is-open{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 1px 0 color-mix(in oklch,var(--paper-raised) 72%,transparent) inset,inset .22rem 0 0 var(--accent)}.fine-tune-caret{display:grid;place-items:center;flex:0 0 auto;width:1.6rem;height:1.6rem;border:1px solid var(--edge);background:var(--paper-raised);color:var(--text-soft);font-size:.85rem;line-height:1;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .2s ease}.fine-tune-toggle.is-open .fine-tune-caret,.fine-tune-toggle:hover .fine-tune-caret{border-color:var(--accent);background:var(--paper);color:var(--accent)}.fine-tune-toggle.is-open .fine-tune-caret{transform:rotate(180deg)}.fine-tune-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.fine-tune-body.is-open{grid-template-rows:1fr}.fine-tune-body-inner{overflow:hidden;display:grid;grid-gap:1rem;gap:1rem;min-height:0}.fine-tune-body.is-open .fine-tune-body-inner{overflow:visible;padding:.5rem 0 .25rem}.fine-tune-subgroup{display:grid;grid-gap:.75rem;gap:.75rem;padding-top:.85rem;border-top:1px solid var(--edge-soft)}.subgroup-title{margin:0;font-family:var(--font-body);font-size:var(--text-label);font-weight:600;color:var(--text-soft);letter-spacing:0;text-transform:none}.fine-tune-footnote{margin:0;padding-top:.75rem;border-top:1px solid var(--edge-soft);color:var(--text-faint);font-size:var(--text-caption);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.4}.viewer-shell{min-height:100dvh;position:relative;background:var(--paper)}.viewer-shell.is-transparent{background:transparent}.stage-canvas-wrap.is-viewer{position:fixed;inset:0;width:100vw;height:100dvh}.viewer-editor-link{position:fixed;top:0;right:0;padding:.5rem .85rem;margin:1rem;border:1px solid var(--edge-strong);background:var(--paper-raised);color:var(--text-strong);font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:0;text-transform:lowercase;text-decoration:none;opacity:0;transition:opacity .16s ease;box-shadow:0 2px 8px -4px oklch(22% .02 60/.25);z-index:5}.viewer-editor-link:focus-visible,.viewer-editor-link:hover{opacity:1}.viewer-payment-status{position:fixed;left:0;bottom:0;z-index:6;max-width:min(24rem,calc(100vw - 2rem));margin:1rem;padding:.55rem .8rem;border:1px solid var(--edge-strong);background:var(--paper-raised);color:var(--text-strong);font-size:var(--text-caption);line-height:1.4;box-shadow:0 2px 8px -4px oklch(22% .02 60/.25)}@media (hover:none){.viewer-editor-link{opacity:.86}}@media (max-width:980px){.app-shell{display:block;width:100%;max-width:100vw;overflow-x:hidden}.stage-pane{width:100vw;max-width:100vw}.inspector{position:fixed;inset:auto 0 0 0;height:min(82dvh,44rem);border-left:none;border-top:1px solid var(--panel-edge);pointer-events:none;transform:translateY(100%);transition:transform .22s ease;z-index:25}.inspector.is-open{pointer-events:auto;transform:translateY(0)}.drawer-backdrop{position:fixed;inset:0;background:oklch(22% .02 60/.28);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:20}.drawer-backdrop.is-open{display:block;opacity:1;pointer-events:auto}.close-drawer,.mobile-rail-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.82rem 1rem}.mobile-rail-toggle{position:fixed;left:50%;right:auto;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:15;background:var(--paper-raised);border:1px solid var(--edge-strong);max-width:calc(100vw - 2rem)}.close-drawer{font-size:.8rem}.stage-badge{bottom:5.8rem}.magazine-custom-row{grid-template-columns:3rem minmax(0,1fr)}.magazine-custom-row .ghost-button{grid-column:1/-1}}@media (max-width:640px){.magazine-preset-grid{gap:.35rem}.payment-success-modal{grid-template-columns:minmax(0,1fr)}.payment-success-modal .primary-button{justify-self:stretch}}@media (prefers-reduced-motion:reduce){*,.app-shell,.background-option,.background-select-trigger,.fine-tune-body,.fine-tune-caret,.inspector,.preset-preview-tile,.scene-preset-tile,.style-preview-tile,.tile-button,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.background-option:hover,.background-select-trigger:hover,.preset-preview-tile:hover,.scene-preset-tile:hover,.style-preview-tile:hover,.tile-button:hover{transform:none}}