@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/outfit-latin-ext-300-normal-DOPFwRfd.woff2)format("woff2"),url(/assets/outfit-latin-ext-300-normal-BI3VXh7J.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/outfit-latin-300-normal-BtP9WcUS.woff2)format("woff2"),url(/assets/outfit-latin-300-normal-CRA2ED-D.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-ext-400-normal-B79P8FIW.woff2)format("woff2"),url(/assets/outfit-latin-ext-400-normal-qH6ep8Zu.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-CxQwsqBJ.woff2)format("woff2"),url(/assets/outfit-latin-400-normal-BHAmTMI7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-ext-600-normal-BO_POi3V.woff2)format("woff2"),url(/assets/outfit-latin-ext-600-normal-CilJk_q7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-DDkojskL.woff2)format("woff2"),url(/assets/outfit-latin-600-normal-J4YI7vGj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-ext-800-normal-hvOV8EMs.woff2)format("woff2"),url(/assets/outfit-latin-ext-800-normal-BgOoQnlg.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-800-normal-CxKiX6XU.woff2)format("woff2"),url(/assets/outfit-latin-800-normal-DAbI56uE.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Share Tech Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/share-tech-mono-latin-400-normal-CCqdbj5z.woff2)format("woff2"),url(/assets/share-tech-mono-latin-400-normal-CcsJ_J2r.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0;padding:0}:root{--app-bg:#101010;--panel-bg:#171717;--panel-soft:#1c1c1c;--panel-border:#2b2b2b;--panel-border-strong:#3a3a3a;--accent:#eee;--accent-strong:#4a4a4a;--muted-text:#9b9b9b;--soft-text:#eee}body{background-color:var(--app-bg);height:100vh;min-height:100vh;color:var(--soft-text);justify-content:center;align-items:center;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden}body:before{content:none}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--soft-text);outline-offset:2px}.workspace{z-index:1;grid-template-columns:minmax(340px,390px) minmax(0,1fr);grid-template-areas:"settings preview";justify-content:stretch;align-items:stretch;gap:0;width:100%;max-width:100%;height:100vh;max-height:100vh;display:grid}.preview-panel{background:var(--app-bg);min-width:0;min-height:0;box-shadow:none;border:0;border-radius:0;grid-area:preview;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:20px;display:grid;position:relative;overflow:hidden}.preview-panel:before{content:none}.preview-topbar,.preview-foot{z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.preview-kicker,.panel-kicker{color:var(--muted-text);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.preview-topbar h2{letter-spacing:-.02em;margin-top:4px;font-size:18px;line-height:1.1}.preview-status{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:320px;display:flex}.preview-status span,.panel-meta-row span{border:1px solid var(--panel-border);color:var(--soft-text);background:#121723d9;border-radius:20px;padding:7px 10px;font-size:12px;font-weight:600}.preview-status [data-state=saving],.preview-status [data-state=dirty]{color:#fde68a;border-color:#a16207}.preview-status [data-state=saved]{color:#bbf7d0;border-color:#166534}.preview-status [data-state=error]{color:#fecaca;border-color:#991b1b}.stage-viewport{z-index:1;background:radial-gradient(circle,#182236 0%,#080c14 100%);border:0;border-radius:0;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.stage-viewport:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.preview-foot{color:var(--muted-text);align-items:flex-start;font-size:12px;line-height:1.45;display:none}.preview-foot strong{color:var(--soft-text)}.stage{-webkit-user-select:none;user-select:none;transform-origin:50%;background-color:#0000;border-radius:4px;flex-shrink:0;align-self:center;width:545px;height:597px;margin:0;line-height:0;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;position:relative;box-shadow:0 20px 40px #00000080}.stage.minimized{transform:scaleY(.08)translateY(-280px);box-shadow:0 10px 20px #0006}.stage.minimized .content-area{opacity:0;pointer-events:none}.content-area{cursor:grab;touch-action:none;background-color:#535175;justify-content:center;align-items:center;width:539px;height:553px;transition:background-color .2s;display:flex;position:absolute;top:29px;left:3px;overflow:hidden}.content-area:active{cursor:grabbing}.image-wrapper{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute}#framed-image{transform-origin:50%;-webkit-user-drag:none;user-drag:none;image-rendering:auto;max-width:none;max-height:none;position:absolute}.placeholder{color:#a1a1aa;text-align:center;pointer-events:auto;z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .2s,transform .2s;display:flex}.content-area.dragover{background-color:#3a3a3a!important}.content-area.dragover .placeholder{color:#fff;transform:scale(1.02)}.placeholder svg{stroke:#fff;stroke-width:1.5px;filter:drop-shadow(0 2px 4px #00000026);pointer-events:none;width:48px;height:48px}.placeholder p{color:#fff;text-shadow:0 2px 4px #00000026,0 1px 2px #00000026;pointer-events:none;font-size:14px;font-weight:500}.sample-presets{flex-direction:column;align-items:center;gap:8px;margin-top:8px;display:flex}.sample-label{text-transform:uppercase;letter-spacing:1px;color:#ffffffd9;text-shadow:0 1px 2px #0000004d;font-size:11px;font-weight:600}.sample-btn-group{flex-wrap:wrap;justify-content:center;gap:8px;max-width:400px;display:flex}.sample-art-btn{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--soft-text);cursor:pointer;border-radius:0;padding:6px 12px;font-size:11px;font-weight:600;transition:background-color .15s,border-color .15s}.sample-art-btn:hover{background:var(--panel-soft);border-color:var(--panel-border-strong)}.svg-frame{width:545px;height:597px;image-rendering:pixelated;pointer-events:none;z-index:2;display:block;position:absolute;top:0;left:0}#window-stage:not([data-frame-style=vaporwave]) .svg-frame,#window-stage:not([data-frame-style=vaporwave]) .title-input{display:none!important}.title-input{color:#512ad3;font-smooth:never;-webkit-font-smoothing:none;z-index:10;background:0 0;border:none;outline:none;width:250px;height:16px;font-family:Share Tech Mono,monospace;font-size:16px;line-height:16px;position:absolute;top:9px;left:37px}.control-panel{background:var(--panel-bg);border:0;border-right:1px solid var(--panel-border);scrollbar-width:thin;scrollbar-color:#52525b transparent;border-radius:0;flex-direction:column;flex-shrink:0;grid-area:settings;gap:10px;width:100%;max-height:100vh;padding:54px 16px 16px;display:flex;overflow:hidden auto;box-shadow:4px 0 30px #0000004d}.control-panel::-webkit-scrollbar{width:6px}.control-panel::-webkit-scrollbar-track{background:0 0;border-radius:8px}.control-panel::-webkit-scrollbar-thumb{background:#52525b;border-radius:8px}.panel-header{border-bottom:1px solid var(--panel-border);background:0 0;border-radius:0;flex-direction:column;gap:6px;padding:0 0 16px;display:flex}.panel-title{letter-spacing:-.02em;color:var(--soft-text);align-items:center;gap:8px;font-size:18px;font-weight:700;line-height:1.1;display:flex}.panel-subtitle{color:var(--muted-text);font-size:13px;line-height:1.45;display:none}.panel-meta-row{flex-wrap:wrap;gap:7px;display:none}.section-collapse{border:0;border-bottom:1px solid var(--panel-border);background:0 0;border-radius:0}.section-header{width:100%;color:var(--muted-text);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 0;font-size:11px;font-weight:700;transition:color .15s;display:flex}.section-header:hover{color:var(--soft-text)}.section-header .chevron{flex-shrink:0;width:14px;height:14px;transition:transform .2s}.section-header[aria-expanded=false] .chevron{transform:rotate(-90deg)}.section-body{opacity:1;flex-direction:column;gap:12px;max-height:2000px;padding-bottom:12px;transition:max-height .3s,opacity .25s,padding .25s;display:flex;overflow:hidden}.section-collapse.collapsed .section-body{opacity:0;max-height:0;padding-bottom:0;overflow:hidden}.control-panel>.control-group{border:0;border-bottom:1px solid var(--panel-border);background:0 0;border-radius:0;padding:0 0 12px}.control-group{flex-direction:column;gap:8px;display:flex}.control-label{color:var(--muted-text);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.label-hint{color:#85858f;letter-spacing:.02em;text-transform:none;font-size:11px;font-weight:600}.panel-input{border:1px solid var(--panel-border);width:100%;color:var(--soft-text);background-color:#101010;border-radius:0;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.panel-input:focus{border-color:var(--panel-border-strong)}.color-swatches{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{flex-direction:column;align-items:center;gap:3px;display:flex}.preset-btn{border:2px solid var(--panel-border);cursor:pointer;border-radius:50%;width:30px;height:30px;transition:border-color .15s}.preset-btn:hover{border-color:var(--panel-border-strong)}.preset-btn.active{border-color:var(--soft-text)}.swatch-label{color:var(--muted-text);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:8px}.color-picker-container{align-items:center;gap:10px;margin-top:2px;display:flex}.color-picker-btn{appearance:none;border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:0;width:28px;height:28px;padding:0;overflow:hidden}.color-picker-btn::-webkit-color-swatch-wrapper{padding:0}.color-picker-btn::-webkit-color-swatch{border:none}.color-picker-value{color:#a1a1aa;font-family:monospace;font-size:13px}.style-chips{flex-wrap:wrap;gap:5px;display:flex}.style-chip{border:1px solid var(--panel-border);color:var(--soft-text);cursor:pointer;background:#101010;border-radius:0;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;transition:border-color .15s,background-color .15s;display:inline-flex}.style-chip:hover{border-color:var(--panel-border-strong);background:var(--panel-soft)}.style-chip.active{border-color:var(--soft-text);background:var(--panel-soft)}.style-chip kbd{color:var(--muted-text);border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:3px;padding:1px 5px;font-family:Share Tech Mono,monospace;font-size:10px;line-height:1.4}.style-chip.featured{border-color:#555}.panel-select{border:1px solid var(--panel-border);width:100%;color:var(--soft-text);cursor:pointer;appearance:auto;background-color:#101010;border-radius:0;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.panel-select:hover,.panel-select:focus{border-color:var(--panel-border-strong)}.upload-btn{border:1px solid var(--panel-border);width:100%;color:var(--soft-text);cursor:pointer;text-align:center;background:#101010;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;transition:background-color .15s;display:flex}.upload-btn:hover{background-color:var(--panel-soft);border-color:var(--panel-border-strong)}.slider-container{align-items:center;gap:12px;display:flex}.panel-slider{appearance:none;background:var(--panel-border);border-radius:3px;outline:none;flex:1;height:6px}.panel-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background-color:#fff;border-radius:50%;width:14px;height:14px}.slider-val{color:#a1a1aa;text-align:right;width:44px;font-family:monospace;font-size:13px}.btn-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-row.btn-row-three{grid-template-columns:repeat(3,minmax(0,1fr))}.project-actions{border-bottom:1px solid var(--panel-border);padding-bottom:10px}.project-actions .helper-text{font-style:normal}.btn-secondary{border:1px solid var(--panel-border);color:#d4d4d8;cursor:pointer;background-color:#101010;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.btn-secondary:hover{background-color:var(--panel-soft);border-color:var(--panel-border-strong)}.btn-primary{background:var(--soft-text);color:#09090b;cursor:pointer;border:none;border-radius:0;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:14px;font-weight:600;transition:opacity .15s;display:flex}.btn-primary:hover{opacity:.94}.btn-primary:active{opacity:.8}button:disabled{cursor:wait;opacity:.7}.control-group.collapsible{opacity:1;max-height:500px;transition:max-height .3s,opacity .25s,padding .25s,margin .25s;overflow:hidden}.ctl-collapsed{opacity:0!important;pointer-events:none!important;border:none!important;max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}.image-thumb-wrap{border:1px solid var(--panel-border);position:relative;overflow:hidden}.image-thumb-wrap img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.thumb-replace{color:var(--soft-text);cursor:pointer;text-align:center;background:#000000b3;border:none;padding:6px;font-size:11px;font-weight:600;transition:background .15s;position:absolute;bottom:0;left:0;right:0}.thumb-replace:hover{background:#000000e6}.helper-text{color:var(--muted-text);font-size:12px;font-style:italic;line-height:1.4}.action-dock{z-index:8;background:0 0;border-top:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex;position:static;bottom:auto}.code-frame-grid{border:1px solid var(--panel-border);background:#101010;border-radius:0;grid-template-columns:repeat(5,1fr);gap:7px;max-height:230px;padding:8px;display:grid;overflow-y:auto}.toast{background-color:var(--panel-bg);border:1px solid var(--panel-border);z-index:100;opacity:0;pointer-events:none;color:#fff;border-radius:0;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,40px);box-shadow:0 10px 25px #00000080}.toast.show{opacity:1;transform:translate(-50%)}.frame-overlay{pointer-events:none;z-index:3;display:none;position:absolute;inset:0}.stage[data-frame-style=museum] .svg-frame,.stage[data-frame-style=swiss] .svg-frame,.stage[data-frame-style=japanese] .svg-frame,.stage[data-frame-style=zine] .svg-frame,.stage[data-frame-style=editorial] .svg-frame,.stage[data-frame-style=pngframe] .svg-frame,.stage[data-frame-style=film] .svg-frame,.stage[data-frame-style=polaroid] .svg-frame,.stage[data-frame-style=museum] .title-input,.stage[data-frame-style=swiss] .title-input,.stage[data-frame-style=japanese] .title-input,.stage[data-frame-style=zine] .title-input,.stage[data-frame-style=editorial] .title-input,.stage[data-frame-style=pngframe] .title-input,.stage[data-frame-style=film] .title-input,.stage[data-frame-style=polaroid] .title-input{display:none!important}.stage[data-frame-style=museum] .museum-overlay{display:flex}.stage[data-frame-style=swiss] .swiss-overlay,.stage[data-frame-style=japanese] .japanese-overlay,.stage[data-frame-style=zine] .zine-overlay,.stage[data-frame-style=editorial] .editorial-overlay,.stage[data-frame-style=film] .film-overlay,.stage[data-frame-style=polaroid] .polaroid-overlay{display:block}.stage[data-frame-style=pngframe] .pngframe-overlay{display:flex}.stage[data-frame-style=museum] .content-area,.stage[data-frame-style=swiss] .content-area,.stage[data-frame-style=japanese] .content-area,.stage[data-frame-style=zine] .content-area,.stage[data-frame-style=editorial] .content-area,.stage[data-frame-style=pngframe] .content-area,.stage[data-frame-style=film] .content-area,.stage[data-frame-style=polaroid] .content-area{border-radius:0}.pngframe-overlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0}.pngframe-image{z-index:1;object-fit:fill;width:100%;height:100%;filter:var(--png-frame-filter,none);pointer-events:none;display:block;position:relative}.pngframe-treatment,.pngframe-accent{pointer-events:none;position:absolute}.pngframe-treatment{z-index:2;background-image:repeating-linear-gradient(135deg, transparent 0 calc(var(--png-hatch-spacing,26px) - 1px), var(--png-accent-color,#6f6252) calc(var(--png-hatch-spacing,26px) - 1px) var(--png-hatch-spacing,26px)), linear-gradient(var(--png-tint-color,#c7b79c), var(--png-tint-color,#c7b79c));opacity:var(--png-treatment-opacity,.12);-webkit-mask-image:var(--png-frame-mask);-webkit-mask-image:var(--png-frame-mask);mask-image:var(--png-frame-mask);inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pngframe-accent{z-index:3;left:var(--png-aperture-x,0px);top:var(--png-aperture-y,0px);width:var(--png-aperture-width,100%);height:var(--png-aperture-height,100%);opacity:var(--png-rule-opacity,.28)}.pngframe-accent:before,.pngframe-accent:after{content:"";background:linear-gradient(var(--png-rule-color,#201a14), var(--png-rule-color,#201a14)) left top / 34px 1px no-repeat, linear-gradient(var(--png-rule-color,#201a14), var(--png-rule-color,#201a14)) left top / 1px 34px no-repeat, linear-gradient(var(--png-rule-color,#201a14), var(--png-rule-color,#201a14)) right top / 34px 1px no-repeat, linear-gradient(var(--png-rule-color,#201a14), var(--png-rule-color,#201a14)) right top / 1px 34px no-repeat, linear-gradient(var(--png-rule-color,#201a14), var(--png-rule-color,#201a14)) left bottom / 34px 1px no-repeat, linear-gradient(var(--png-rule-color,#201a14), var(--png-rule-color,#201a14)) left bottom / 1px 34px no-repeat, linear-gradient(var(--png-rule-color,#201a14), var(--png-rule-color,#201a14)) right bottom / 34px 1px no-repeat, linear-gradient(var(--png-rule-color,#201a14), var(--png-rule-color,#201a14)) right bottom / 1px 34px no-repeat;position:absolute;inset:10px}.pngframe-accent:after{opacity:.35;inset:15px}.png-thumb-btn{aspect-ratio:1;border:1px solid var(--panel-border);background:var(--panel-soft);cursor:pointer;border-radius:0;justify-content:center;align-items:center;width:100%;min-height:46px;padding:4px;transition:border-color .15s,background-color .15s;display:flex}.png-thumb-btn:hover{border-color:var(--panel-border-strong)}.png-thumb-btn.active{border-color:var(--soft-text);background:#101010}.png-thumb-btn img{object-fit:contain;pointer-events:none;max-width:100%;max-height:100%}.stage[data-frame-style=museum]{background-color:#f5f0e8;box-shadow:0 20px 40px #0000004d}.museum-overlay{flex-direction:column;align-items:center}.museum-inner-border{border:1px solid #00000014;position:absolute;inset:45px 45px 85px;box-shadow:inset 0 1px 3px #0000000d}.museum-text{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:18px;left:0;right:0}.museum-title{color:#3a3a3a;white-space:nowrap;text-overflow:ellipsis;max-width:90%;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic;font-weight:700;line-height:1.2;display:block;overflow:hidden}.museum-subtitle{text-transform:uppercase;letter-spacing:2px;color:#6a6a6a;white-space:nowrap;text-overflow:ellipsis;max-width:90%;font-family:Georgia,Times New Roman,serif;font-size:10px;font-weight:500;line-height:1.2;display:block;overflow:hidden}.museum-index{text-transform:uppercase;letter-spacing:1px;color:#999;white-space:nowrap;text-overflow:ellipsis;max-width:90%;font-family:Georgia,Times New Roman,serif;font-size:9px;line-height:1.2;display:block;position:absolute;bottom:0;right:45px;overflow:hidden}.stage[data-frame-style=swiss]{background-color:#fff;box-shadow:0 20px 40px #0003}.swiss-vline{border-left:1px solid #000;position:absolute;top:20px;bottom:80px;left:20px}.swiss-hline{border-bottom:1px solid #000;position:absolute;bottom:80px;left:20px;right:20px}.swiss-vertical-label{transform-origin:0 0;text-transform:uppercase;letter-spacing:2px;color:#000;white-space:nowrap;text-overflow:ellipsis;max-width:480px;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:700;line-height:1.2;display:block;position:absolute;top:50%;left:8px;overflow:hidden;transform:rotate(-90deg)translate(-50%)}.swiss-title{text-transform:uppercase;letter-spacing:1px;color:#000;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:800;line-height:1.2;display:block;position:absolute;bottom:40px;left:26px;overflow:hidden}.swiss-index{color:#000;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-family:Arial,Helvetica,sans-serif;font-size:48px;font-weight:900;line-height:1;display:block;position:absolute;bottom:22px;right:20px;overflow:hidden}.swiss-crosshair{width:8px;height:8px;position:absolute}.swiss-crosshair:before,.swiss-crosshair:after{content:"";background:#000;position:absolute}.swiss-crosshair:before{width:1px;height:8px;top:0;left:3.5px}.swiss-crosshair:after{width:8px;height:1px;top:3.5px;left:0}.swiss-crosshair-tl{top:6px;left:6px}.swiss-crosshair-tr{top:6px;right:6px}.swiss-crosshair-bl{bottom:86px;left:6px}.swiss-crosshair-br{bottom:86px;right:6px}.stage[data-frame-style=japanese]{background-color:#f2ede6;box-shadow:0 20px 40px #0003}.japanese-inner-border{border:1px solid #00000014;position:absolute;inset:50px 30px 80px 60px}.japanese-vertical-text{writing-mode:vertical-rl;letter-spacing:4px;color:#5a5a5a;text-overflow:ellipsis;white-space:nowrap;max-height:430px;font-family:MS Mincho,Hiragino Mincho ProN,Georgia,serif;font-size:13px;line-height:1.2;display:block;position:absolute;top:60px;left:30px;overflow:hidden}.japanese-title{color:#3a3a3a;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-family:Georgia,serif;font-size:12px;font-weight:700;line-height:1.2;display:block;position:absolute;bottom:40px;left:60px;overflow:hidden}.japanese-index{color:#888;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-family:monospace;font-size:11px;line-height:1.2;display:block;position:absolute;bottom:40px;right:30px;overflow:hidden}.stage[data-frame-style=zine]{background-color:#e8e4de;box-shadow:0 20px 40px #00000040}.zine-rings{width:25px;position:absolute;top:0;bottom:0;left:0}.zine-title{color:#2a2a2a;white-space:nowrap;text-overflow:ellipsis;max-width:450px;font-family:Courier New,monospace;font-size:13px;font-weight:700;line-height:1.2;display:block;position:absolute;top:8px;left:35px;overflow:hidden}.zine-subtitle{color:#555;white-space:nowrap;text-overflow:ellipsis;max-width:330px;font-family:Courier New,monospace;font-size:11px;line-height:1.2;display:block;position:absolute;bottom:8px;left:35px;overflow:hidden}.zine-index{color:#555;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-family:Courier New,monospace;font-size:11px;line-height:1.2;display:block;position:absolute;bottom:8px;right:12px;overflow:hidden}.stage[data-frame-style=editorial]{background-color:#e8ddd1;box-shadow:0 20px 40px #0003}.editorial-inner-border{border:1px solid #00000026;position:absolute;inset:35px 35px 65px}.editorial-title{text-transform:uppercase;letter-spacing:3px;color:#555;white-space:nowrap;text-overflow:ellipsis;max-width:42%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9px;font-weight:700;line-height:1.2;display:block;position:absolute;top:12px;left:35px;overflow:hidden}.editorial-subtitle{text-transform:uppercase;letter-spacing:3px;color:#555;white-space:nowrap;text-overflow:ellipsis;max-width:42%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9px;font-weight:700;line-height:1.2;display:block;position:absolute;top:12px;right:35px;overflow:hidden}.editorial-index{color:#555;white-space:nowrap;text-overflow:ellipsis;max-width:80%;font-family:Georgia,Times New Roman,serif;font-size:16px;font-style:italic;font-weight:700;line-height:1.2;display:block;position:absolute;bottom:22px;left:50%;overflow:hidden;transform:translate(-50%)}.stage[data-frame-style=film]{background-color:#1a1a1a}.stage[data-frame-style=film] .film-overlay{display:block}.film-sprockets-top,.film-sprockets-bottom{z-index:4;justify-content:space-evenly;height:14px;padding:0 30px;display:flex;position:absolute;left:0;right:0}.film-sprockets-top{top:18px}.film-sprockets-bottom{bottom:18px}.film-sprocket-hole{background:#101010;border-radius:1px;width:6px;height:10px}.film-title{color:#d4d4d8;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-family:Courier New,monospace;font-size:11px;font-weight:600;line-height:1.4;position:absolute;bottom:30px;left:30px;overflow:hidden}.film-subtitle{color:#a1a1aa;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-family:Courier New,monospace;font-size:10px;line-height:1.4;position:absolute;bottom:30px;right:30px;overflow:hidden}.film-index{color:#71717a;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-family:Courier New,monospace;font-size:10px;line-height:1.4;position:absolute;top:40px;right:30px;overflow:hidden}.stage[data-frame-style=polaroid]{background-color:#fff;box-shadow:0 20px 40px #00000040}.stage[data-frame-style=polaroid] .polaroid-overlay{display:block}.polaroid-caption{flex-direction:column;justify-content:center;align-items:center;gap:3px;height:90px;padding:0 25px;line-height:normal;display:flex;position:absolute;bottom:0;left:0;right:0}.polaroid-title{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:90%;font-family:Courier New,monospace;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.polaroid-subtitle{color:#71717a;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:80%;font-family:Courier New,monospace;font-size:10px;line-height:1.4;overflow:hidden}.stage{--frame-bg:#535175;--frame-fg:#09090b}.stage-interactive-text{cursor:pointer;pointer-events:auto;border-radius:2px;transition:outline .15s,background-color .15s}.stage-interactive-text:hover{outline:1px dashed var(--soft-text);background-color:#ffffff14}@keyframes inputPulseGlow{0%{border-color:var(--panel-border-strong);box-shadow:0 0 #eeeeee73}50%{border-color:var(--soft-text);box-shadow:0 0 0 4px #eeeeee1f}to{box-shadow:0 0 #eee0}}.input-pulse{animation:.8s cubic-bezier(.16,1,.3,1) inputPulseGlow!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.shortcuts-pill{background-color:var(--panel-bg);border:1px solid var(--panel-border);color:var(--soft-text);cursor:pointer;z-index:50;border-radius:0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000004d}.shortcuts-pill:hover{background-color:var(--panel-soft);border-color:var(--panel-border-strong)}.pill-key{background-color:var(--panel-border);color:var(--soft-text);border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex}.modal-backdrop{z-index:100;opacity:0;pointer-events:none;background-color:#000000a6;justify-content:center;align-items:center;transition:opacity .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.modal-backdrop.show{opacity:1;pointer-events:auto}.shortcuts-card{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:0;flex-direction:column;gap:20px;width:90%;max-width:500px;padding:28px;display:flex;box-shadow:0 20px 40px #00000080}.modal-backdrop.show .shortcuts-card{transform:none}.modal-header{border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.modal-title-row{align-items:center;gap:10px;display:flex}.modal-icon{font-size:20px}.modal-header h3{color:var(--soft-text);margin:0;font-size:18px;font-weight:600}.modal-close{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:18px;transition:color .15s,background-color .15s}.modal-close:hover{color:var(--soft-text);background-color:var(--panel-soft)}.shortcuts-grid{flex-direction:column;gap:12px;display:flex}.shortcut-item{border:1px solid var(--panel-border);background-color:#101010;border-radius:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.shortcut-key{background-color:var(--panel-soft);color:var(--soft-text);border:1px solid var(--panel-border);border-radius:0;padding:4px 10px;font-family:monospace;font-size:12px;font-weight:600}.shortcut-desc{color:#d4d4d8;font-size:13px;font-weight:400}.modal-footer{border-top:1px solid #27272a;padding-top:14px}.modal-footer p{color:#a1a1aa;text-align:center;margin:0;font-size:12px}@media (width<=1024px){body{align-items:flex-start;height:auto;padding:0;overflow:auto}.workspace{grid-template-columns:1fr;grid-template-areas:"preview""settings";gap:0;height:auto;max-height:none}.preview-panel{border-bottom:1px solid var(--panel-border);border-radius:0;min-height:min(720px,100vh - 24px);padding:54px 12px 12px}.preview-topbar{align-items:flex-start}.preview-status{max-width:none}.control-panel{width:100%;max-height:none;box-shadow:none;border-right:0;border-radius:0;padding-top:16px}.stage{margin:0}}@media (width<=640px){.preview-topbar,.preview-foot{flex-direction:column;align-items:stretch}.preview-status{justify-content:flex-start}.preview-topbar h2{font-size:20px}.preview-panel{min-height:min(560px,72svh);padding:20px 10px 10px}.stage-viewport{min-height:300px}.control-panel{padding:20px 12px 72px}.style-chip,.btn-secondary,.upload-btn,.panel-select,.panel-input{min-height:44px}.btn-row.btn-row-three{grid-template-columns:1fr}.preview-status span{text-align:center;flex:auto}.color-swatches{gap:6px}.code-frame-grid{grid-template-columns:repeat(4,1fr)}.shortcuts-pill{bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.input-pulse,.animate-spin{animation:none!important}}#pngframe-overlay{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.preset-btn[data-color=\#535175]{background-color:#535175}.preset-btn[data-color=\#8b5cf6]{background-color:#8b5cf6}.preset-btn[data-color=\#9ff2e1]{background-color:#9ff2e1}.preset-btn[data-color=\#06b6d4]{background-color:#06b6d4}.preset-btn[data-color=\#1e1b4b]{background-color:#1e1b4b}.preset-btn[data-color=\#09090b]{background-color:#09090b}#image-thumb-group,#zoom-group{display:none}