:root{--bg: #f4f1ea;--surface: #ffffff;--ink: #111111;--muted: #444444;--yellow: #ffe566;--pink: #ff7eb6;--blue: #6ecbff;--danger: #ff5a5a;--radius: 10px;--border: 3px solid var(--ink);--shadow: 6px 6px 0 var(--ink);--shadow-sm: 4px 4px 0 var(--ink);--preview-ratio: 780 / 773;--slot-aspect: 1.7778;--font: "Space Grotesk", system-ui, sans-serif;--scroll-track: #ddd7cb;--scroll-thumb: #8ec9f0;--scroll-thumb-hover: var(--pink);--scroll-size: 10px;--scroll-gutter: 16px;--scroll-zone: #ebe6dc}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}#app{height:100%}body{font-family:var(--font);background:radial-gradient(circle at 12px 12px,#ddd7cb 1.5px,transparent 1.6px) 0 0 / 24px 24px,var(--bg);color:var(--ink);line-height:1.4}.filter-list-vertical,.filter-list-vertical.filter-list-studio-rail,.template-list-compact,.a3-wrap,.a3-page,.strip-archive-panel,.template-list.template-list-studio{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track);padding-right:calc(var(--scroll-size) + var(--scroll-gutter))}.filter-list-vertical::-webkit-scrollbar,.filter-list-vertical.filter-list-studio-rail::-webkit-scrollbar,.template-list.template-list-pick::-webkit-scrollbar,.template-list-compact::-webkit-scrollbar,.a3-wrap::-webkit-scrollbar,.a3-page::-webkit-scrollbar,.strip-archive-panel::-webkit-scrollbar,.template-list.template-list-studio::-webkit-scrollbar{width:var(--scroll-size);height:var(--scroll-size)}.filter-list-vertical::-webkit-scrollbar-track,.template-list-compact::-webkit-scrollbar-track,.a3-wrap::-webkit-scrollbar-track,.a3-page::-webkit-scrollbar-track,.strip-archive-panel::-webkit-scrollbar-track,.template-list.template-list-studio::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:0;box-shadow:inset 2px 0 #1111111a}.template-list.template-list-pick::-webkit-scrollbar-track{background:var(--scroll-zone);border-left:2px solid var(--ink);border-radius:0 6px 6px 0;margin:4px 0}.filter-list-vertical::-webkit-scrollbar-thumb,.template-list-compact::-webkit-scrollbar-thumb,.a3-wrap::-webkit-scrollbar-thumb,.a3-page::-webkit-scrollbar-thumb,.strip-archive-panel::-webkit-scrollbar-thumb,.template-list.template-list-studio::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--ink);border-radius:5px;box-shadow:1px 1px 0 var(--ink)}.template-list.template-list-pick::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--blue) 0%,#5eb8ef 100%);border:2px solid var(--ink);border-radius:6px;box-shadow:1px 1px 0 var(--ink);min-height:48px}.filter-list-vertical::-webkit-scrollbar-thumb:hover,.template-list-compact::-webkit-scrollbar-thumb:hover,.a3-wrap::-webkit-scrollbar-thumb:hover,.a3-page::-webkit-scrollbar-thumb:hover,.strip-archive-panel::-webkit-scrollbar-thumb:hover,.template-list.template-list-studio::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.template-list.template-list-pick::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--pink) 0%,#ff6aab 100%)}.filter-list-vertical::-webkit-scrollbar-corner,.template-list.template-list-pick::-webkit-scrollbar-corner,.template-list-compact::-webkit-scrollbar-corner,.a3-wrap::-webkit-scrollbar-corner,.a3-page::-webkit-scrollbar-corner,.strip-archive-panel::-webkit-scrollbar-corner,.template-list.template-list-studio::-webkit-scrollbar-corner{background:var(--scroll-track)}.app{--app-pad-inline: 16px;max-width:1600px;height:100dvh;max-height:100dvh;margin:0 auto;padding:10px var(--app-pad-inline) 12px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.app :is(h1,h2,.panel-title,.logo,.status,.session-badge,.page-indicator,.photo-progress){-webkit-user-select:none;user-select:none;cursor:default}.app :is(button,.btn,.template-btn,.filter-btn,.filter-chip,.archive-strip-btn){user-select:none;-webkit-user-select:none;cursor:pointer}.app :is(button,.btn,.template-btn,.filter-btn,.filter-chip,.archive-strip-btn) :is(span,img,strong,em){user-select:none;-webkit-user-select:none;cursor:inherit;pointer-events:none}.app :is(button,.btn):disabled{cursor:not-allowed}.app .step-btn:disabled{cursor:default}.app :is(input,textarea){-webkit-user-select:text;user-select:text;cursor:text}.card{background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:18px;display:flex;flex-direction:column;gap:14px}.panel-title{font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.header{flex:0 0 auto;z-index:200;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:var(--yellow)}.header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0}.header-left{display:flex;flex-direction:row;align-items:baseline;gap:10px;min-width:0;flex:1}.logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1;flex:0 0 auto}.status{font-size:.78rem;font-weight:600;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.header-meta{display:flex;align-items:stretch;gap:8px;flex:0 0 auto}.header-meta .session-badge,.header-meta .btn-nav-a3{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:34px;min-height:34px;max-height:34px;padding:0 10px;font-size:.68rem;font-weight:700;letter-spacing:.04em;line-height:1;border-radius:8px;border:var(--border);box-shadow:2px 2px 0 var(--ink);white-space:nowrap;flex:0 0 auto}.header-meta .session-badge{background:var(--surface)}.header-meta .btn-nav-a3{min-width:0;background:var(--surface)}.header-meta .btn-nav-a3.active{background:var(--blue);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.session-badge{flex:0 0 auto;display:inline-block;background:var(--surface);border:var(--border);border-radius:8px;box-shadow:2px 2px 0 var(--ink);padding:5px 10px;font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.page-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1 1 auto;min-width:0;width:100%}.step-short,.studio-swipe-hint{display:none}.tab-btn.active{background:var(--blue);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.step-btn.done{background:#dff7c8;opacity:.95}.step-btn:disabled{cursor:default;opacity:1}.tab-next{background:var(--pink)}.page{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.page[hidden]{display:none!important}.workspace{display:grid;grid-template-columns:minmax(420px,1fr) minmax(280px,.72fr);gap:20px;align-items:start}.col-left,.col-right{display:flex;flex-direction:column;gap:18px;min-width:0}.view{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:18px}.view.camera-layout{gap:12px}.view[hidden]{display:none!important}.camera-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,172px) minmax(0,1fr) minmax(0,260px);grid-template-areas:"filters center strip";gap:10px;align-items:stretch;overflow:hidden}.camera-layout[hidden]{display:none!important}.camera-side-left{grid-area:filters;align-items:stretch;min-width:0;width:100%;max-width:100%;overflow:hidden}.camera-side-right{grid-area:strip;align-items:stretch}.camera-side-left .panel-title,.camera-side-right .panel-title{text-align:center;margin:0;flex:0 0 auto}.camera-filter-panel{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px;height:100%}.camera-filter-head{display:flex;flex-direction:column;gap:2px;align-items:stretch}.camera-filter-head .panel-title{text-align:center;font-size:.72rem}.camera-filter-hint{margin:0;font-size:.62rem;font-weight:600;color:var(--muted);line-height:1.3}.camera-strip-title{font-size:.68rem;letter-spacing:.05em}.filter-picker{display:flex;flex-direction:column;gap:6px;width:100%;max-width:100%;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;padding:0}.filter-chip{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;flex:1 1 0;min-height:0;width:100%;max-width:100%;margin:0;box-sizing:border-box;padding:6px;border:2px solid var(--ink);border-radius:8px;background:#fff;box-shadow:2px 2px 0 var(--ink);cursor:pointer;font-family:var(--font);transition:box-shadow .1s ease,background .12s ease;scroll-margin:0}.filter-chip:hover:not(:disabled):not(.active){box-shadow:3px 3px 0 var(--ink)}.filter-chip.active{background:var(--yellow);box-shadow:1px 1px 0 var(--ink)}.filter-chip:disabled{opacity:.45;cursor:not-allowed}.filter-chip:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.filter-chip-swatch{display:block;width:100%;flex:1 1 auto;min-height:0;max-height:32px;height:auto;border-radius:6px;border:2px solid var(--ink);box-shadow:inset 0 0 0 1px #ffffff59;background:linear-gradient(145deg,#eee,#ccc)}.filter-chip-label{flex:0 0 auto;font-size:.58rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--ink);line-height:1.15}.camera-side-right .strip-hint,.camera-side-right .field-hint{flex:0 0 auto;text-align:center;font-size:.7rem;margin:0;line-height:1.25}.strip-wrap-side{display:grid;place-items:center;box-sizing:border-box;width:100%;margin:0;padding:14px;background:var(--bg);border:var(--border);border-radius:8px;flex:1 1 auto;min-height:0;overflow:hidden}.strip-wrap-side .strip-canvas{display:block;box-sizing:border-box;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:591 / 1772;margin:0;background:#fff;border:2px solid var(--ink);border-radius:4px}.camera-side{min-height:0;min-width:0;overflow:hidden;padding:12px;gap:10px;display:flex;flex-direction:column;align-items:stretch}.camera-side.panel{padding:10px}.filter-list-vertical{display:flex;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;min-height:0;flex:1 1 auto;padding:2px calc(var(--scroll-size) + var(--scroll-gutter)) 8px 2px}.filter-btn{flex:0 0 auto;width:100%;min-width:0;padding:9px 8px;border:2px solid #111;border-radius:8px;background:#fff;box-shadow:2px 2px #111;font-family:var(--font);font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;color:#111;line-height:1.15;transition:transform .08s ease,box-shadow .08s ease}.filter-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px #111}.filter-btn.active{background:var(--yellow);transform:translate(1px,1px);box-shadow:1px 1px #111}.filter-btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.camera-center{grid-area:center;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:0;min-width:0;min-height:0;height:100%;overflow:hidden;padding:0}.camera-status-inline{display:none}.camera-preview-slot{position:relative;flex:1 1 auto;min-height:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;container-type:size}.camera-frame{position:relative;aspect-ratio:var(--preview-ratio);height:100%;width:auto;max-width:100%;overflow:hidden;border:3px solid #111;box-shadow:6px 6px #111;background:#000;border-radius:8px}@supports (width: 1cqw){.camera-frame{width:min(100cqw,calc(100cqh * var(--slot-aspect)));height:min(100cqh,calc(100cqw / var(--slot-aspect)));max-width:none}}.camera{width:100%;height:100%;object-fit:cover;object-position:center;transform:scaleX(-1);display:block;background:#000}.shot-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:2;background:#000}.shot-preview[hidden]{display:none}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(3.5rem,10vmin,6.5rem);font-weight:700;color:#fff;background:#11111159;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5}.countdown[hidden]{display:none}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:6}.flash.active{animation:flash .35s ease-out}@keyframes flash{0%{opacity:.85}to{opacity:0}}.camera-hud{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 14px 14px;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 55%,transparent 100%);pointer-events:none}@supports (width: 1cqw){.camera-hud{left:50%;right:auto;width:min(100cqw,calc(100cqh * var(--slot-aspect)));bottom:max(0px,calc((100cqh - 100cqw / var(--slot-aspect)) / 2));transform:translate(-50%)}}.camera-hud .btn,.camera-hud .photo-progress{pointer-events:auto}.camera-hud-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.photo-progress{font-size:.9rem;font-weight:700;letter-spacing:.06em;color:var(--ink);background:var(--yellow);border:var(--border);border-radius:8px;box-shadow:var(--shadow-sm);padding:6px 14px}.btn-capture{min-width:min(180px,48%);min-height:48px;font-size:.95rem;box-shadow:4px 4px #111}.btn-retake-last{min-width:min(150px,40%);min-height:48px;font-size:.85rem;box-shadow:4px 4px #111;background:var(--pink)}.btn-retake-last[hidden]{display:none!important}.camera-side .panel-title{font-size:.78rem;flex:0 0 auto}.template-list-compact{display:grid;grid-template-columns:1fr;gap:6px;flex:0 0 auto;max-height:28%;overflow:auto;padding:2px calc(var(--scroll-size) + var(--scroll-gutter)) 2px 2px}.template-list-compact .template-btn{flex-direction:row;align-items:center;gap:8px;padding:6px;text-align:left;box-shadow:2px 2px 0 var(--ink)}.template-list-compact .template-btn img{width:26px;aspect-ratio:1 / 3;flex:0 0 auto;border-radius:4px}.template-list-compact .template-btn span{font-size:.7rem}.studio-page{width:100%;min-height:0;flex:1;align-self:stretch;overflow:hidden;display:flex;flex-direction:column}.studio-page>.template-pick-layout,.studio-pick-layout{flex:1;min-height:0;height:0}.studio-preview-panel,.studio-side-panel{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:10px;height:100%}.studio-preview-panel.panel{padding:12px;gap:10px}.studio-result-title{margin:0;flex:0 0 auto}.studio-dual-preview{flex:1 1 auto;min-height:0;height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.studio-duo-col{min-width:0;min-height:0;display:flex;flex-direction:column;gap:6px}.studio-duo-label{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.studio-media-tab-spinner{width:12px;height:12px;border:2px solid var(--ink);border-top-color:transparent;border-radius:50%;flex-shrink:0;animation:studio-media-tab-spin .65s linear infinite}.studio-media-tab-spinner[hidden]{display:none!important}@keyframes studio-media-tab-spin{to{transform:rotate(360deg)}}.studio-duo-view.template-pick-preview-wrap{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;container-type:size;background:var(--bg);position:relative}.studio-duo-view .studio-strip-canvas,.studio-duo-view .studio-live-video{display:block;flex:0 0 auto;width:min(100cqw,calc(100cqh * 591 / 1772));height:auto;max-width:100%;max-height:100%;aspect-ratio:591 / 1772;object-fit:contain}.studio-live-placeholder{margin:0;padding:12px;box-sizing:border-box;font-size:.75rem;font-weight:600;text-align:center;color:var(--muted);line-height:1.4;position:absolute;left:50%;top:50%;z-index:2;width:min(100cqw,calc(100cqh * 591 / 1772));height:auto;max-width:100%;max-height:100%;aspect-ratio:591 / 1772;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.studio-live-placeholder[hidden],.studio-media-hidden{display:none!important}.studio-live-video{object-fit:contain;object-position:center;display:block;background:#fff;border:3px solid var(--ink);border-radius:6px;box-shadow:var(--shadow-sm)}.studio-strip-canvas,.studio-duo-view .studio-strip-canvas.strip-canvas{background:#fff;border:3px solid var(--ink);border-radius:6px;box-shadow:var(--shadow-sm)}.studio-side-panel{gap:10px}.studio-qr-block{display:flex;flex-direction:column;gap:8px;padding:10px;background:#fff7fb;border:2px solid var(--ink);border-radius:8px;flex:1 1 auto;min-height:0;align-items:center}.studio-qr-block .panel-title{margin:0;font-size:.78rem;align-self:stretch;text-align:left}.studio-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.studio-qr-stage{position:relative;display:grid;place-items:center;width:min(100%,220px);height:220px}.studio-qr-spinner{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:var(--border);border-radius:8px;box-shadow:var(--shadow-sm);background:#fff}.studio-qr-spinner[hidden]{display:none!important}.studio-qr-spinner-ring{width:44px;height:44px;border:4px solid var(--ink);border-top-color:transparent;border-radius:50%;animation:studio-media-tab-spin .65s linear infinite}.studio-qr-status{font-size:.72rem;font-weight:600;text-align:center;color:var(--muted);margin:0}.studio-qr-status[hidden]{display:none!important}.studio-qr-img{grid-area:1 / 1;display:block;width:100%;height:100%;object-fit:contain;border:var(--border);border-radius:8px;box-shadow:var(--shadow-sm);background:#fff}.studio-qr-img[hidden]{display:none!important}.studio-qr-link{display:inline-block;width:100%;max-width:280px;padding:10px 12px;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);text-align:center;text-decoration:none;border:2px solid var(--ink);border-radius:8px;background:var(--surface);box-shadow:2px 2px 0 var(--ink)}.studio-qr-link:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}html.download-page,html.download-page body{height:100%;max-height:100%;overflow:hidden;overscroll-behavior:auto;touch-action:pan-y}html.download-page #app{height:100%;max-height:100%;overflow:hidden}.download-app{width:min(1040px,100%);height:100%;max-height:100%;min-height:0;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:14px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.download-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:var(--border);border-radius:var(--radius);background:var(--yellow);box-shadow:var(--shadow-sm)}.download-brand{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.download-badge{margin:0;padding:4px 10px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--ink);border-radius:999px;background:var(--surface)}.download-badge.is-ready{background:#c8f7c5}.download-badge.is-pending{background:#fff3b0}.download-badge.is-error{background:#ffc9c9}.download-main{flex:1;display:flex;align-items:stretch;justify-content:center}.download-panel{width:100%;padding:18px}.download-empty{text-align:center;padding:32px 12px}.download-empty-title{margin:0 0 8px;font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.download-empty-text{margin:0;color:var(--muted);font-weight:600;line-height:1.5}.download-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:22px;align-items:start}.download-media-col{display:flex;flex-direction:column;gap:14px;align-items:center}.download-frame{margin:0;width:100%;max-width:300px;display:flex;flex-direction:column;gap:8px}.download-frame figcaption{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}.download-frame-inner{border:var(--border);border-radius:10px;background:repeating-conic-gradient(#e8e8e8 0% 25%,#f5f5f5 0% 50%) 50% / 14px 14px;box-shadow:var(--shadow-sm);padding:8px;display:flex;justify-content:center;align-items:center;min-height:120px}.download-frame-inner img,.download-frame-inner video{display:block;width:auto;max-width:100%;max-height:min(58vh,620px);height:auto;object-fit:contain;border-radius:4px}.download-frame-live{max-width:360px}.download-frame-live .download-frame-inner{background:#111;padding:0;overflow:hidden}.download-frame-live video{width:100%;max-height:min(50vh,480px);border-radius:6px}.download-live-pending{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;font-weight:600;color:var(--muted);border:2px solid var(--ink);border-radius:999px;background:var(--bg)}.download-live-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);animation:download-pulse 1.2s ease-in-out infinite}@keyframes download-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.download-side{display:flex;flex-direction:column;gap:12px;padding:4px 0}.download-heading{margin:0;font-size:clamp(1.25rem,2.5vw,1.6rem);letter-spacing:.05em;text-transform:uppercase}.download-meta-line{margin:0;font-size:.9rem;font-weight:700;color:var(--ink)}.download-hint{margin:0;font-size:.88rem;font-weight:600;line-height:1.5;color:var(--muted)}.download-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.download-btn{width:100%;min-height:52px;font-size:.86rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center}.download-btn-live{background:var(--pink)}@media(min-width:900px){.download-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:28px}.download-media-col{align-items:stretch}.download-frame{max-width:none}.download-side{padding:12px 8px 12px 0;position:sticky;top:12px}.download-actions{flex-direction:row;flex-wrap:wrap}.download-actions .download-btn{flex:1 1 180px}}@media(max-width:720px){.download-layout{grid-template-columns:1fr;gap:16px}.download-side{text-align:center;align-items:center}.download-actions{width:100%;max-width:400px}}.studio-btn-main{min-height:52px;width:100%;font-size:.9rem}.studio-btn-block{width:100%;min-height:44px;font-size:.78rem}.studio-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-action-row .btn{min-height:44px;width:100%;min-width:0;font-size:.72rem;padding:0 8px}.studio-action-extra .btn{min-height:40px;font-size:.68rem}.studio-results[hidden]{display:none!important}.template-page{width:100%;min-height:0;align-self:stretch}.template-pick-layout{flex:1;min-height:0;width:100%;height:100%;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:10px;align-items:stretch}.template-pick-layout>*{min-height:0;min-width:0}.template-pick-list-panel,.template-pick-preview-panel{min-height:0;overflow:hidden}.template-pick-list-panel{display:flex;flex-direction:column;gap:10px}.template-pick-preview-panel{display:flex;flex-direction:column;gap:12px}.template-pick-preview-wrap{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--bg);border:var(--border);border-radius:8px}.template-pick-preview-img{flex:1 1 auto;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:top center;display:block}.template-pick-preview-img[hidden]{display:none}.template-pick-preview-name{flex:0 0 auto;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-align:center;text-transform:uppercase}.template-pick-actions{justify-content:stretch;flex:0 0 auto}.template-pick-actions .btn{width:100%;min-width:0}@media(max-width:1100px)and (min-width:901px){.camera-layout{grid-template-columns:minmax(0,140px) minmax(0,1fr) minmax(0,200px);grid-template-areas:"filters center strip"}.workspace{grid-template-columns:1fr}.a3-canvas{width:min(420px,100%)}}@media(max-width:900px){html:not(.download-page),html:not(.download-page) body{height:100%;overflow:hidden}.app{--app-pad-inline: 8px;height:100dvh;max-height:100dvh;overflow:hidden;padding:8px var(--app-pad-inline);padding-bottom:max(8px,env(safe-area-inset-bottom));gap:8px}.card{box-shadow:3px 3px 0 var(--ink)}.header{flex-direction:column;align-items:stretch;gap:8px;padding:max(8px,env(safe-area-inset-top)) 8px 8px}.header-top{align-items:center;gap:8px;flex-wrap:nowrap}.header-meta{flex-shrink:0}.header-left{flex-direction:row;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.logo{font-size:1.1rem}.status{font-size:.72rem;white-space:nowrap}.session-badge{font-size:.65rem;padding:5px 8px;box-shadow:2px 2px 0 var(--ink)}.header-meta .session-badge,.header-meta .btn-nav-a3{height:34px;min-height:34px;max-height:34px;padding:0 8px;font-size:.62rem}.page-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.page-tabs .btn-nav{width:100%;min-width:0;min-height:34px;font-size:.62rem;padding:0 4px;box-shadow:2px 2px 0 var(--ink)}.tab-btn.active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.view.camera-layout{gap:6px}#camera-view.camera-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"center center" "filters strip";gap:8px;align-content:start;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1 1 auto;min-height:0;width:100%;padding-bottom:max(12px,env(safe-area-inset-bottom))}.camera-center{grid-area:center;min-height:auto;min-width:0;overflow:visible;justify-content:center;align-items:center;width:100%}.camera-side-left{grid-area:filters;min-height:auto;min-width:0;padding:8px;gap:6px;align-self:stretch;justify-content:flex-start;overflow:visible}.camera-side-right{grid-area:strip;min-height:auto;min-width:0;padding:8px;gap:6px;align-self:stretch;justify-content:flex-start;overflow:visible}.camera-preview-slot{width:100%;min-height:clamp(300px,56vw,480px);height:auto;flex:0 0 auto;container-type:inline-size;align-items:center;justify-content:center;padding:2px 0}#camera-view .camera-frame{width:min(100cqi,100%)!important;height:auto!important;max-width:100%!important;max-height:none!important;aspect-ratio:var(--preview-ratio);box-shadow:3px 3px #111}.camera-side-left .camera-filter-panel{flex:1 1 auto;min-height:0;justify-content:flex-start}.camera-side-left .filter-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(44px,auto);gap:6px;flex:0 0 auto;overflow:visible;align-content:start}#camera-view .filter-chip{flex:none;min-height:44px;padding:5px}#camera-view .filter-chip-swatch{flex:0 0 auto;max-height:18px;min-height:18px}#camera-view .filter-chip-label{font-size:.5rem;line-height:1.15}.camera-hud{padding:12px 8px 10px;gap:6px}.camera-hud-actions{gap:6px}.photo-progress{font-size:.75rem;padding:4px 10px;box-shadow:2px 2px 0 var(--ink)}.btn-capture,.btn-retake-last{flex:1 1 0;min-width:0;min-height:42px;font-size:.78rem;padding:0 8px;box-shadow:2px 2px #111}.camera-side{padding:8px;gap:6px;overflow:visible;min-height:auto;min-width:0;width:100%;max-width:100%}.camera-side.panel{padding:6px}.camera-side .panel-title{font-size:.68rem}.camera-filter-panel{padding:6px;gap:5px;border-radius:8px}.camera-filter-head .panel-title{font-size:.58rem;text-align:center}.camera-filter-hint{display:none}.filter-picker{gap:4px;width:100%;max-width:100%}.filter-chip{flex:1 1 0;min-height:0;width:100%;flex-direction:column;align-items:stretch;gap:3px;padding:4px;border-radius:6px;box-shadow:2px 2px #111;touch-action:manipulation}.filter-chip-swatch{width:100%;flex:1 1 auto;min-height:0;max-height:26px;height:auto;border-radius:5px}.filter-chip-label{width:100%;font-size:.52rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-chip.active{box-shadow:1px 1px #111}.camera-side-right .panel-title{flex:0 0 auto;text-align:center;font-size:.58rem;letter-spacing:.05em}.camera-side-right .strip-wrap-side{flex:1 1 auto;width:100%;min-height:0;max-height:100%;padding:4px;margin:0;align-content:end}#camera-view .strip-wrap-side{width:100%;max-width:none;min-height:200px;height:auto;max-height:none;padding:6px;flex:1 1 auto;display:flex;align-items:center;justify-content:center}#camera-view .strip-wrap-side .strip-canvas{width:auto;height:auto;max-width:100%;max-height:min(340px,72vw);aspect-ratio:591 / 1772;object-fit:contain;margin-inline:auto}.camera-side-right{display:flex;flex-direction:column}.camera-side-right .camera-strip-title{flex:0 0 auto}.camera-side-right .strip-hint,.camera-side-right .field-hint{font-size:.65rem;margin:0;text-align:center}.page{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.template-page,#page-template{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#page-template .template-pick-layout{display:flex;flex-direction:column;gap:10px;height:auto;min-height:0;flex:0 1 auto;align-items:stretch}#page-template .template-pick-layout>*{min-height:auto;overflow:visible}#page-template .template-pick-list-panel,#page-template .template-pick-preview-panel{flex:0 0 auto;min-height:auto;overflow:visible}#page-template .template-pick-preview-wrap{flex:0 0 auto;min-height:200px;max-height:none;padding:10px}#page-template .template-pick-preview-img{flex:1 1 auto;min-height:140px;max-height:min(360px,55vh)}#page-template .template-list.template-list-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;flex:0 0 auto;min-height:auto;max-height:none;overflow:visible}.template-list.template-list-pick .template-btn-pick-card span{font-size:.62rem}.template-pick-actions .btn{min-height:48px;font-size:.78rem}.studio-page{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.studio-page>.template-pick-layout,.studio-page>.studio-pick-layout{height:auto;min-height:0;flex:0 0 auto}#page-studio .studio-dual-preview{grid-template-columns:unset;grid-template-rows:unset;min-height:0;max-height:none}.studio-dual-preview{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);height:auto;min-height:clamp(200px,36vh,320px);max-height:none;gap:6px}.studio-duo-view.template-pick-preview-wrap{min-height:0;max-height:none;padding:6px}.studio-duo-label{font-size:.58rem}.studio-strip-canvas{max-height:100%;width:auto;height:auto}.studio-live-video{max-height:100%;width:auto;max-width:100%}.studio-side-panel{padding-bottom:max(8px,env(safe-area-inset-bottom))}.a3-page{flex:1;min-height:0;-webkit-overflow-scrolling:touch}.a3-header{flex-direction:column;align-items:flex-start;gap:4px}.a3-slot-info{font-size:.72rem;line-height:1.35}.a3-actions .btn,.archive-actions .btn{flex:1 1 100%;width:100%;min-height:44px;font-size:.68rem;padding:0 10px}.strip-archive{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.studio-pick-layout{width:100%}.studio-side-panel{align-items:stretch;width:100%}.studio-qr-wrap,.studio-qr-stage{margin-inline:auto}.studio-preview-panel.panel{padding:8px;gap:6px}.a3-panel.panel{padding:10px;gap:8px}.strip-archive-panel.panel{padding:10px}.camera-filter-head{flex:0 0 auto}.camera-side-left.panel,.camera-side-right.panel{box-shadow:2px 2px 0 var(--ink)}.camera-status-inline{font-size:.65rem;padding:0 4px;text-align:center;line-height:1.25}.studio-btn-main,.studio-btn-block,.studio-action-row .btn{min-height:36px;font-size:.58rem;padding:0 6px}.studio-wa-label{font-size:.62rem}.panel{padding:12px;gap:10px}.archive-actions{grid-template-columns:1fr}.template-list.template-list-studio{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:12px;padding:4px 2px 10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.template-list.template-list-studio .template-btn{flex:0 0 auto;width:124px;scroll-snap-align:start;padding:10px}.template-list.template-list-studio .template-btn span{font-size:.65rem}.actions{gap:8px}.actions .btn{flex:1 1 calc(50% - 8px);min-width:0;width:auto;font-size:.72rem;min-height:42px;padding:0 8px;box-shadow:3px 3px 0 var(--ink)}.studio-actions .btn,.wa-actions .btn{flex:none;width:100%}.wa-actions{grid-template-columns:1fr}.phone-prefix{padding:0 10px;font-size:.9rem}.phone-input{padding:11px 12px;font-size:.95rem}.a3-wrap{padding:10px}.a3-wrap-page{min-height:0}.a3-canvas{max-width:100%;max-height:none;width:auto}.a3-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.a3-nav .btn-nav{min-width:0;width:100%;font-size:.68rem}.page-indicator{min-width:0;font-size:.68rem;padding:8px 6px}.app .btn{min-width:0}.header,.page-tabs.step-tabs{flex-shrink:0}}@media(max-width:720px){.a3-actions{display:flex;flex-direction:column}}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{min-height:52px;min-width:140px;padding:0 18px;border:var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-family:var(--font);font-size:.92rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s ease,box-shadow .08s ease}.btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:4px 4px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(5px,5px);box-shadow:1px 1px 0 var(--ink)}.btn:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:3px 3px #999;border-color:#666;color:#666}.btn.active-toggle{background:var(--blue);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn-primary{background:var(--blue)}.btn-accent-yellow{background:var(--yellow)}.btn-accent-pink{background:var(--pink)}.btn-secondary{background:var(--surface)}.btn-danger{background:var(--danger);color:#fff}.btn-nav{min-width:76px;min-height:34px;background:var(--surface);font-size:.72rem;padding:0 10px;box-shadow:3px 3px 0 var(--ink)}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result-card{background:var(--bg);border:var(--border);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.result-card img{width:100%;aspect-ratio:var(--preview-ratio);object-fit:cover;display:block;border-bottom:var(--border)}.result-label{text-align:center;padding:8px;font-size:.85rem;font-weight:700}.template-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-list.template-list-pick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.1vw,12px);padding:16px;flex:1;min-height:0;overflow:auto;width:100%;align-content:start;background:var(--scroll-zone);border:2px solid var(--ink);border-radius:8px;box-shadow:inset 3px 3px #1111110f;container-type:inline-size;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--blue) var(--scroll-zone)}@container (max-width: 380px){.template-list.template-list-pick{grid-template-columns:repeat(2,minmax(0,1fr))}}.template-list.template-list-pick .template-btn-pick-card{position:relative;width:100%;min-width:0;height:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:clamp(4px,1.2cqi,8px);padding:clamp(6px,1.8cqi,10px);text-align:center;background:var(--surface);border:2px solid var(--ink);border-radius:8px;box-shadow:3px 3px 0 var(--ink);transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease,opacity .12s ease}.template-list.template-list-pick:has(.template-btn-pick-card.active) .template-btn-pick-card:not(.active){opacity:.52;filter:saturate(.65)}.template-list.template-list-pick .template-btn-pick-card.active{opacity:1;filter:none;background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px);outline:3px solid var(--pink);outline-offset:2px;z-index:1}.template-list.template-list-pick .template-btn-pick-card.active:before{content:"✓";position:absolute;top:4px;right:4px;z-index:2;display:flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;font-size:.72rem;font-weight:700;line-height:1;color:var(--ink);background:var(--pink);border:2px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);pointer-events:none}.template-list.template-list-pick .template-btn-pick-card .template-pick-thumb{flex:0 0 auto;display:block;width:100%;height:auto;max-height:clamp(72px,22cqi,168px);margin:0 auto;aspect-ratio:auto;object-fit:contain;object-position:top center;border:2px dashed rgba(17,17,17,.2);border-radius:6px;background:#fafafa;padding:3px}.template-list.template-list-pick .template-btn-pick-card span{flex:0 0 auto;font-size:clamp(.58rem,2.4cqi,.72rem);line-height:1.15;letter-spacing:.02em;white-space:normal;overflow:visible;text-overflow:unset}.template-list.template-list-pick .template-btn-pick-card.active .template-pick-thumb{border:2px solid var(--ink);border-style:solid;background:#fff}.template-list.template-list-pick .template-btn-pick-card.active span{font-weight:700;letter-spacing:.05em;text-transform:uppercase}.template-list.template-list-pick .template-meta{font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.template-list.template-list-studio{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:4px 2px 6px;width:100%;max-width:100%}.template-list.template-list-studio .template-btn{width:100%;min-width:0;flex-direction:column;gap:6px;padding:10px;box-shadow:3px 3px #111}.template-list.template-list-studio .template-btn img{width:100%;aspect-ratio:1 / 3;object-fit:cover;border-width:2px;border-radius:6px}.template-list.template-list-studio .template-btn span{font-size:.68rem;line-height:1.15}.template-btn{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--surface);border:var(--border);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--ink);cursor:pointer;text-align:center;font-family:var(--font);transition:transform .08s ease,box-shadow .08s ease,background .08s ease}.template-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.template-btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.template-btn.active{background:var(--blue);box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.template-btn img{width:100%;aspect-ratio:1 / 3;object-fit:cover;object-position:top;border:2px solid var(--ink);border-radius:6px;background:#eee;display:block}.template-btn span{font-size:.82rem;font-weight:700}.strip-panel{position:sticky;top:20px;min-height:520px}.strip-wrap{display:flex;justify-content:center;background:var(--bg);border:var(--border);border-radius:8px;padding:20px}.strip-wrap-large{min-height:480px;align-items:center}.strip-canvas{width:min(240px,100%);height:auto;aspect-ratio:591 / 1772;background:#fff;border:var(--border);border-radius:6px;display:block}.field-label{font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.phone-row{display:flex;align-items:stretch;width:100%;max-width:100%;min-width:0;border:var(--border);border-radius:8px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.phone-prefix{display:flex;align-items:center;flex:0 0 auto;padding:0 12px;background:var(--yellow);font-weight:700;border-right:var(--border)}.phone-input{flex:1 1 auto;min-width:0;width:100%;border:none;outline:none;padding:12px 14px;font-family:var(--font);font-size:1rem;font-weight:600}.field-hint{font-size:.8rem;color:var(--muted);line-height:1.35;word-break:break-word}.admin-form{display:flex;flex-direction:column;gap:10px}.admin-input{width:100%;border:var(--border);border-radius:8px;padding:12px 14px;font-family:var(--font);font-size:1rem;font-weight:600}.admin-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:var(--border);border-radius:8px;padding:8px 10px}.admin-row a{color:inherit;font-weight:700;word-break:break-all}.admin-app{overflow:hidden;max-width:none;padding:0;gap:0}.admin-shell{flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr) minmax(280px,380px)}.admin-side{display:flex;flex-direction:column;gap:6px;padding:14px 12px;border-right:var(--border);background:var(--surface);min-height:0}.admin-side-brand{font-weight:700;letter-spacing:.04em;padding:4px 8px 12px}.admin-nav-btn{text-align:left;background:transparent;box-shadow:none}.admin-nav-btn.active{background:var(--yellow)}.admin-nav-count{float:right;font-weight:700}.admin-side-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.admin-main{min-width:0;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.admin-preview{min-width:0;min-height:0;overflow:auto;border-left:var(--border);background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:10px}.admin-preview-frame{background:var(--bg);border:var(--border);border-radius:8px;min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.admin-preview-frame img,.admin-preview-frame video{display:block;width:100%;max-height:62vh;object-fit:contain;background:#fff}.admin-meta{display:grid;gap:6px;font-size:.85rem}.admin-meta div{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:4px}.admin-meta span{color:var(--muted)}.admin-row-btn{width:100%;text-align:left;background:transparent;box-shadow:none;border:none;font:inherit;font-weight:700;cursor:pointer;padding:0}tr.selected td{background:var(--yellow)}@media(max-width:980px){.admin-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}.admin-side{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:var(--border)}.admin-side-foot{margin-top:0;flex-direction:row}.admin-preview{border-left:none;border-top:var(--border);max-height:46vh}}.admin-page{overflow:auto;gap:12px;padding-bottom:24px}.admin-card{padding:16px}.admin-login{max-width:420px;width:100%;margin:24px auto}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.admin-stat{padding:14px 16px}.admin-stat-label{font-size:.72rem;font-weight:700;letter-spacing:.06em}.admin-stat-value{font-size:1.6rem;font-weight:700;line-height:1.1}.admin-table-wrap{overflow-x:auto;margin-top:12px}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-template-form{max-width:640px}.admin-textarea{resize:vertical;min-height:4rem;font-family:inherit}.admin-textarea-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.admin-template-dims{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-template-thumb{width:48px;height:auto;max-height:120px;object-fit:contain;border-radius:4px;background:#f0f0f0}.admin-template-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:flex-start}.admin-template-table td{vertical-align:top}.admin-template-table .download-meta{text-align:left;margin-top:4px}.admin-pill{display:inline-block;padding:2px 8px;font-size:.75rem;font-weight:700;border:2px solid var(--ink);background:#c8f7c5}.admin-pill.inactive{background:#eee}.admin-modal-overlay{position:fixed;inset:0;z-index:6000;display:flex;align-items:center;justify-content:center;padding:16px;background:#1111118c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.admin-modal{width:min(960px,100%);max-height:min(92vh,900px);overflow:auto;padding:16px 18px 20px;background:var(--surface)}.admin-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-modal-close{min-width:44px;padding:8px 12px;line-height:1}.admin-template-modal-body{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:16px;align-items:start}.admin-template-preview-col{display:flex;flex-direction:column;gap:8px}.admin-template-preview-stage{position:relative;width:100%;max-height:420px;overflow:hidden;border:3px solid var(--ink);background:repeating-conic-gradient(#e8e8e8 0% 25%,#f5f5f5 0% 50%) 50% / 16px 16px;box-shadow:4px 4px 0 var(--ink)}.admin-template-preview-img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}.admin-template-preview-empty{padding:48px 12px;text-align:center}.admin-template-slot-overlay{position:absolute;box-sizing:border-box;border:2px dashed #00c2ff;background:#00c2ff26;pointer-events:none}.admin-template-preview-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-file-btn{cursor:pointer;margin:0}.admin-file-btn input{display:none}.admin-dim-field{display:flex;flex-direction:column;gap:4px;font-size:.72rem;font-weight:700;letter-spacing:.04em}.admin-json-toggle{align-self:flex-start}.admin-template-table .admin-template-thumb{width:56px;max-height:140px}@media(max-width:800px){.admin-template-modal-body{grid-template-columns:1fr}}.admin-table th,.admin-table td{text-align:left;padding:8px 10px;border-bottom:2px solid var(--ink);vertical-align:middle}.admin-table th{font-size:.72rem;letter-spacing:.05em}.admin-table a{color:inherit;font-weight:700;word-break:break-all}.admin-actions{display:flex;justify-content:flex-end;gap:8px;white-space:nowrap}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-subhead{margin-top:18px}@media(max-width:700px){.admin-stats{grid-template-columns:1fr}}.a3-page{width:100%;min-height:0;flex:1;gap:10px;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:max(12px,env(safe-area-inset-bottom))}.a3-panel{width:100%;flex:0 0 auto;min-height:0;overflow:visible}.a3-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.a3-slot-info{font-size:.85rem;font-weight:600;color:var(--muted)}.a3-nav{display:flex;align-items:center;justify-content:center;gap:14px}.page-indicator{min-width:110px;text-align:center;font-weight:700;letter-spacing:.04em;background:var(--blue);border:var(--border);border-radius:8px;box-shadow:var(--shadow-sm);padding:10px 12px}.a3-wrap{display:flex;justify-content:center;align-items:center;background:var(--bg);border:var(--border);border-radius:8px;padding:12px;flex:1;min-height:0;overflow:hidden}.a3-wrap-page{align-items:flex-start;justify-content:flex-start}.a3-page .a3-wrap{flex:0 0 auto;min-height:auto;overflow:visible}.a3-canvas{width:auto;height:auto;max-width:min(100%,440px);max-height:none;aspect-ratio:3508 / 4961;background:#fff;border:var(--border);border-radius:4px;display:block;object-fit:contain}.a3-actions{flex-wrap:wrap}.strip-archive-panel{flex:0 0 auto;min-height:0;overflow:visible}.strip-archive{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;overflow:visible}.archive-strip-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:3px solid var(--ink);border-radius:8px;background:#fff;box-shadow:3px 3px 0 var(--ink);cursor:pointer;font-family:var(--font);font-size:.7rem;font-weight:700}.archive-strip-btn img{width:100%;aspect-ratio:1 / 3;object-fit:cover;border:2px solid var(--ink);border-radius:4px;display:block;background:#eee}.archive-strip-btn.selected{background:var(--yellow);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.archive-live-tag{position:absolute;top:4px;right:4px;z-index:1;padding:2px 5px;font-size:.55rem;font-weight:700;letter-spacing:.06em;background:var(--pink);border:2px solid var(--ink);border-radius:4px;box-shadow:1px 1px 0 var(--ink)}@media(max-width:900px){.download-btn{min-height:56px;font-size:.92rem}.step-tabs .btn-nav{font-size:.58rem;padding:6px;line-height:1.15}}.a3-actions{margin-top:2px;justify-content:center}.error{flex:0 0 auto;padding:14px 16px;background:#ffe0e0;color:#7a1010;font-weight:600}.error[hidden]{display:none}.restore-draft-overlay{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#1111118c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.restore-draft-overlay[hidden]{display:none!important}.restore-draft-card{width:min(420px,100%);padding:20px;gap:12px;background:var(--yellow)}.restore-draft-summary{font-size:.92rem;font-weight:600;line-height:1.45}.restore-draft-hint{font-size:.82rem;color:var(--muted);font-weight:600}.restore-draft-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.restore-draft-actions .btn{flex:1 1 calc(50% - 10px);min-width:140px}@media(max-width:900px){#page-template.template-page{display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#page-template .template-pick-actions{position:sticky;bottom:0;z-index:2;padding-top:4px;background:linear-gradient(to top,var(--surface) 70%,transparent)}}@media(max-width:900px){.step-full{display:none}.step-short{display:inline}.app{--app-pad-inline: max(10px, env(safe-area-inset-right));padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:8px}.header{gap:8px;padding:8px}.logo{font-size:1.05rem}.page-tabs{gap:6px}.page-tabs .step-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;padding:4px 4px 6px;font-size:.78rem;line-height:1.1;letter-spacing:.01em;text-transform:none}.page-tabs .step-btn:before{font-size:.62rem;font-weight:800;letter-spacing:.08em;line-height:1;opacity:.72}#step-template:before{content:"1"}#step-camera:before{content:"2"}#step-studio:before{content:"3"}.page-tabs .step-btn:disabled:not(.active){opacity:.4}.page-tabs .step-btn.done:not(.active){background:#dff7c8}#page-template.template-page{display:flex;flex-direction:column;overflow:hidden}#page-template .template-pick-layout{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:auto;overflow:hidden;gap:8px}#page-template .template-pick-list-panel{flex:1 1 auto;min-height:0;overflow:hidden;padding:10px;gap:8px}#page-template .template-pick-list-panel>.panel-title{font-size:.78rem}#page-template .template-list.template-list-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1 1 auto;min-height:0;max-height:none;overflow:auto;padding:8px;align-content:start}#page-template .template-list.template-list-pick .template-btn-pick-card{min-height:0;padding:10px 8px 12px;gap:8px}#page-template .template-list.template-list-pick .template-btn-pick-card .template-pick-thumb{width:min(100%,120px);max-height:min(24vh,160px)}#page-template .template-list.template-list-pick .template-btn-pick-card span{font-size:.84rem;line-height:1.25}#page-template .template-pick-preview-panel{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:visible;padding:10px}#page-template .template-pick-preview-panel>.panel-title{display:none}#page-template .template-pick-preview-wrap{flex:0 0 auto;flex-direction:row;align-items:center;justify-content:flex-start;min-height:0;max-height:none;padding:0;gap:10px;border:none;background:transparent}#page-template .template-pick-preview-img{flex:0 0 auto;width:52px;height:78px;min-height:0;max-height:78px;object-fit:contain}#page-template .template-pick-preview-name{flex:1 1 auto;text-align:left;font-size:1rem;line-height:1.2;letter-spacing:.02em}#page-template .template-pick-actions{position:static;padding:0;background:none}#page-template .template-pick-actions .btn{min-height:54px;font-size:1rem;letter-spacing:.04em}#camera-view.camera-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"cam" "note" "filters" "shutter";gap:8px;overflow:hidden;align-content:stretch;padding-bottom:0}#camera-view .camera-center,#camera-view .camera-preview-slot{display:contents}#camera-view .camera-frame{grid-area:cam;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;aspect-ratio:var(--slot-aspect);justify-self:center;box-shadow:3px 3px #111}#camera-view .camera-status-inline{display:block;position:static;grid-area:note;z-index:auto;margin:0;padding:8px 10px;font-size:.85rem;font-weight:700;line-height:1.3;text-align:center;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#camera-view .camera-side-right{position:absolute;grid-area:cam;inset:8px 8px auto auto;width:72px;max-height:calc(100% - 16px);z-index:6;padding:4px;gap:2px;overflow:hidden;background:#fffffff0;pointer-events:none}#camera-view .camera-side-right .camera-strip-title{font-size:0;line-height:0}#camera-view .camera-side-right .camera-strip-title:after{content:"Strip";font-size:.68rem;line-height:1.2;letter-spacing:.04em}#camera-view .strip-wrap-side{flex:1 1 auto;width:100%;min-height:0;height:auto;max-height:none;padding:4px;display:flex;align-items:center;justify-content:center}#camera-view .strip-wrap-side .strip-canvas{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:591 / 1772}#camera-view .camera-side-left{grid-area:filters;min-height:0;min-width:0;padding:8px;overflow:hidden;align-self:stretch}#camera-view .camera-filter-panel{flex:0 0 auto;min-height:0;height:auto;gap:0}#camera-view .camera-filter-head{display:none}#camera-view .filter-picker{display:flex;flex-direction:row;gap:8px;flex:0 0 auto;min-height:0;overflow-x:auto;overflow-y:hidden;align-items:stretch;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:2px}#camera-view .filter-chip{flex:1 0 72px;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:auto;min-width:72px;min-height:72px;padding:8px 6px;border-radius:8px;scroll-snap-align:start}#camera-view .filter-chip:last-child:nth-child(odd){grid-column:auto}#camera-view .filter-chip-swatch{flex:0 0 26px;width:100%;height:26px;min-height:26px;max-height:26px}#camera-view .filter-chip-label{width:100%;flex:0 0 auto;font-size:.85rem;line-height:1.15;text-align:center;white-space:normal;overflow:hidden}#camera-view .camera-hud{grid-area:shutter;align-self:end;position:static;left:auto;right:auto;bottom:auto;transform:none;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:2px 0 0;background:none;pointer-events:auto}#camera-view .camera-hud-actions{width:100%}#camera-view .photo-progress{font-size:.78rem;padding:8px 10px;white-space:nowrap}#camera-view .btn-capture,#camera-view .btn-retake-last{flex:1 1 0;width:auto;min-width:0;min-height:56px;font-size:.95rem;padding:0 12px}#page-studio.studio-page{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(8px,env(safe-area-inset-bottom))}#page-studio .studio-pick-layout{display:flex;flex-direction:column;flex:0 0 auto;min-height:0;height:auto;width:100%;gap:10px;overflow:visible}#page-studio .studio-preview-panel{flex:0 0 auto;height:auto;min-height:0;overflow:visible;padding:10px 10px 8px}#page-studio .studio-result-title{font-size:.82rem;padding-top:2px;margin-bottom:2px}.studio-swipe-hint{display:block;flex:0 0 auto;margin:0 0 6px;font-size:.72rem;font-weight:700;text-align:center;color:var(--muted)}#page-studio .studio-dual-preview{display:flex;flex-direction:row;flex:0 0 auto;align-items:flex-start;min-height:0;max-height:none;height:auto;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch}#page-studio .studio-duo-col{flex:0 0 min(92vw,380px);min-width:0;min-height:0;align-self:flex-start;scroll-snap-align:center}#page-studio .studio-duo-label{align-self:center;font-size:.68rem;padding:3px 10px;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink)}#page-studio .studio-duo-view.template-pick-preview-wrap{flex:0 0 auto;width:100%;height:min(54vh,500px);min-height:min(48vh,440px);max-height:min(58vh,520px);container-type:size;padding:6px}#page-studio .studio-duo-view .studio-strip-canvas,#page-studio .studio-duo-view .studio-live-video{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:591 / 1772}#page-studio .studio-side-panel{flex:0 0 auto;width:100%;gap:10px;padding:0 0 max(4px,env(safe-area-inset-bottom))}#page-studio .studio-qr-block{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:12px}#page-studio .studio-qr-block .panel-title{align-self:stretch;font-size:.8rem;text-align:center}#page-studio .studio-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}#page-studio .studio-qr-stage{width:min(56vw,200px);height:min(56vw,200px);max-height:200px}#page-studio .studio-qr-spinner,#page-studio .studio-qr-img{width:100%;height:100%}#page-studio .studio-qr-link{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;min-height:48px;font-size:.78rem;background:var(--pink)}#page-studio .studio-qr-status{font-size:.72rem;text-align:center;width:100%;max-width:320px}#page-studio .studio-btn-block,#page-studio .studio-btn-main,#page-studio .studio-action-row .btn{width:100%;min-height:52px;font-size:.88rem;padding:0 12px}.download-app{padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.download-panel{padding:14px}.download-frame-inner img,.download-frame-inner video{max-height:min(46vh,460px)}.download-btn{min-height:54px;font-size:.95rem}.a3-actions .btn,.archive-actions .btn,.actions .btn{min-height:48px;font-size:.85rem}.restore-draft-actions{flex-direction:column}.restore-draft-actions .btn{flex:none;width:100%;min-width:0;min-height:52px;font-size:.9rem}.error{font-size:.9rem;line-height:1.35}}@media(max-width:900px)and (orientation:landscape){#camera-view.camera-layout{grid-template-columns:minmax(0,1.4fr) minmax(168px,.7fr);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"cam filters" "note note" "shutter shutter"}#camera-view .camera-frame{width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:var(--slot-aspect);align-self:center;justify-self:center}#camera-view .camera-hud{align-self:stretch}#camera-view .camera-side-right{top:8px;left:8px;right:auto;width:64px;max-height:70%}#camera-view .camera-side-left{min-height:0;overflow:hidden}#camera-view .camera-filter-panel{height:100%;min-height:0}#camera-view .filter-picker{flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}#camera-view .filter-chip{flex:0 0 auto;flex-direction:row;justify-content:flex-start;width:100%;min-height:44px;min-width:0}#camera-view .filter-chip-swatch{flex:0 0 22px;width:22px}#camera-view .filter-chip-label{text-align:left;font-size:.85rem}}@media(hover:none){.btn:hover:not(:disabled),.template-btn:hover,.filter-chip:hover:not(:disabled):not(.active),.filter-btn:hover{transform:none}}