:root{color:#20242a;background:#edf1f4;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.home-page{min-height:100vh;padding:28px clamp(14px,3vw,48px) 48px;background:radial-gradient(circle at 10% 0%,rgba(255,220,236,.9),transparent 34%),radial-gradient(circle at 88% 8%,rgba(220,232,255,.85),transparent 34%),linear-gradient(180deg,#fff4fb,#f7f4ff 52%,#f5f8ff)}.home-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1480px;margin:0 auto 18px}.home-header h1{margin:0;color:#182032;font-size:clamp(30px,4vw,58px);line-height:1.05;letter-spacing:0}.home-header p:last-child{max-width:620px;margin:12px 0 0;color:#7b8294;font-size:16px;line-height:1.7}.home-filter{display:flex;flex-wrap:wrap;gap:10px;max-width:1480px;margin:0 auto 24px}.home-filter .tag-button{min-width:82px;padding:0 16px;border-color:#ff7aaa47;box-shadow:0 8px 22px #d65e8e14}.booth-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px 28px;max-width:1480px;margin:0 auto;align-items:start}.booth-card{display:grid;grid-template-columns:minmax(118px,.9fr) minmax(118px,.82fr);min-height:318px;overflow:hidden;background:#fffffff5;border:1px solid rgba(255,122,170,.12);border-radius:18px;box-shadow:0 18px 45px #74597f1f}.booth-strip{position:relative;display:grid;grid-template-rows:repeat(4,1fr) auto;gap:7px;min-height:318px;padding:14px 13px 10px;overflow:hidden;color:var(--template-accent);background:var(--template-bg);border:0;border-right:1px solid rgba(255,255,255,.7);border-radius:0}.booth-strip:before,.booth-strip:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}.booth-strip:before{background:var(--template-frame);opacity:.26}.booth-strip:after{opacity:.82}.booth-strip[data-pattern=sparkle]:after,.booth-strip[data-pattern=blossom]:after{background:radial-gradient(circle at 12% 10%,var(--template-accent) 0 4px,transparent 5px),radial-gradient(circle at 82% 18%,var(--template-accent) 0 5px,transparent 6px),radial-gradient(circle at 16% 82%,var(--template-accent) 0 4px,transparent 5px),radial-gradient(circle at 88% 74%,var(--template-accent) 0 5px,transparent 6px)}.booth-strip[data-pattern=flower]:after,.booth-strip[data-pattern=meadow]:after{background:radial-gradient(circle at 14% 82%,var(--template-accent) 0 7px,transparent 8px),radial-gradient(circle at 20% 78%,var(--template-accent) 0 7px,transparent 8px),radial-gradient(circle at 86% 16%,var(--template-accent) 0 6px,transparent 7px),repeating-linear-gradient(105deg,transparent 0 26px,var(--template-accent) 27px 30px,transparent 31px 58px);opacity:.48}.booth-strip[data-pattern=heart]:after,.booth-strip[data-pattern=bow]:after{background:radial-gradient(circle at 16% 16%,var(--template-accent) 0 7px,transparent 8px),radial-gradient(circle at 22% 16%,var(--template-accent) 0 7px,transparent 8px),radial-gradient(ellipse at 82% 12%,var(--template-accent) 0 16px,transparent 17px),radial-gradient(ellipse at 94% 12%,var(--template-accent) 0 16px,transparent 17px)}.booth-strip[data-pattern=checker]:after{background-image:linear-gradient(45deg,var(--template-accent) 25%,transparent 25%),linear-gradient(-45deg,var(--template-accent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--template-accent) 75%),linear-gradient(-45deg,transparent 75%,var(--template-accent) 75%);background-size:26px 26px;background-position:0 0,0 13px,13px -13px,-13px 0;opacity:.34}.booth-strip[data-pattern=flame]:after,.booth-strip[data-pattern=zangai]:after,.booth-strip[data-pattern=glitch]:after,.booth-strip[data-pattern=mars]:after,.booth-strip[data-pattern=crown]:after{background:repeating-linear-gradient(90deg,transparent 0 16px,var(--template-accent) 17px 20px,transparent 21px 38px),radial-gradient(circle at 18% 86%,var(--template-accent) 0 8px,transparent 9px),radial-gradient(circle at 88% 12%,var(--template-accent) 0 7px,transparent 8px);opacity:.56}.booth-slot{position:relative;z-index:1;display:block;background:#e5e5e5;border:4px solid color-mix(in srgb,var(--template-frame) 78%,white);box-shadow:inset 0 0 0 1px #0000000a}.booth-slot[data-shape=circle],.booth-slot[data-shape=oval]{border-radius:999px}.booth-slot[data-shape=arch]{border-radius:44px 44px 10px 10px}.booth-slot[data-shape=rounded]{border-radius:14px}.booth-strip b{position:relative;z-index:1;align-self:end;color:color-mix(in srgb,var(--template-ink) 84%,white);font-size:11px;letter-spacing:2px}.strip-decoration{position:absolute;z-index:2;pointer-events:none}.strip-decoration-star{top:8%;left:10%;width:18px;aspect-ratio:1;background:#ffe98b;clip-path:polygon(50% 0,61% 34%,97% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,3% 35%,39% 34%);filter:drop-shadow(0 0 3px rgba(255,255,255,.9))}.strip-decoration-swoosh{top:34%;left:6%;width:46px;height:34px;border:3px solid rgba(255,255,255,.88);border-right-color:transparent;border-bottom-color:transparent;border-radius:999px;transform:rotate(-16deg)}.strip-decoration-swoosh:after,.strip-decoration-burst:before,.strip-decoration-burst:after{position:absolute;content:""}.strip-decoration-swoosh:after{right:-9px;bottom:3px;width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:11px 5px #ff4aa3eb}.strip-decoration-burst{right:10%;top:61%;width:42px;height:42px;background:linear-gradient(90deg,transparent 46%,rgba(255,255,255,.92) 47% 53%,transparent 54%),linear-gradient(0deg,transparent 46%,rgba(255,255,255,.92) 47% 53%,transparent 54%);transform:rotate(18deg)}.strip-decoration-burst:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 47%,rgba(255,255,255,.92) 48% 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,rgba(255,255,255,.92) 48% 52%,transparent 53%)}.strip-decoration-rabbit{right:7%;bottom:8%;width:31px;height:26px;background:#fff4c8;border:3px solid #171717;border-radius:38% 38% 30% 30%}.strip-decoration-rabbit:before,.strip-decoration-rabbit:after{position:absolute;top:-19px;width:9px;height:23px;content:"";background:#fff4c8;border:3px solid #171717;border-bottom:0;border-radius:999px 999px 0 0}.strip-decoration-rabbit:before{left:5px;transform:rotate(-9deg)}.strip-decoration-rabbit:after{right:5px;transform:rotate(9deg)}.booth-strip[data-shots="4"] .booth-slot,.booth-strip[data-shots="3"] .booth-slot,.booth-strip[data-shots="2"] .booth-slot{border-radius:10px}.template-swatch[data-shots="4"],.template-swatch[data-shots="3"],.template-swatch[data-shots="2"]{position:relative;overflow:hidden}.template-swatch[data-shots="4"] i,.template-swatch[data-shots="3"] i,.template-swatch[data-shots="2"] i{display:grid;grid-template-rows:repeat(4,1fr);gap:3px;padding:3px}.template-swatch[data-shots="4"] i:before,.template-swatch[data-shots="3"] i:before,.template-swatch[data-shots="2"] i:before,.template-swatch[data-shots="4"] i:after,.template-swatch[data-shots="3"] i:after,.template-swatch[data-shots="2"] i:after{display:block;content:"";background:#dedede;border-radius:4px;box-shadow:0 12px #dedede,0 24px #dedede,0 36px #dedede}.template-swatch[data-shots="4"] i b,.template-swatch[data-shots="3"] i b,.template-swatch[data-shots="2"] i b{display:none}.swatch-decoration{position:absolute;z-index:2;pointer-events:none}.swatch-star{top:6px;left:6px;width:12px;aspect-ratio:1;background:#ffe98b;clip-path:polygon(50% 0,61% 34%,97% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,3% 35%,39% 34%)}.swatch-swoosh{top:26px;left:7px;width:24px;height:18px;border:2px solid rgba(255,255,255,.92);border-right-color:transparent;border-bottom-color:transparent;border-radius:999px;transform:rotate(-16deg)}.swatch-rabbit{right:5px;bottom:7px;width:17px;height:14px;background:#fff4c8;border:2px solid #171717;border-radius:38% 38% 30% 30%}.swatch-rabbit:before,.swatch-rabbit:after{position:absolute;top:-11px;width:5px;height:13px;content:"";background:#fff4c8;border:2px solid #171717;border-bottom:0;border-radius:999px 999px 0 0}.swatch-rabbit:before{left:2px}.swatch-rabbit:after{right:2px}.booth-info{display:flex;flex-direction:column;min-width:0;padding:28px 18px 18px}.booth-info h2{margin:0;color:#162032;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:24px;line-height:1.25;letter-spacing:0}.booth-info p{margin:10px 0 0;color:#7b8294;font-size:13px;line-height:1.55}.booth-stats{display:grid;gap:8px;margin-top:auto;color:#788297;font-size:16px}.booth-stats span:first-child{color:#ff6689}.booth-use{align-self:flex-start;min-height:36px;margin-top:18px;padding:0 14px;color:#ff5e7f;background:#fff7f9;border:1px solid #ffd8e1;border-radius:10px}.back-home{min-height:36px;color:#20242a;background:#fff;border:1px solid rgba(32,36,42,.12);border-radius:8px}.app-shell{min-height:100vh;padding:24px;background:linear-gradient(135deg,#e6ecefeb,#f8f9f6f0),repeating-linear-gradient(90deg,rgba(32,36,42,.04) 0 1px,transparent 1px 72px)}.workspace{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:24px;max-width:1360px;min-height:calc(100vh - 48px);margin:0 auto}.side-panel{display:flex;flex-direction:column;gap:22px;max-height:calc(100vh - 48px);padding:22px;overflow:auto;background:#ffffffe6;border:1px solid rgba(32,36,42,.08);border-radius:8px;box-shadow:0 18px 55px #24303a1f}.brand{display:flex;gap:14px;align-items:center}.brand-mark{display:grid;width:48px;height:48px;place-items:center;color:#fff;background:#1f9d84;border-radius:8px}.brand h1,.preview-topbar h2,.section-title h2{margin:0;letter-spacing:0}.brand h1{font-size:22px;line-height:1.2}.eyebrow{margin:0 0 5px;color:#65727d;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.step-button{display:grid;gap:6px;place-items:center;min-height:66px;color:#4d5964;background:#f6f8f9;border:1px solid rgba(32,36,42,.08);border-radius:8px}.step-button span{display:grid;width:24px;height:24px;place-items:center;color:#fff;font-size:12px;font-weight:800;background:#7a8790;border-radius:999px}.step-button.active{color:#11161b;background:#e5f5ef;border-color:#1f9d84}.step-button.active span{background:#1f9d84}.control-section{display:grid;gap:14px}.section-title{display:flex;align-items:center;gap:8px;color:#20242a}.section-title h2{font-size:18px}.tag-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tag-button{min-height:38px;color:#20242a;background:#fff;border:1px solid rgba(32,36,42,.12);border-radius:8px}.tag-button.active{color:#fff;background:#20242a;border-color:#20242a}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filter-grid{display:grid;gap:10px}.template-card{display:grid;grid-template-columns:52px 1fr;gap:4px 10px;align-items:center;width:100%;min-height:96px;padding:10px;text-align:left;color:#20242a;background:#fff;border:1px solid rgba(32,36,42,.1);border-radius:8px}.template-card.selected{border-color:#1f9d84;box-shadow:0 0 0 3px #1f9d8424}.template-card strong{align-self:end;font-size:14px;line-height:1.2}.template-badge{justify-self:start;align-self:start;padding:2px 7px;color:#fff;font-size:11px;font-style:normal;font-weight:800;background:#20242a;border-radius:999px}.template-card small{grid-column:2;color:#65727d;font-size:12px;line-height:1.45}.template-swatch{display:grid;grid-row:span 2;width:52px;height:70px;padding:6px;border:2px solid;border-radius:8px}.template-swatch i{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:5px}.template-swatch b{display:block;width:62%;height:64%;background:radial-gradient(circle at 50% 28%,currentColor 0 18%,transparent 19%),radial-gradient(ellipse at 50% 78%,currentColor 0 38%,transparent 39%);opacity:.9}.template-swatch[data-shape=circle] b{border-radius:50%}.template-swatch[data-shape=arch] b{border-radius:48% 48% 10px 10px}.choice-button{min-height:44px;color:#20242a;background:#fff;border:1px solid rgba(32,36,42,.12);border-radius:8px}.choice-button.selected{color:#fff;background:#20242a;border-color:#20242a}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:8px}.primary-action{color:#fff;background:#20242a;border:1px solid #20242a}.secondary-action{color:#20242a;background:#fff;border:1px solid rgba(32,36,42,.14)}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hint-text{margin:0;color:#65727d;line-height:1.7}.field-label{color:#4d5964;font-size:13px;font-weight:700}select{width:100%;min-height:44px;padding:0 12px;color:#20242a;background:#fff;border:1px solid rgba(32,36,42,.14);border-radius:8px}.preview-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;min-width:0;padding:22px;overflow:auto;background:#15181ced;border-radius:8px;box-shadow:0 18px 55px #24303a2e}.preview-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff}.preview-topbar h2{font-size:24px}.status-pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;color:#1d2b25;font-weight:800;background:#dff6ef;border-radius:999px;white-space:nowrap}.camera-frame,.result-frame{position:relative;display:grid;place-items:center;align-self:center;justify-self:center;width:min(100%,760px);max-height:calc(100vh - 150px);overflow:hidden;background:#0f1115;border:1px solid rgba(255,255,255,.1);border-radius:8px}.camera-frame{aspect-ratio:4 / 3}.camera-frame video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.face-guide{position:absolute;width:36%;aspect-ratio:3 / 4;border:2px solid rgba(255,255,255,.82);border-radius:999px;box-shadow:0 0 0 999px #0000002e;pointer-events:none}.shot-counter{position:absolute;top:18px;left:18px;z-index:2;padding:8px 13px;color:#fff;font-size:18px;font-weight:900;background:#20242ab8;border-radius:999px}.shot-thumbs{position:absolute;right:14px;bottom:14px;z-index:2;display:flex;gap:8px;max-width:calc(100% - 28px);padding:8px;overflow-x:auto;background:#ffffffbd;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shot-thumbs img{width:72px;aspect-ratio:4 / 3;object-fit:cover;border:2px solid #ffffff;border-radius:6px}.camera-error{position:absolute;right:18px;bottom:18px;left:18px;margin:0;padding:12px 14px;color:#fff;background:#d13b50eb;border-radius:8px}.result-frame{background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.08) 75%);background-color:#222832;background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.template-live-preview{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:4%;width:100%;height:100%;padding:7%;overflow:hidden;color:var(--template-ink);background:var(--template-bg)}.template-live-preview:before{position:absolute;top:4%;right:4%;bottom:4%;left:4%;content:"";background:var(--template-frame);border-radius:8px}.template-live-preview:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.85;pointer-events:none}.template-live-preview[data-pattern=ribbon]:after{background:linear-gradient(90deg,transparent 8%,var(--template-accent) 8% 12%,transparent 12%),linear-gradient(0deg,transparent 72%,var(--template-accent) 72% 76%,transparent 76%)}.template-live-preview[data-pattern=dots]:after{background-image:radial-gradient(circle,var(--template-accent) 0 3px,transparent 4px);background-position:8% 86%;background-size:32px 32px}.template-live-preview[data-pattern=stripe]:after{background:repeating-linear-gradient(115deg,transparent 0 24px,var(--template-accent) 25px 29px,transparent 30px 56px);opacity:.28}.template-live-preview[data-pattern=ticket]:after{top:8%;right:8%;bottom:8%;left:8%;border:2px dashed var(--template-accent);border-radius:8px}.template-live-preview[data-pattern=stamp]:after{top:7%;right:7%;bottom:auto;left:auto;width:24%;height:10%;border:4px solid var(--template-accent)}.template-live-preview[data-pattern=flower]:after,.template-live-preview[data-pattern=blossom]:after{background:radial-gradient(circle at 12% 82%,var(--template-accent) 0 8px,transparent 9px),radial-gradient(circle at 16% 78%,var(--template-accent) 0 8px,transparent 9px),radial-gradient(circle at 20% 82%,var(--template-accent) 0 8px,transparent 9px),radial-gradient(circle at 16% 86%,var(--template-accent) 0 8px,transparent 9px),radial-gradient(circle at 84% 18%,var(--template-accent) 0 7px,transparent 8px),radial-gradient(circle at 88% 14%,var(--template-accent) 0 7px,transparent 8px),radial-gradient(circle at 92% 18%,var(--template-accent) 0 7px,transparent 8px),radial-gradient(circle at 88% 22%,var(--template-accent) 0 7px,transparent 8px);opacity:.78}.template-live-preview[data-pattern=meadow]:after{background:radial-gradient(circle at 18% 78%,#ffffff 0 5px,transparent 6px),radial-gradient(circle at 23% 83%,#ffffff 0 5px,transparent 6px),radial-gradient(circle at 78% 82%,#ffffff 0 5px,transparent 6px),repeating-linear-gradient(105deg,transparent 0 22px,var(--template-accent) 23px 27px,transparent 28px 54px);opacity:.55}.template-live-preview[data-pattern=bow]:after{background:radial-gradient(ellipse at 82% 16%,var(--template-accent) 0 22px,transparent 23px),radial-gradient(ellipse at 92% 16%,var(--template-accent) 0 22px,transparent 23px),radial-gradient(circle at 87% 16%,var(--template-frame) 0 8px,transparent 9px),linear-gradient(90deg,transparent 0 8%,var(--template-accent) 8% 11%,transparent 11%);opacity:.82}.template-live-preview[data-pattern=sparkle]:after{background:radial-gradient(circle at 18% 20%,var(--template-accent) 0 3px,transparent 4px),radial-gradient(circle at 28% 82%,var(--template-accent) 0 4px,transparent 5px),radial-gradient(circle at 78% 24%,var(--template-accent) 0 5px,transparent 6px),radial-gradient(circle at 86% 78%,var(--template-accent) 0 4px,transparent 5px),conic-gradient(from 45deg at 15% 30%,transparent 0 18%,var(--template-accent) 18% 25%,transparent 25% 100%),conic-gradient(from 45deg at 84% 66%,transparent 0 18%,var(--template-accent) 18% 25%,transparent 25% 100%);opacity:.75}.template-live-preview[data-pattern=heart]:after{background:radial-gradient(circle at 14% 78%,var(--template-accent) 0 10px,transparent 11px),radial-gradient(circle at 20% 78%,var(--template-accent) 0 10px,transparent 11px),linear-gradient(45deg,transparent 0 76%,var(--template-accent) 76% 82%,transparent 82%),radial-gradient(circle at 84% 18%,var(--template-accent) 0 8px,transparent 9px),radial-gradient(circle at 90% 18%,var(--template-accent) 0 8px,transparent 9px);opacity:.72}.template-live-preview[data-pattern=zangai]:after{background:radial-gradient(circle at 16% 82%,var(--template-accent) 0 10px,transparent 11px),radial-gradient(circle at 22% 82%,var(--template-accent) 0 10px,transparent 11px),linear-gradient(45deg,transparent 0 72%,var(--template-accent) 72% 76%,transparent 76%),repeating-linear-gradient(135deg,transparent 0 18px,var(--template-accent) 19px 22px,transparent 23px 46px);opacity:.55}.template-live-preview[data-pattern=mars]:after{background:radial-gradient(circle at 18% 20%,var(--template-accent) 0 4px,transparent 5px),radial-gradient(circle at 86% 72%,var(--template-accent) 0 5px,transparent 6px),repeating-linear-gradient(90deg,transparent 0 26px,var(--template-accent) 27px 30px,transparent 31px 58px);opacity:.42}.template-live-preview[data-pattern=flame]:after{background:radial-gradient(ellipse at 18% 94%,var(--template-accent) 0 22px,transparent 23px),radial-gradient(ellipse at 32% 94%,var(--template-accent) 0 26px,transparent 27px),radial-gradient(ellipse at 48% 94%,var(--template-accent) 0 20px,transparent 21px),radial-gradient(ellipse at 68% 94%,var(--template-accent) 0 28px,transparent 29px),radial-gradient(ellipse at 84% 94%,var(--template-accent) 0 22px,transparent 23px);opacity:.72}.template-live-preview[data-pattern=glitch]:after{background:linear-gradient(90deg,transparent 6%,var(--template-accent) 6% 24%,transparent 24%),linear-gradient(90deg,transparent 48%,var(--template-accent) 48% 74%,transparent 74%),repeating-linear-gradient(0deg,transparent 0 15px,rgba(255,255,255,.18) 16px 18px,transparent 19px 34px);background-size:100% 23%,100% 19%,100% 100%;background-position:0 22%,0 77%,0 0;background-repeat:no-repeat,no-repeat,repeat;opacity:.68}.template-live-preview[data-pattern=checker]:after{background-image:linear-gradient(45deg,var(--template-accent) 25%,transparent 25%),linear-gradient(-45deg,var(--template-accent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--template-accent) 75%),linear-gradient(-45deg,transparent 75%,var(--template-accent) 75%);background-size:32px 32px;background-position:0 0,0 16px,16px -16px,-16px 0;opacity:.23}.template-live-preview[data-pattern=crown]:after{background:conic-gradient(from 45deg at 84% 18%,transparent 0 13%,var(--template-accent) 13% 23%,transparent 23% 100%),radial-gradient(circle at 15% 82%,var(--template-accent) 0 4px,transparent 5px),radial-gradient(circle at 24% 76%,var(--template-accent) 0 6px,transparent 7px),radial-gradient(circle at 78% 82%,var(--template-accent) 0 5px,transparent 6px);opacity:.82}.preview-header,.mock-avatar,.preview-footer{position:relative;z-index:1}.preview-header,.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-header strong{color:var(--template-accent);font-size:clamp(28px,7vw,54px)}.preview-header span,.preview-footer{font-size:clamp(13px,2.2vw,22px);font-weight:700}.preview-footer b{color:var(--template-accent)}.mock-avatar{display:grid;place-self:center;place-items:center;width:min(58%,430px);aspect-ratio:.86 / 1;overflow:hidden;background:color-mix(in srgb,var(--template-accent) 18%,white);border:clamp(6px,1.1vw,12px) solid var(--template-accent);box-shadow:0 20px 50px #00000029}.template-live-preview[data-shape=circle] .mock-avatar{aspect-ratio:1;border-radius:50%}.template-live-preview[data-shape=oval] .mock-avatar{border-radius:50%}.template-live-preview[data-shape=arch] .mock-avatar{border-radius:48% 48% 8px 8px}.template-live-preview[data-shape=rounded] .mock-avatar{border-radius:22px}.mock-avatar span{width:36%;aspect-ratio:1;margin-top:6%;background:var(--template-accent);border-radius:50%}.mock-avatar i{width:64%;height:40%;margin-top:-1%;background:var(--template-accent);border-radius:50% 50% 18% 18%}.final-preview{width:100%;height:100%;object-fit:contain}.result-frame.strip-result{align-self:start;width:min(100%,430px);max-height:none;overflow:visible;background:transparent}.result-frame.strip-result .final-preview{display:block;width:100%;height:auto;object-fit:contain}.hidden-canvas{display:none}@media (max-width: 1100px){.booth-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}@media (max-width: 900px){.home-page{padding:18px 12px 36px}.home-header{align-items:flex-start;flex-direction:column}.booth-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.booth-card,.booth-strip{min-height:290px}.app-shell{padding:12px}.workspace{grid-template-columns:1fr;min-height:auto}.side-panel,.preview-stage{max-height:none;padding:16px}.preview-stage{min-height:520px}.stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.booth-grid{grid-template-columns:1fr}.booth-card{grid-template-columns:minmax(128px,.86fr) minmax(128px,.9fr)}}@media (max-width: 560px){.brand{align-items:flex-start}.brand h1{font-size:20px}.template-grid{grid-template-columns:1fr}.template-card{grid-template-columns:50px 1fr}.template-swatch{width:50px;height:64px}.preview-topbar{align-items:flex-start;flex-direction:column}.preview-stage{min-height:440px}.action-row{grid-template-columns:1fr}}