/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--animate-spin:spin 1s linear infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-paper:#17110b;--color-card:#211811;--color-card-2:#2b2016;--color-ink:#f0e4d2;--color-muted:#a89179;--color-line:#4a3826;--color-accent:#d69a4c;--color-accent-ink:#1b1209;--color-ok:#9a9040;--color-warn:#d9a441;--color-danger:#cf5f3a;--font-display:"Space Grotesk", system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.photobox-app-wrapper{flex-direction:column;height:100dvh;display:flex}.header-nav{background:var(--color-card);border-bottom:2px solid var(--color-line);z-index:50;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem;display:flex}.header-nav-overlay{visibility:hidden;transition:transform .18s,visibility 0s linear .18s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.header-peek-zone{z-index:45;height:18px;position:fixed;top:0;left:0;right:0}.header-peek-zone:hover~.header-nav-overlay,.header-nav-overlay:hover,.header-nav-overlay:focus-within{visibility:visible;transition-delay:0s;transform:translateY(0)}.header-brand{align-items:center;gap:.75rem;display:flex}.brand-logo{width:40px;height:40px;box-shadow:var(--shadow-sm);border:2px solid #000;flex-shrink:0}.brand-logo img{object-fit:cover;width:100%;height:100%;display:block}.brand-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-ink);font-size:1rem;font-weight:700}.brand-wordmark{margin:0}.brand-wordmark img{width:220px;max-width:100%;height:auto;display:block}.branch-badge{color:var(--color-muted);letter-spacing:.02em;font-size:.68rem;font-weight:500}.header-stepper{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.stepper-item{border:2px solid var(--color-line);background:var(--color-card-2);color:var(--color-muted);align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.76rem;font-weight:600;display:flex}.stepper-item:not(:last-child):after{content:"";background:var(--color-line);width:12px;height:2px;margin-left:.3rem}.stepper-marker{border:2px solid var(--color-line);width:20px;height:20px;font-family:var(--font-mono);flex:none;justify-content:center;align-items:center;font-size:.66rem;display:flex}.stepper-item.done{color:var(--color-ink);border-color:var(--color-ok)}.stepper-item.done .stepper-marker{background:var(--color-ok);color:#1a1608;border-color:#000}.stepper-item.active{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:var(--shadow-sm);border-color:#000}.stepper-item.active .stepper-marker{border-color:var(--color-accent-ink);color:var(--color-accent-ink)}.stepper-item.locked{opacity:.45}.header-actions{align-items:center;gap:.75rem;display:flex}.reset-btn{background:var(--color-card);border:2px solid var(--color-line);color:var(--color-ink);cursor:pointer;box-shadow:var(--shadow-sm);padding:.45rem .9rem;font-size:.78rem;font-weight:600;transition:transform .1s,box-shadow .1s,color .1s}.reset-btn:hover{color:var(--color-danger);box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.fullscreen-btn{background:var(--color-card);border:2px solid var(--color-line);color:var(--color-ink);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:.45rem;transition:transform .1s,box-shadow .1s,color .1s;display:inline-flex}.fullscreen-btn:hover{color:var(--color-accent);box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.user-menu{background:var(--color-card-2);border:2px solid var(--color-line);align-items:center;gap:.55rem;padding:.3rem .45rem .3rem .3rem;display:flex}.user-avatar{object-fit:cover;background:var(--color-accent);width:30px;height:30px;color:var(--color-accent-ink);font-family:var(--font-mono);border:2px solid #000;flex:none;justify-content:center;align-items:center;font-size:.7rem;display:flex}.user-name{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.78rem;font-weight:600;overflow:hidden}.logout-btn{border:2px solid var(--color-line);color:var(--color-muted);cursor:pointer;background:0 0;padding:.3rem .65rem;font-size:.74rem;font-weight:600;transition:color .12s,border-color .12s,background .12s}.logout-btn:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-paper)}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1.25rem;display:flex}.auth-card{background:var(--color-card);border:2px solid var(--color-line);width:100%;max-width:420px;box-shadow:var(--shadow);padding:1.75rem}.auth-brand{flex-direction:column;justify-content:center;align-items:center;gap:.4rem;margin-bottom:1.75rem;display:flex}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-size:.7rem}.auth-input-wrapper{align-items:center;display:flex;position:relative}.custom-text-input.has-trailing-action{padding-right:2.75rem}.auth-password-toggle{width:2.6rem;height:100%;color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .12s;display:flex;position:absolute;right:0}.auth-password-toggle:hover{color:var(--color-accent)}.auth-error-banner{background:var(--color-card-2);border:2px solid var(--color-danger);color:var(--color-ink);align-items:flex-start;gap:.5rem;margin-bottom:1.15rem;padding:.7rem .8rem;font-size:.82rem;line-height:1.4;display:flex}.auth-footnote{text-align:center;color:var(--color-muted);margin-top:1.25rem;font-size:.74rem}.auth-splash{min-height:100vh;color:var(--color-muted);font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;font-size:.72rem;display:flex}.auth-splash img{width:180px;height:auto}.welcome-screen{--welcome-rail-offset:38vmin;text-align:center;background-color:var(--welcome-bg);background-image:radial-gradient(120% 80% at 50% 8%, #ffe8c821, transparent 60%), radial-gradient(100% 100% at 50% 50%, transparent 40%, var(--welcome-bg-edge) 100%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.2rem,3.5vmin,2.6rem);height:100dvh;padding:clamp(1.5rem,4vmin,3rem) 1.5rem;display:flex;position:relative;overflow:hidden}.welcome-decor{pointer-events:none;position:absolute;inset:0}.welcome-decor img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;height:auto;position:absolute}.decor-leaf-tl{opacity:.85;width:40vmin;top:-5vmin;left:-6vmin;transform:scaleX(-1)rotate(-18deg)}.decor-ribbon-tr{opacity:.75;width:60vmin;top:-3vmin;right:-12vmin;transform:rotate(24deg)}.decor-ribbon-bl{opacity:.7;width:58vmin;bottom:-5vmin;left:-12vmin;transform:rotate(-8deg)}.decor-leaf-br{opacity:.8;width:38vmin;bottom:-4vmin;right:-5vmin;transform:rotate(14deg)scaleX(-1)}.decor-spark-1{opacity:.8;width:4.5vmin;top:6%;left:47%}.decor-spark-2{opacity:.5;width:3.2vmin;top:22%;right:9%}.decor-spark-3{opacity:.6;width:1.4vmin;top:31%;left:8%}.decor-spark-4{opacity:.45;width:2.6vmin;top:44%;right:6%}.decor-spark-5{opacity:.55;width:2.2vmin;top:58%;left:6%}.decor-spark-6{opacity:.5;width:1.2vmin;top:68%;right:12%}.decor-spark-7{opacity:.4;width:2.8vmin;top:78%;left:14%}.decor-spark-8{opacity:.35;width:2vmin;top:14%;left:13%}.decor-spark-9,.decor-spark-10,.decor-spark-11,.decor-spark-12,.decor-spark-13,.decor-spark-14{display:none}.welcome-fullscreen-btn{opacity:.35;transition:opacity .12s,transform .1s,box-shadow .1s,color .1s;position:absolute;top:clamp(.75rem,2vmin,1.5rem);right:clamp(.75rem,2vmin,1.5rem)}.welcome-fullscreen-btn:hover,.welcome-fullscreen-btn:focus-visible{opacity:1}.welcome-eyebrow,.welcome-title,.welcome-subtitle,.welcome-steps{font-family:var(--font-display);text-transform:uppercase;margin:0;position:relative}.welcome-eyebrow{letter-spacing:.42em;text-indent:.42em;color:var(--color-muted);font-size:clamp(.6rem,1.4vmin,.78rem)}.welcome-title{white-space:nowrap;letter-spacing:.16em;color:var(--color-ink);text-shadow:0 0 clamp(10px,2.5vmin,26px) #d69a4c4d;justify-content:center;align-items:center;gap:clamp(.6rem,2vmin,1.4rem);font-size:clamp(1rem,3.9vmin,2.3rem);display:flex}.welcome-title span{text-indent:.16em}.welcome-title-flourish{opacity:.9;flex:none;width:clamp(.85rem,2.2vmin,1.5rem)}.welcome-subtitle{letter-spacing:.22em;text-indent:.22em;color:var(--color-muted);font-size:clamp(.62rem,1.5vmin,.82rem)}.welcome-arch{border:1px solid #d69a4c52;flex-direction:column;align-items:center;gap:clamp(1rem,3vmin,2.2rem);width:min(100%,68vmin);padding:clamp(2.5rem,7vmin,5rem) clamp(1.5rem,4vmin,3rem) clamp(1.75rem,5vmin,3.5rem);display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.welcome-arch{border:1px solid color-mix(in srgb, var(--color-accent) 32%, transparent)}}.welcome-arch{border-bottom:none;border-radius:50vmin 50vmin 0 0}.welcome-arch:before{content:"";border:1px solid #d69a4c24;position:absolute;inset:clamp(.5rem,1.6vmin,1.1rem) clamp(.5rem,1.6vmin,1.1rem) 0}@supports (color:color-mix(in lab, red, red)){.welcome-arch:before{border:1px solid color-mix(in srgb, var(--color-accent) 14%, transparent)}}.welcome-arch:before{pointer-events:none;border-bottom:none;border-radius:48vmin 48vmin 0 0}.welcome-screen .brand-wordmark img{width:clamp(180px,34vmin,340px)}.welcome-divider{justify-content:center;align-items:center;width:min(100%,26vmin);margin-top:clamp(-.5rem,-1vmin,0rem);display:flex}.welcome-divider:before,.welcome-divider:after{content:"";background:linear-gradient(90deg,#0000,#d69a4c4d);flex:1;height:1px}@supports (color:color-mix(in lab, red, red)){.welcome-divider:before,.welcome-divider:after{background:linear-gradient(to right, transparent, color-mix(in srgb, var(--color-accent) 30%, transparent))}}.welcome-divider:after{background:linear-gradient(270deg,#0000,#d69a4c4d)}@supports (color:color-mix(in lab, red, red)){.welcome-divider:after{background:linear-gradient(to left, transparent, color-mix(in srgb, var(--color-accent) 30%, transparent))}}.welcome-divider-flourish{opacity:.75;flex:none;width:clamp(.6rem,1.6vmin,1rem);margin:0 clamp(.4rem,1.2vmin,.8rem)}.welcome-rail{background-image:repeating-linear-gradient(#d69a4c73 0 2px,#0000 2px 11px);width:1px;height:min(46vmin,42dvh);position:absolute;top:50%;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.welcome-rail{background-image:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--color-accent) 45%, transparent) 0 2px, transparent 2px 11px)}}.welcome-rail{-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.welcome-rail-start{left:calc(50% - var(--welcome-rail-offset))}.welcome-rail-end{left:calc(50% + var(--welcome-rail-offset))}.welcome-start-btn{letter-spacing:.08em;min-height:72px;padding:1.2rem clamp(1.75rem,5vmin,3.25rem);font-size:clamp(.8rem,2vmin,1.05rem)}.welcome-footer{border-top:1px solid #d69a4c38;width:min(100%,72vmin);padding-top:clamp(1rem,2.5vmin,1.75rem)}@supports (color:color-mix(in lab, red, red)){.welcome-footer{border-top:1px solid color-mix(in srgb, var(--color-accent) 22%, transparent)}}.welcome-steps{letter-spacing:.2em;color:var(--color-muted);justify-content:center;align-items:center;gap:clamp(1rem,4vmin,2.5rem);margin:0;padding:0;font-size:clamp(.58rem,1.3vmin,.74rem);list-style:none;display:flex}.welcome-steps li{align-items:center;gap:.55rem;display:flex}.welcome-steps li+li:before{content:"";background:#d69a4c4d;width:1px;height:clamp(.7rem,1.8vmin,1.1rem);margin-right:clamp(.5rem,2vmin,1.25rem)}@supports (color:color-mix(in lab, red, red)){.welcome-steps li+li:before{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}}@media (orientation:landscape){.welcome-screen{--welcome-rail-offset:47vmin}.welcome-arch{border-radius:36vmin 36vmin 0 0;width:min(100%,78vmin);padding-top:clamp(2rem,5vmin,3.5rem)}.welcome-arch:before{border-radius:34vmin 34vmin 0 0}.welcome-footer{width:min(100%,88vmin)}.decor-ribbon-tr{width:74vmin;top:-8vmin;right:-16vmin}.decor-ribbon-bl{width:72vmin;bottom:-10vmin;left:-16vmin}.decor-spark-3,.decor-spark-7{display:none}}@media (width>=1100px) and (height>=700px){.decor-leaf-tl{width:26vmin}.decor-leaf-br{width:25vmin}.decor-ribbon-tr{width:46vmin}.decor-ribbon-bl{width:44vmin}.decor-spark-1{opacity:.85;width:7vmin}.decor-spark-2{opacity:.6;width:5vmin}.decor-spark-4{opacity:.55;width:4.6vmin}.decor-spark-5{opacity:.65;width:4vmin}.decor-spark-6{opacity:.5;width:1.1vmin}.decor-spark-8{opacity:.45;width:3.6vmin}.decor-spark-3{opacity:.55;width:1.2vmin;display:block}.decor-spark-7{opacity:.5;width:5vmin;display:block}.decor-spark-9,.decor-spark-10,.decor-spark-11,.decor-spark-12,.decor-spark-13,.decor-spark-14{display:block}.decor-spark-9{opacity:.5;width:3vmin;top:10%;right:25%}.decor-spark-10{opacity:.5;width:.9vmin;top:35%;left:21%}.decor-spark-11{opacity:.4;width:4.2vmin;top:55%;right:21%}.decor-spark-12{opacity:.5;width:2.6vmin;top:76%;right:27%}.decor-spark-13{opacity:.35;width:3.4vmin;top:85%;left:25%}.decor-spark-14{opacity:.55;width:.8vmin;top:21%;left:24%}}@media (width<=560px){.welcome-screen{gap:1.1rem;padding:1.5rem 1rem}.welcome-rail{display:none}.welcome-arch{border-radius:26rem 26rem 0 0;gap:1.1rem;width:100%;padding:2.75rem 1.1rem 1.75rem}.welcome-arch:before{border-radius:25rem 25rem 0 0;inset:.5rem .5rem 0}.welcome-screen .brand-wordmark img{width:min(56vw,200px)}.welcome-title{gap:.6rem;font-size:1.05rem}.welcome-title-flourish{width:.8rem}.welcome-eyebrow{letter-spacing:.3em;text-indent:.3em;font-size:.55rem}.welcome-subtitle{letter-spacing:.14em;text-indent:.14em;font-size:.56rem}.welcome-start-btn{min-height:60px;padding:1rem 1.25rem;font-size:.72rem}.welcome-footer{width:100%}.welcome-steps{letter-spacing:.12em;gap:.55rem;font-size:.52rem}.welcome-steps li{gap:.35rem}.welcome-steps li+li:before{margin-right:.55rem}.decor-leaf-br{opacity:.6;width:30vmin}.decor-ribbon-bl{opacity:.5}}@media (height<=560px){.welcome-eyebrow,.welcome-footer,.welcome-divider,.welcome-rail,.welcome-subtitle{display:none}.welcome-arch{border-radius:24vmin 24vmin 0 0;padding-top:clamp(1rem,3vmin,2rem);padding-bottom:clamp(1rem,3vmin,2rem)}.welcome-arch:before{border-radius:22vmin 22vmin 0 0}}.app-main-layout{flex-direction:column;flex:1;width:100%;max-width:1500px;min-height:0;margin:0 auto;padding:1.5rem clamp(1.5rem,2vw,2.5rem);display:flex;overflow:hidden}.step-pane{flex-direction:column;flex:1;min-height:0;display:flex}.step-scroll-area{flex:1;min-height:0;padding:0 6px 6px 0;overflow-y:auto}.step-pane .section-header{margin-bottom:1rem}.step-pane .section-title{margin-bottom:0;font-size:clamp(1.25rem,2.1vh,1.6rem)}.section-header{margin-bottom:2rem}.badge-chip{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-ink);background:var(--color-accent);border:2px solid #000;margin-bottom:.85rem;padding:5px 10px;font-size:.68rem;display:inline-block}.section-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:.6rem;font-size:1.5rem;font-weight:700;line-height:1.35}.section-subtitle{color:var(--color-muted);max-width:560px;font-size:.92rem;line-height:1.5}.templates-grid{grid-template-columns:repeat(auto-fit,minmax(260px,320px));place-content:start center;gap:clamp(1rem,1.5vw,1.75rem);margin-bottom:1rem;display:grid}.template-card{background:var(--color-card);border:2px solid var(--color-line);box-shadow:var(--shadow);cursor:pointer;padding:clamp(.8rem,.9vw,1.1rem);transition:transform .12s,box-shadow .12s;position:relative}.template-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.template-card.selected{outline:3px solid var(--color-accent);outline-offset:-3px}.template-preview-wrapper{border:2px solid var(--color-line);justify-content:center;align-items:center;height:clamp(220px,44vh,460px);margin-bottom:.7rem;display:flex;position:relative;overflow:hidden;container-type:size}.frame-mini{aspect-ratio:var(--frame-ratio,1);width:min(100cqw, 100cqh * var(--frame-ratio,1));isolation:isolate;border:2px solid #00000080;flex:none;height:auto;margin:0 auto;position:relative;overflow:hidden}.frame-mini-fill{z-index:0;background:#0000001f;position:absolute;overflow:hidden}.frame-mini-fill img{max-width:none;position:absolute}.frame-mini-art{z-index:1;pointer-events:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.frame-mini-pick{z-index:2;cursor:pointer;background:0 0;border:none;padding:0;position:absolute}.frame-mini-pick.draggable{cursor:grab;touch-action:none}.frame-mini-pick.draggable:active{cursor:grabbing}.slot-zoom-controls{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:.4rem;display:flex}.slot-zoom-controls button{background:var(--color-card-2);border:2px solid var(--color-line);color:var(--color-ink);cursor:pointer;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.slot-zoom-controls button:hover:not(:disabled){border-color:var(--color-accent)}.slot-zoom-controls button:disabled{opacity:.4;cursor:not-allowed}.slot-zoom-value{font-family:var(--font-mono);color:var(--color-muted);justify-content:center;align-items:center;gap:.25rem;min-width:62px;font-size:.68rem;display:inline-flex}.frame-selector-message{text-align:center;color:var(--color-muted);justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.result-strip-img{max-width:min(var(--preview-max-w), 100%);border:2px solid var(--color-line);width:auto;height:auto;max-height:100%;display:block}.selected-check{background:var(--color-accent);color:var(--color-accent-ink);border:2px solid #000;padding:2px;display:flex;position:absolute;top:8px;right:8px}.template-info h3{font-family:var(--font-display);color:var(--color-ink);margin-bottom:.35rem;font-size:clamp(.78rem,1.15vh,.95rem)}.template-info p{color:var(--color-muted);margin-bottom:.5rem;font-size:.78rem;line-height:1.4}.template-tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag-chip{background:var(--color-card-2);border:2px solid var(--color-line);color:var(--color-ink);padding:3px 10px;font-size:clamp(.68rem,1vh,.8rem);font-weight:600}.step-action-bar{background:var(--color-card);border:2px solid var(--color-line);box-shadow:var(--shadow);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem 1rem;padding:.8rem 1rem;display:flex}.step-action-hint{color:var(--color-muted);font-size:.8rem}.step-action-bar .cta-primary-btn{margin-left:auto;padding:.7rem 1.2rem}.result-action-group{align-items:center;gap:.6rem;margin-left:auto;display:flex}.result-action-group .cta-primary-btn{margin-left:0}.timer-chip{font-family:var(--font-mono);color:#ffffffb8;cursor:pointer;background:0 0;border:2px solid #0000;padding:.35rem .5rem;font-size:.72rem;transition:color .12s,background .12s}.timer-chip:hover:not(:disabled):not(.active){color:#fff}.timer-chip.active{background:var(--color-accent);color:var(--color-accent-ink);border-color:#000}.timer-chip:disabled{opacity:.4;cursor:not-allowed}.cta-primary-btn{background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;box-shadow:var(--shadow);border:2px solid #000;justify-content:center;align-items:center;padding:.85rem 1.5rem;font-size:.82rem;transition:transform .1s,box-shadow .1s;display:inline-flex}.cta-primary-btn:hover:not(:disabled){box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.cta-primary-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:var(--shadow-sm)}.cta-outline-btn{color:var(--color-ink);border:2px dashed var(--color-line);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.85rem 1.4rem;font-size:.85rem;font-weight:600;transition:background .12s;display:inline-flex}.cta-outline-btn:hover{background:var(--color-card-2)}.camera-session-container{flex-direction:column;gap:1rem;display:flex}.camera-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;display:flex}.camera-header h2{font-family:var(--font-display);color:var(--color-ink);font-size:1rem}.camera-notice-banner{border:2px solid var(--color-line);color:var(--color-warn);box-shadow:var(--shadow-sm);background:#33230f;flex-shrink:0;padding:.75rem 1rem;font-size:.85rem;font-weight:500}.camera-main-grid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:1.4fr 1fr;gap:1.5rem;min-height:0;display:grid}.viewfinder-card{border:2px solid var(--color-line);box-shadow:var(--shadow);background:#000;flex-direction:column;gap:.75rem;min-height:0;padding:.75rem;display:flex;position:relative}.viewfinder-stage{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden;container-type:size}.viewfinder-wrapper{aspect-ratio:var(--vf-ratio,1.3333);width:min(100cqw, 100cqh * var(--vf-ratio,1.3333));border:2px solid var(--color-line);background:#000;flex:none;justify-content:center;align-items:center;min-width:0;height:auto;display:flex;position:relative;overflow:hidden}.webcam-video{object-fit:cover;width:100%;height:100%}.webcam-video.mirrored{transform:scaleX(-1)}.webcam-video.hidden-mock{display:none}.mock-camera-placeholder{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;display:flex}.mock-camera-placeholder p{font-size:.85rem}.countdown-overlay{z-index:20;background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-number{font-family:var(--font-mono);color:#fff;text-shadow:4px 4px 0 var(--color-accent);font-size:5rem;font-weight:700}.frozen-frame{object-fit:cover;z-index:10;width:100%;height:100%;position:absolute;inset:0}.viewfinder-badge{color:#fff;font-family:var(--font-mono);z-index:15;background:#000;border:2px solid #fff;padding:5px 8px;font-size:.65rem;position:absolute;top:10px;left:10px}.viewfinder-badge.frozen{background:var(--color-ok);color:#1a1608;border-color:#000}.viewfinder-float-btn{z-index:16;color:#fff;cursor:pointer;background:#0009;border:2px solid #fff;justify-content:center;align-items:center;width:34px;height:34px;transition:background .12s,color .12s;display:flex;position:absolute;top:10px;right:10px}.viewfinder-float-btn:hover{background:#000000d9}.viewfinder-float-btn.active{background:var(--color-accent);color:var(--color-accent-ink);border-color:#000}.viewfinder-timer-pill{z-index:16;color:#fff;background:#0009;border:2px solid #ffffff73;align-items:center;gap:.25rem;padding:.25rem .45rem;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.camera-control-bar{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.15rem .15rem .25rem;display:grid}.camera-control-bar>:first-child{justify-self:end}.camera-control-bar>:last-child{justify-self:start}.camera-control-bar .capture-btn,.camera-control-bar .cta-primary-btn{box-shadow:4px 4px 0 var(--color-line)}.camera-control-bar .capture-btn:hover:not(:disabled),.camera-control-bar .cta-primary-btn:hover:not(:disabled){box-shadow:1px 1px 0 var(--color-line)}.capture-btn{background:var(--color-accent);width:104px;height:104px;color:var(--color-accent-ink);font-family:var(--font-display);text-align:center;cursor:pointer;box-shadow:var(--shadow);border:2px solid #000;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.74rem;line-height:1.2;transition:transform .1s,box-shadow .1s;display:flex}.capture-btn:hover:not(:disabled){box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.capture-btn:disabled{opacity:.45;cursor:not-allowed}.shutter-flash-overlay{z-index:100;pointer-events:none;background:#fff;animation:.3s ease-out forwards flash-anim;position:fixed;inset:0}.slots-preview-card{background:var(--color-card);border:2px solid var(--color-line);box-shadow:var(--shadow);flex-direction:column;gap:1rem;min-height:0;padding:1rem;display:flex}.slots-header{flex-shrink:0}.slots-header h3{font-family:var(--font-display);color:var(--color-ink);margin-bottom:.25rem;font-size:.78rem}.photostrip-live-container{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden;container-type:size}.payment-container,.result-container{flex-direction:column;gap:1rem;display:flex}.payment-body{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:clamp(1.5rem,3vw,3.5rem);min-height:0;display:flex}.payment-card{background:var(--color-card);border:2px solid var(--color-line);box-shadow:var(--shadow);flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:.6rem;width:clamp(280px,min(48vh,32vw),560px);min-height:0;padding:clamp(1rem,1.2vw,1.5rem);display:flex}.payment-meta{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.3rem;width:100%;min-height:4.4rem;display:flex}.payment-qr-frame{aspect-ratio:1;background:#fff;border:2px solid #000;flex:none;justify-content:center;align-items:center;width:100%;min-height:0;padding:clamp(.5rem,.6vw,.9rem);display:flex;overflow:hidden}.result-qr-frame{aspect-ratio:1;background:#fff;border:2px solid #000;justify-content:center;align-items:center;width:100%;min-height:0;padding:.5rem;display:flex;overflow:hidden}.payment-qr-img,.result-qr-img{width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;display:block}.payment-qr-fallback{text-align:center;width:100%;height:100%;min-height:8rem;color:var(--color-paper);font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:clamp(.72rem,1.1vh,.95rem);line-height:1.6;display:flex}.payment-qr-fallback>svg{width:clamp(2rem,5vh,3.5rem);height:clamp(2rem,5vh,3.5rem)}.payment-price{font-family:var(--font-mono);color:var(--color-accent);flex:none;font-size:clamp(1.1rem,2vh,1.6rem)}.payment-timer{font-family:var(--font-mono);color:var(--color-muted);letter-spacing:.04em;flex:none;font-size:clamp(.7rem,1.2vh,.85rem)}.payment-sandbox-tools{border-top:1px dashed var(--color-line);flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:.45rem;width:100%;padding-top:.7rem;display:flex}.payment-sandbox-tag{font-family:var(--font-mono);letter-spacing:.12em;border:1px solid var(--color-warn);color:var(--color-warn);padding:.42rem .5rem;font-size:.62rem;line-height:1}.payment-sandbox-btn,.payment-sandbox-link{background:var(--color-card-2);border:1px solid var(--color-line);color:var(--color-muted);cursor:pointer;align-items:center;gap:.32rem;padding:.35rem .6rem;font-size:.7rem;font-weight:600;line-height:1;text-decoration:none;transition:color .12s,border-color .12s;display:inline-flex}.payment-sandbox-btn:hover,.payment-sandbox-link:hover{color:var(--color-ink);border-color:var(--color-warn)}.payment-sandbox-btn>svg{flex:none;width:.9rem;height:.9rem}.payment-sandbox-url{font-family:var(--font-mono);word-break:break-all;color:var(--color-muted);-webkit-user-select:all;user-select:all;flex-basis:100%;font-size:.6rem;line-height:1.35}.payment-qr-paid{color:var(--color-accent)}.payment-notice{background:var(--color-card);border:2px solid var(--color-warn);max-width:clamp(340px,32vw,540px);box-shadow:var(--shadow);flex-direction:column;gap:.9rem;padding:clamp(1.1rem,1.5vw,1.75rem);display:flex}.payment-notice-title{font-family:var(--font-display);color:var(--color-warn);margin:0;font-size:clamp(.78rem,1.4vh,1rem);line-height:1.5}.payment-notice-body{color:var(--color-ink);margin:0;font-size:clamp(.86rem,1.5vh,1.1rem);line-height:1.45}.payment-notice-actions{flex-wrap:wrap;align-items:stretch;gap:.6rem;margin-top:.15rem;display:flex}.payment-auto-return{color:var(--color-muted);flex-direction:column;gap:.45rem;margin:0;font-size:.78rem;display:flex}.payment-auto-return-track{background:var(--color-card-2);border:2px solid var(--color-line);height:8px;overflow:hidden}.payment-auto-return-bar{height:100%;width:calc(var(--return-left,1) * 100%);background:var(--color-warn);transition:width .25s linear}@media (prefers-reduced-motion:reduce){.payment-auto-return-bar{transition:none}}.payment-steps{flex-direction:column;gap:clamp(.85rem,1.8vh,1.5rem);max-width:clamp(340px,32vw,540px);display:flex}.result-steps{flex-direction:column;gap:clamp(.85rem,1.4vh,1.15rem);max-width:clamp(340px,26vw,440px);display:flex}.payment-steps li{color:var(--color-ink);align-items:flex-start;gap:.75rem;font-size:clamp(.86rem,1.55vh,1.15rem);line-height:1.5;display:flex}.result-steps li{color:var(--color-ink);align-items:flex-start;gap:.6rem;font-size:clamp(.86rem,1.25vh,1rem);line-height:1.45;display:flex}.result-steps li>svg{flex:none;width:1.35em;height:1.35em}.payment-step-num{background:var(--color-card-2);border:2px solid var(--color-line);width:2.2em;height:2.2em;font-family:var(--font-mono);color:var(--color-accent);flex:none;justify-content:center;align-items:center;font-size:.68em;display:flex}.result-grid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1.25rem,2.2vw,2.5rem);min-height:0;display:grid}.result-preview-card{background:var(--color-card);border:2px solid var(--color-line);box-shadow:var(--shadow);justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;position:relative}.result-qr-col{flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,2vh,1.75rem);min-height:0;display:flex}.result-qr-card{background:var(--color-card);border:2px solid var(--color-line);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:.6rem;width:min(100%,clamp(260px,40vh,420px));min-height:0;padding:clamp(1rem,1.2vw,1.4rem);display:flex}.result-qr-caption{color:var(--color-muted);align-items:center;gap:.4rem;font-size:clamp(.78rem,1.2vh,.95rem);display:flex}.result-error{text-align:center;max-width:clamp(340px,26vw,440px);color:var(--color-warn);flex-direction:column;align-items:center;gap:.6rem;font-size:clamp(.82rem,1.25vh,1rem);display:flex}.public-result-page{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:1.25rem 1rem 0;display:flex}.public-result-header{border-bottom:2px solid var(--color-line);flex-direction:column;align-items:flex-start;gap:.4rem;padding-bottom:1.25rem;display:flex}.public-result-header .brand-wordmark img{width:160px}.public-result-subtitle{color:var(--color-muted);font-size:.76rem}.public-result-tabs{z-index:2;background:var(--color-paper);gap:.3rem;padding:.75rem 0;display:flex;position:sticky;top:0}.public-result-tab{font-family:var(--font-display);color:var(--color-muted);background:var(--color-card-2);border:2px solid var(--color-line);cursor:pointer;flex:1;padding:.6rem .5rem;font-size:.7rem}.public-result-tab.active{background:var(--color-accent);color:var(--color-accent-ink);border-color:#000}.public-result-main{flex-direction:column;flex:1;align-items:center;gap:.85rem;padding:1.5rem 0;display:flex}.public-result-photos{flex-direction:column;gap:1.25rem;width:100%;display:flex}.public-result-photo{flex-direction:column;gap:.4rem;display:flex}.public-result-photo-bar{color:var(--color-muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.76rem;display:flex}.public-result-photo-download{padding:.4rem .75rem;font-size:.72rem}.public-result-gif{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.public-result-gif .public-result-frame,.public-result-gif .public-result-img,.public-result-photo .public-result-frame,.public-result-photo .public-result-img{width:100%}.public-result-gif-caption{color:var(--color-muted);align-items:center;gap:.35rem;font-size:.72rem;display:flex}.public-result-frame{background:var(--color-card);border:2px solid var(--color-line);box-shadow:var(--shadow);padding:.75rem}.public-result-img{max-width:100%;height:auto;display:block}.public-result-meta{color:var(--color-muted);text-align:center;font-size:.76rem}.public-result-state{text-align:center;background:var(--color-card);border:2px solid var(--color-line);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:.6rem;width:100%;padding:2.5rem 1.5rem;display:flex}.public-result-state-title{font-family:var(--font-display);color:var(--color-ink);font-size:.74rem;line-height:1.6}.public-result-state-note{color:var(--color-muted);font-size:.82rem;line-height:1.5}.public-result-actions{background:var(--color-paper);border-top:2px solid var(--color-line);flex-direction:column;align-items:stretch;gap:.5rem;padding:.9rem 0 1.25rem;display:flex;position:sticky;bottom:0}.public-result-download-row{gap:.5rem;display:flex}.public-result-download-row>*{flex:1;min-width:0}.public-result-hint{color:var(--color-muted);text-align:center;font-size:.72rem;line-height:1.45}.custom-text-input{width:100%;font-family:var(--font-sans);background:var(--color-card-2);border:2px solid var(--color-line);color:var(--color-ink);padding:.6rem .8rem;font-size:.88rem}.custom-text-input:focus{border-color:var(--color-accent);background:var(--color-paper);outline:none}.rendering-spinner{color:var(--color-ink);font-family:var(--font-display);background:#17110beb;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.72rem;display:flex;position:absolute;inset:0}.admin-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin-sidebar{background:var(--color-card);border-right:2px solid var(--color-line);z-index:60;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.admin-sidebar-brand{border-bottom:2px solid var(--color-line);align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.admin-drawer-close{border:2px solid var(--color-line);color:var(--color-muted);cursor:pointer;background:0 0;margin-left:auto;padding:.25rem;display:none}.admin-drawer-close:hover{color:var(--color-ink);border-color:var(--color-accent)}.admin-nav{flex-direction:column;gap:.35rem;padding:.75rem;display:flex;overflow-y:auto}.admin-nav-link{color:var(--color-muted);border:2px solid #0000;align-items:center;gap:.55rem;padding:.55rem .7rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:flex}.admin-nav-link:hover:not(.active){color:var(--color-ink);background:var(--color-card-2);border-color:var(--color-line)}.admin-nav-link.active{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:var(--shadow-sm);border-color:#000}.admin-main{flex-direction:column;min-width:0;display:flex}.admin-topbar{background:var(--color-card);border-bottom:2px solid var(--color-line);z-index:50;align-items:center;gap:.75rem;padding:.9rem 1.5rem;display:flex;position:sticky;top:0}.admin-topbar-title{font-family:var(--font-display);color:var(--color-ink);margin-right:auto;font-size:.8rem}.admin-menu-toggle{background:var(--color-card-2);border:2px solid var(--color-line);color:var(--color-ink);cursor:pointer;padding:.35rem;display:none}.admin-menu-toggle:hover{border-color:var(--color-accent)}.admin-content{padding:2rem 1.5rem}.admin-backdrop{z-index:55;cursor:pointer;background:#0009;border:none;display:none;position:fixed;inset:0}.btn-sm{gap:.4rem;padding:.5rem .85rem;font-size:.72rem}.frame-muted{color:var(--color-muted);font-size:.9rem}.frame-error,.frame-notice{border:2px solid #000;margin-bottom:1rem;padding:.7rem .9rem;font-size:.85rem}.frame-error{background:var(--color-danger);color:#fff}.frame-notice{background:var(--color-ok);color:var(--color-accent-ink)}.frame-status{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;border:2px solid #000;padding:4px 7px;font-size:.65rem}.frame-status-published{background:var(--color-ok);color:var(--color-accent-ink)}.frame-status-draft{background:var(--color-card-2);color:var(--color-muted)}.frame-status-archived{background:var(--color-line);color:var(--color-ink)}.frame-list-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.frame-list-head .section-header{margin-bottom:1.25rem}.frame-list-head .section-subtitle{margin:0}.frame-card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;display:grid}.frame-card{background:var(--color-card);border:2px solid var(--color-line);box-shadow:var(--shadow-sm)}.frame-card-art{border-bottom:2px solid var(--color-line);background-color:#6b6357;background-image:linear-gradient(45deg,#4c463d 25%,#0000 25% 75%,#4c463d 75%),linear-gradient(45deg,#4c463d 25%,#0000 25% 75%,#4c463d 75%);background-position:0 0,8px 8px;background-size:16px 16px;justify-content:center;align-items:center;height:190px;padding:.6rem;display:flex}.frame-card-art img{object-fit:contain;max-width:100%;max-height:100%}.frame-card-body{gap:.6rem;padding:.8rem;display:grid}.frame-card-title{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.frame-card-title a{color:var(--color-ink);font-weight:700;text-decoration:none}.frame-card-title a:hover{color:var(--color-accent)}.frame-card-archive{color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-self:start;align-items:center;gap:.35rem;padding:0;font-size:.78rem;display:inline-flex}.frame-card-archive:hover{color:var(--color-danger)}.frame-editor-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.frame-back{color:var(--color-muted);align-items:center;gap:.4rem;font-size:.85rem;text-decoration:none;display:inline-flex}.frame-back:hover{color:var(--color-accent)}.frame-editor-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.frame-editor-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1.25rem;display:grid}.frame-editor-side{gap:1rem;display:grid}.frame-field-group{background:var(--color-card);border:2px solid var(--color-line);gap:.7rem;padding:.9rem;display:grid}.frame-replace{justify-self:start;position:relative;overflow:hidden}.frame-replace input{display:none}.frame-dropzone{text-align:center;border:3px dashed var(--color-line);background:var(--color-card);min-height:320px;color:var(--color-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.frame-dropzone:hover{border-color:var(--color-accent);color:var(--color-ink)}.frame-dropzone strong{font-family:var(--font-display);color:var(--color-ink);font-size:.9rem}.frame-dropzone span{max-width:340px;font-size:.82rem}.frame-dropzone input{display:none}.frame-stage-caption{color:var(--color-muted);text-align:center;margin-top:.6rem;font-size:.78rem}.frame-stage-wrapper{justify-content:center;display:flex}.frame-stage{border:2px solid var(--color-line);box-shadow:var(--shadow-sm);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.frame-stage-paper{position:absolute;inset:0}.frame-slot-fill{color:#1b12098c;font-family:var(--font-mono);background:#d69a4c47;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute}.frame-slot-fill.selected{background:#d69a4c73}.frame-stage-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.frame-slot-outline{cursor:move;background:0 0;border:2px dashed #f0e4d2bf;position:absolute}.frame-slot-outline:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.frame-slot-outline.selected{border:2px solid var(--color-accent)}.frame-slot-tag{background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-mono);padding:2px 5px;font-size:.65rem;position:absolute;top:-2px;left:-2px}.frame-slot-handle{background:var(--color-accent);border:2px solid #000;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%)}.handle-nw{cursor:nwse-resize;top:0;left:0}.handle-n{cursor:ns-resize;top:0;left:50%}.handle-ne{cursor:nesw-resize;top:0;left:100%}.handle-e{cursor:ew-resize;top:50%;left:100%}.handle-se{cursor:nwse-resize;top:100%;left:100%}.handle-s{cursor:ns-resize;top:100%;left:50%}.handle-sw{cursor:nesw-resize;top:100%;left:0}.handle-w{cursor:ew-resize;top:50%;left:0}.frame-slot-rotate{background:var(--color-ink);cursor:grab;border:2px solid #000;border-radius:50%;width:13px;height:13px;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.slot-inspector{background:var(--color-card);border:2px solid var(--color-line);padding:.9rem}.slot-inspector-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.slot-inspector-head h3{font-family:var(--font-display);font-size:.8rem}.slot-empty{color:var(--color-muted);font-size:.82rem}.slot-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.slot-list li{align-items:center;gap:.4rem;display:flex}.slot-row{background:var(--color-card-2);border:2px solid var(--color-line);cursor:pointer;color:var(--color-ink);text-align:left;flex:1;align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex}.slot-row.selected{border-color:var(--color-accent)}.slot-row-index{font-family:var(--font-mono);background:var(--color-accent);color:var(--color-accent-ink);padding:2px 6px;font-size:.68rem}.slot-row-size{color:var(--color-muted);font-size:.75rem}.slot-row-actions{gap:.15rem;display:flex}.slot-row-actions button{color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:2px}.slot-row-actions button:hover:not(:disabled){color:var(--color-ink)}.slot-row-actions button.danger:hover{color:var(--color-danger)}.slot-row-actions button:disabled{opacity:.3;cursor:not-allowed}.slot-fields{border-top:2px solid var(--color-line);margin-top:.9rem;padding-top:.75rem}.slot-fields-title{font-family:var(--font-display);margin-bottom:.5rem;font-size:.72rem}.slot-fields-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.slot-field{gap:.2rem;display:grid}.slot-field span{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.slot-field input{background:var(--color-card-2);border:2px solid var(--color-line);color:var(--color-ink);width:100%;padding:.35rem .5rem;font-size:.85rem}.slot-field input:focus{border-color:var(--color-accent);outline:none}.slot-field input[type=color]{cursor:pointer;height:34px;padding:2px}.slot-field-note strong{padding-top:.35rem;font-size:.85rem}.slot-hint{color:var(--color-muted);margin-top:.6rem;font-size:.72rem;line-height:1.5}.frame-preview-backdrop{z-index:80;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.frame-preview-panel{--preview-max-h:90vh;--preview-max-w:560px;background:var(--color-card);box-shadow:var(--shadow);width:fit-content;min-width:min(320px,100%);max-width:min(var(--preview-max-w), 100%);max-height:var(--preview-max-h);border:2px solid #000;flex-direction:column;display:flex}.frame-preview-head{border-bottom:2px solid var(--color-line);justify-content:space-between;align-items:center;padding:.75rem .9rem;display:flex}.frame-preview-head h3{font-family:var(--font-display);font-size:.8rem}.frame-preview-head button{color:var(--color-muted);cursor:pointer;background:0 0;border:none}.frame-preview-head button:hover{color:var(--color-ink)}.frame-preview-body{justify-content:center;align-items:center;padding:1rem;display:flex;overflow:auto}.frame-preview-body img{width:min(calc(var(--preview-max-w) - 2rem), calc((var(--preview-max-h) - 5rem) * var(--preview-ratio,1)));flex:none;max-width:100%;height:auto}.confirm-backdrop{z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.confirm-panel{background:var(--color-card);box-shadow:var(--shadow);text-align:center;border:2px solid #000;width:100%;max-width:420px;padding:1.25rem}.confirm-icon{border:2px solid #000;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;margin-bottom:.75rem;display:inline-flex}.confirm-icon-danger{background:var(--color-danger);color:#1b1209}.confirm-icon-neutral{background:var(--color-accent);color:var(--color-accent-ink)}.confirm-title{font-family:var(--font-display);margin-bottom:.6rem;font-size:.82rem}.confirm-message{color:var(--color-muted);font-size:.9rem;line-height:1.5}.confirm-actions{justify-content:center;gap:.6rem;margin-top:1.25rem;display:flex}.confirm-danger-btn{background:var(--color-danger);color:#1b1209;font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.72rem;transition:transform .1s,box-shadow .1s;display:inline-flex}.confirm-danger-btn:hover{box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.admin-empty{text-align:center;border:2px dashed var(--color-line);background:var(--color-card);color:var(--color-muted);flex-direction:column;align-items:center;gap:.6rem;padding:3rem 1.5rem;display:flex}.admin-empty svg{opacity:.6}.admin-empty--plain{background:0 0;border:none;padding:1.5rem .5rem}.session-table-wrap{border:2px solid var(--color-line);background:var(--color-card);box-shadow:var(--shadow-sm);overflow-x:auto}.session-table{border-collapse:collapse;width:100%;font-size:.85rem}.session-table th,.session-table td{text-align:left;border-bottom:2px solid var(--color-line);white-space:nowrap;padding:.7rem .9rem}.session-table th{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-size:.68rem}.session-table tbody tr:last-child td{border-bottom:none}.session-print-link{display:inline-flex}.session-row-actions{align-items:center;gap:.4rem;display:flex}.session-row-actions button:disabled{opacity:.4;cursor:default}.session-shared-mark{color:var(--color-muted);align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.session-shared-mark svg{color:var(--color-accent)}.share-dialog-form{text-align:left;gap:.7rem;margin-top:.25rem;display:grid}.share-dialog-error{margin-bottom:0}.share-phone-preview{font-family:var(--font-display);letter-spacing:.02em;border:2px dashed var(--color-line);background:var(--color-card-2);text-align:center;padding:.5rem .7rem;font-size:.9rem}.share-dialog-confirm-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);text-align:center;font-size:.68rem}.share-phone-confirm{font-family:var(--font-display);text-align:center;background:var(--color-accent);color:var(--color-accent-ink);box-shadow:var(--shadow-sm);border:2px solid #000;padding:.5rem .7rem;font-size:1.25rem}.share-dialog-note{color:var(--color-muted);font-size:.75rem;line-height:1.45}.share-dialog-warning{border:2px solid var(--color-line);background:var(--color-card-2);align-items:flex-start;gap:.4rem;padding:.5rem .65rem;font-size:.75rem;line-height:1.45;display:flex}.share-dialog-warning svg{color:var(--color-danger);margin-top:.1rem}.share-dialog-warning code{font-family:var(--font-mono);font-size:.72rem}.share-link-box{font-family:var(--font-mono);border:2px solid var(--color-line);background:var(--color-card-2);overflow-wrap:anywhere;padding:.5rem .65rem;font-size:.72rem;line-height:1.4}.share-dialog .confirm-actions{flex-wrap:wrap}.session-pagination{justify-content:space-between;margin-top:1rem;display:flex}.session-pagination .frame-back{cursor:pointer;background:0 0;border:none;padding:0}.session-pagination .frame-back:disabled{opacity:.4;cursor:default}.session-detail-meta{margin-bottom:1.25rem}.session-detail-art{background:var(--color-card);border:2px solid var(--color-line);min-height:320px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:1.5rem;display:flex}.session-detail-art img{object-fit:contain;max-width:100%;max-height:70vh}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-1{margin-right:var(--spacing)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.scale-1{--tw-scale-x:1%;--tw-scale-y:1%;--tw-scale-z:1%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.list-decimal{list-style-type:decimal}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-line{border-color:var(--color-line)}.bg-card-2{background-color:var(--color-card-2)}.fill-current{fill:currentColor}.p-4{padding:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.text-accent{color:var(--color-accent)}.text-danger{color:var(--color-danger)}.text-ink{color:var(--color-ink)}.text-muted{color:var(--color-muted)}.text-warn{color:var(--color-warn)}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--shadow:4px 4px 0 #000;--shadow-sm:3px 3px 0 #000;--shadow-pressed:1px 1px 0 #000;--welcome-bg:#3a2a1d;--welcome-bg-edge:#241a11}body{font-family:var(--font-sans);background-color:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#f0e4d20d 1px,#0000 1px);background-position:-1px -1px;background-size:22px 22px;min-height:100vh}@keyframes flash-anim{0%{opacity:.9}to{opacity:0}}@media (width<=850px){.camera-main-grid{grid-template-rows:auto;grid-template-columns:1fr}.user-name{display:none}.photobox-app-wrapper{height:auto;min-height:100dvh}.app-main-layout{overflow:visible}.step-pane,.step-scroll-area{flex:none;padding:0;overflow:visible}.result-grid{grid-template-rows:auto;grid-template-columns:1fr}.step-pane,.payment-body,.result-grid,.result-qr-col{flex:none}.viewfinder-stage{display:block;container-type:normal}.viewfinder-wrapper{width:100%;height:auto}.photostrip-live-container{flex:none;height:60vh}.camera-control-bar{gap:.5rem}.camera-control-bar .cta-outline-btn,.camera-control-bar .cta-primary-btn{padding:.7rem .85rem;font-size:.75rem}.payment-card{width:min(100%,420px)}.payment-qr-fallback{height:auto}.payment-steps,.payment-notice{max-width:100%}.result-qr-card{width:min(100%,360px)}.templates-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-content:normal}.template-preview-wrapper{height:clamp(200px,38vh,300px)}}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{width:260px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-shell.drawer-open .admin-sidebar{transform:translate(0)}.admin-drawer-close,.admin-menu-toggle,.admin-shell.drawer-open .admin-backdrop{display:block}.admin-content{padding:1.5rem 1rem}}@media (prefers-reduced-motion:reduce){.admin-sidebar,.header-nav-overlay{transition:none}}@media (width<=1000px){.frame-editor-grid{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.print-strip-area,.print-strip-area *{visibility:visible}.print-strip-area{box-shadow:none;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;inset:0}.print-strip-area img{max-width:100%;max-height:100%}@page{margin:0;size:4in 6in}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}