:root{font-family:Inter,Noto Sans TC,system-ui,sans-serif;color:#241f26;background:#f7f4f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1100px;margin:0 auto;padding:0 22px 72px}.shell.compact{max-width:760px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{border:0;background:none;font-weight:900;letter-spacing:.08em;font-size:18px;color:#6f5a78}.hero-card{background:#fff;border:1px solid #e9e0eb;border-radius:28px;padding:44px;margin-top:36px}.hero-card h1,.welcome h1{font-size:clamp(32px,6vw,62px);line-height:1.05;margin:10px 0 18px;letter-spacing:-.04em}.hero-card p,.welcome p{color:#756d78;line-height:1.7}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.16em;color:#8b7397}.primary,.ghost{border-radius:14px;min-height:46px;padding:0 18px;border:1px solid transparent;font-weight:800}.primary{color:#fff;background:#8f7899}.primary.alt{background:#5f5564}.primary:disabled{opacity:.5;cursor:default}.ghost{background:#fff;border-color:#ded5e1;color:#514955}.ghost.tiny{min-height:36px;padding:0 12px;font-size:13px}.notice{color:#a15454!important;font-size:13px}.loading{padding:80px 0;text-align:center;color:#776d7a}.welcome{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:42px 0 24px}.userbox{display:flex;align-items:center;gap:10px}.userbox img{width:44px;height:44px;border-radius:50%}.redeem-card{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:18px;background:#e9e0eb;border-radius:22px;padding:22px;align-items:center}.redeem-card span{display:block;color:#6f6572;font-size:13px;margin-top:4px}.redeem-row{display:grid;grid-template-columns:1fr auto;gap:10px}input,select{width:100%;min-height:46px;border:1px solid #d8cedb;border-radius:12px;background:#fff;padding:0 14px;font-size:16px;outline:none}input:focus,select:focus{border-color:#8f7899;box-shadow:0 0 0 3px #8f789922}.collection{padding-top:34px}.section-title h2{margin:0 0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.frame-card{border-radius:22px;overflow:hidden;background:#fff;border:1px solid #e6dee8}.thumb{aspect-ratio:3/4;background:#2c282e;display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.placeholder{color:#fff5;font-weight:900;letter-spacing:.12em}.frame-meta{padding:16px}.frame-meta span{color:#8f7899;font-size:12px;font-weight:800}.frame-meta h3{margin:4px 0 14px}.frame-meta .primary{width:100%}.empty{display:flex;flex-direction:column;gap:6px;padding:34px;border:1px dashed #cfc3d2;border-radius:18px;text-align:center;color:#716876}html.camera-lock,body.camera-lock{overflow:hidden;overscroll-behavior:none;height:100%}.camera-shell{position:fixed;inset:0;width:100%;max-width:none!important;height:100dvh;padding:0 14px;display:flex;flex-direction:column;overflow:hidden;background:#f7f4f7}.camera-shell .topbar{flex:0 0 52px;height:52px}.camera-title{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:6px 0 10px;min-height:66px}.camera-title-text{min-width:0}.camera-title h2{margin:3px 0 0;font-size:clamp(20px,5vw,28px);line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-back{flex:0 0 auto}.camera-viewport{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-stage{position:relative;flex:0 0 auto;max-width:100%;max-height:100%;background:#171518;border-radius:22px;overflow:hidden}.camera-stage video,.camera-stage .overlay,.camera-stage .result{position:absolute;inset:0;width:100%;height:100%}.camera-stage video{object-fit:cover}.camera-stage .overlay,.camera-stage .result{object-fit:fill;pointer-events:none}.camera-stage .mirror{transform:scaleX(-1)}.camera-status{position:absolute;left:12px;right:12px;bottom:12px;background:#000b;color:#fff;border-radius:12px;padding:10px 12px;text-align:center;z-index:4;font-size:13px}.camera-dock{flex:0 0 auto;padding:10px 0 max(8px,env(safe-area-inset-bottom));background:#f7f4f7}.camera-actions{min-height:78px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px}.camera-actions .ghost,.camera-actions .primary{min-width:0}.camera-side-button{width:min(28vw,150px);padding-left:10px;padding-right:10px}.shutter{flex:0 0 auto;width:72px;height:72px;border-radius:50%;border:3px solid #8f7899;padding:5px;background:transparent}.shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#8f7899}.privacy-note{margin:3px 0 0;text-align:center;color:#7b727e;font-size:11px;line-height:1.35}.admin-login{max-width:520px;margin-left:auto;margin-right:auto;display:grid;gap:12px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e6dee8;border-radius:22px;padding:22px}.panel h2{margin-top:0}.panel label{display:block;font-weight:700;font-size:13px;margin:14px 0}.panel label input,.panel label select{margin-top:6px;font-weight:400}.help{color:#786f7b;font-size:12px;line-height:1.6}.codebox{margin:14px 0;padding:14px;border-radius:12px;background:#f4f0f5;max-height:240px;overflow:auto;display:grid;gap:4px}.codebox code{font-size:13px}.admin-list{display:grid;gap:8px}.admin-item{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #eee8ef;padding:10px 0}.admin-item span{color:#776d7a;font-size:13px}@media(max-width:720px){.shell{padding:0 14px 48px}.hero-card{padding:28px 22px;margin-top:16px}.welcome{align-items:flex-start;padding-top:24px}.welcome h1{font-size:34px}.redeem-card,.redeem-row,.admin-grid{grid-template-columns:1fr}.camera-title{align-items:flex-start}}.admin-item>div{min-width:0}.admin-code{display:block;margin-top:4px;color:#776d7a;font-size:12px;word-break:break-all}@media(max-width:720px){.camera-shell{padding:0 10px}.camera-shell .topbar{flex-basis:44px;height:44px}.camera-title{min-height:58px;padding:4px 0 8px}.camera-back{min-height:42px;padding:0 13px}.camera-stage{border-radius:18px}.camera-dock{padding-top:7px}.camera-actions{min-height:72px;gap:10px}.shutter{width:68px;height:68px}.camera-side-button{font-size:14px}}@media(max-height:700px){.camera-shell .topbar{flex-basis:40px;height:40px}.camera-title{min-height:48px;padding:2px 0 5px}.camera-title .eyebrow{display:none}.camera-title h2{font-size:20px}.camera-actions{min-height:62px}.shutter{width:58px;height:58px}.privacy-note{display:none}}.file-field{margin:14px 0 0}.file-field-title{margin-bottom:7px;font-size:13px;font-weight:700;color:#241f26}.panel .file-upload{position:relative;margin:0!important;min-height:86px;padding:14px;border:1.5px dashed #cbbdcf;border-radius:15px;background:#faf7fb;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;overflow:hidden;cursor:pointer;font-size:inherit;font-weight:inherit;transition:border-color .18s ease,background-color .18s ease}@media(hover:hover)and (pointer:fine){.panel .file-upload:hover{border-color:#9a83a4;background:#f7f1f8}}.panel .file-upload:focus-within{border-color:#8f7899;box-shadow:0 0 0 3px #8f78991f}.panel .file-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-upload-icon{width:44px;height:44px;border-radius:12px;background:#eee5f0;color:#846f8e;display:grid;place-items:center;font-size:26px;font-weight:500;line-height:1}.file-upload-copy{min-width:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}.file-upload-copy b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#342d36;font-size:14px;line-height:1.35}.file-upload-copy small{color:#817584;font-size:12px;font-weight:500;line-height:1.35}.file-upload-action{min-height:38px;padding:0 13px;border:1px solid #d8cddd;border-radius:11px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#615667;font-size:12px;font-weight:800;white-space:nowrap}.file-upload-help{margin:9px 0 0}.admin-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.admin-item-actions>span{white-space:nowrap}.ghost.danger{color:#87545e;border-color:#dcc8cd;background:#fff}@media(max-width:600px){.panel .file-upload{grid-template-columns:40px minmax(0,1fr);min-height:82px}.file-upload-icon{width:40px;height:40px}.file-upload-action{grid-column:1 / -1;width:100%}.admin-item{align-items:flex-start}.admin-item-actions{width:100%;justify-content:space-between;margin-top:8px}}:root{--antique-green:#263a34;--antique-green-soft:#344b43;--antique-gold:#aa8a55;--antique-gold-light:#c8ae7c;--antique-wine:#713b35;--antique-ivory:#f7f2e9;--antique-paper:#fcf9f3;--antique-line:#d9cebc;--antique-ink:#29231f;--antique-muted:#766d62}body{background:radial-gradient(circle at 12% 0%,rgba(170,138,85,.09),transparent 28rem),#f3efe7;color:var(--antique-ink)}.topbar{background:#f7f2e9f0;border-bottom-color:var(--antique-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.eyebrow{color:var(--antique-green)}.brand{letter-spacing:.09em}h1,h2,h3{color:#241f1b}.welcome p,.help,.sub,.panel p,.file-upload-copy small{color:var(--antique-muted)}.panel,.frame-card,.empty,.redeem-card,.hero-card{background:#fcf9f3f7;border-color:var(--antique-line);box-shadow:0 8px 26px #3a2f2209}.redeem-card{background:linear-gradient(135deg,#aa8a551c,#263a340e),var(--antique-paper)}input,select{background:#fffdf9;border-color:#d4c7b4;color:var(--antique-ink)}input:focus,select:focus{border-color:var(--antique-gold);box-shadow:0 0 0 3px #aa8a5521}button,.primary{background:var(--antique-green);border-color:var(--antique-green);color:#fffaf0}button:hover,.primary:hover{background:var(--antique-green-soft)}.ghost{background:#fffdf9;border-color:#d1c3af;color:var(--antique-green)}.ghost:hover{background:#f3ece0}.ghost.danger{background:#fffaf6;border-color:#d8beb7;color:var(--antique-wine)}.ghost.danger:hover{background:#f5e9e4;border-color:#bd9187}.panel .file-upload{background:#f8f3e9;border-color:#cdbc9e}@media(hover:hover)and (pointer:fine){.panel .file-upload:hover{background:#f3ecdf;border-color:var(--antique-gold)}}.file-upload-icon{background:#e9dfcc;color:var(--antique-green)}.file-upload-action{background:#fffdf9;border-color:#d2c3ae;color:var(--antique-green)}.admin-code{color:#806f58}.camera-shell{background:#18251f}.camera-shell .topbar{background:#18251ff0;border-bottom-color:#c8ae7c40}.camera-shell .brand{color:#f6efe2}.camera-shell .ghost{background:#f7f2e917;border-color:#c8ae7c6b;color:#f6efe2}.camera-stage{background:#0e1512;border-color:#c8ae7c4d}.camera-controls{background:linear-gradient(to top,#18251f 72%,#18251ff0)}.shutter{background:var(--antique-ivory);border-color:var(--antique-gold);box-shadow:inset 0 0 0 6px #18251f,0 0 0 2px var(--antique-gold-light)}.site-footer{margin-top:46px;padding:26px 8px 16px;border-top:1px solid var(--antique-line);text-align:center;color:#7d7367;font-size:11px;line-height:1.7;letter-spacing:.04em}.footer-mark{margin-bottom:3px;color:var(--antique-green);font-size:12px;font-weight:900;letter-spacing:.18em}@media(max-width:600px){.site-footer{margin-top:30px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}}html{min-height:100%;background:#f3efe7}body{min-height:100vh;min-height:100dvh;margin:0;background:radial-gradient(circle at 12% 0%,rgba(170,138,85,.09),transparent 28rem),#f3efe7;background-attachment:fixed}#root{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 12% 0%,rgba(170,138,85,.09),transparent 28rem),#f3efe7}.shell:not(.camera-shell){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.shell:not(.camera-shell)>.site-footer{margin-top:auto;padding-top:26px}.camera-shell{min-height:0}.artist,.artist-name,.frame-artist,.frame-card .artist,.frame-card .artist-name,.frame-card .frame-artist,.frame-card [class*=artist]{color:var(--antique-gold)!important}.redeem-card,.redeem-box{position:relative;background:linear-gradient(135deg,#263a3416,#aa8a5524),#f8f2e7!important;border:1px solid #c7b58f!important;box-shadow:0 10px 26px #40342512,inset 4px 0 0 var(--antique-gold)}.redeem-card:before,.redeem-box:before{content:"REDEEM";position:absolute;top:14px;right:18px;color:#263a3461;font-size:9px;font-weight:900;letter-spacing:.16em}.redeem-card input,.redeem-box input{background:#fffdf8;border:1.5px solid #bda981}.redeem-card input:focus,.redeem-box input:focus{border-color:var(--antique-green);box-shadow:0 0 0 3px #263a341c}@media(max-width:600px){.redeem-card:before,.redeem-box:before{display:none}}.redeem-card:before,.redeem-box:before{content:none!important;display:none!important}.brand-lockup{display:inline-flex;align-items:center;gap:13px;min-width:0;-webkit-user-select:none;user-select:none;cursor:default;pointer-events:none}.brand-logo{display:block;width:118px;height:38px;object-fit:contain;object-position:left center;flex:0 0 auto}.brand-product{display:inline-block;color:var(--antique-green);font-size:15px;font-weight:900;letter-spacing:.09em;line-height:1;white-space:nowrap}.brand-lockup:hover,.brand-lockup:active{background:transparent;color:inherit}.camera-shell .brand-product{color:#f6efe2}@media(max-width:600px){.brand-lockup{gap:9px}.brand-logo{width:92px;height:31px}.brand-product{font-size:12px;letter-spacing:.075em}}@media(max-width:390px){.brand-logo{width:78px}.brand-product{font-size:11px}}.frame-meta>span,.artist,.artist-name,.frame-artist,.frame-card .artist,.frame-card .artist-name,.frame-card .frame-artist,.frame-card [class*=artist]{color:var(--antique-green)!important}.frame-meta>span,.frame-card .artist,.frame-card .artist-name,.frame-card .frame-artist,.frame-card [class*=artist]{font-weight:800}.camera-shell{background:radial-gradient(circle at 12% 0%,rgba(170,138,85,.09),transparent 28rem),#f3efe7!important;color:var(--antique-ink)}.camera-shell .topbar{background:#f7f2e9f0!important;border-bottom-color:var(--antique-line)!important}.camera-shell .brand,.camera-shell .brand-product{color:var(--antique-green)!important}.camera-title h2{color:var(--antique-ink)}.camera-title .eyebrow{color:var(--antique-green)}.camera-shell .camera-back,.camera-shell .ghost{background:#fffaf1!important;border-color:var(--antique-gold-light)!important;color:var(--antique-green)!important}@media(hover:hover)and (pointer:fine){.camera-shell .camera-back:hover,.camera-shell .ghost:hover{background:#efe6d6!important;border-color:var(--antique-gold)!important;color:var(--antique-green)!important}}.camera-stage{background:#0e1512;border-color:#aa8a556b}.camera-dock,.camera-controls{background:#f3efe7!important}.camera-actions .ghost,.camera-actions .primary,.camera-side-button{background:#fffaf1!important;border:1px solid var(--antique-gold-light)!important;color:var(--antique-green)!important;opacity:1}.camera-actions .ghost:disabled,.camera-actions .primary:disabled,.camera-side-button:disabled{background:#eee8dc!important;border-color:#d6c8af!important;color:#8b8173!important;opacity:.72}@media(hover:hover)and (pointer:fine){.camera-actions .ghost:not(:disabled):hover,.camera-actions .primary:not(:disabled):hover,.camera-side-button:not(:disabled):hover{background:#e9dfcc!important;border-color:var(--antique-gold)!important;color:var(--antique-green)!important}}.shutter{background:var(--antique-ivory)!important;border-color:var(--antique-gold)!important;box-shadow:inset 0 0 0 3px var(--antique-green),0 0 0 2px var(--antique-gold-light)!important}.shutter span{background:var(--antique-green)!important}.shutter:disabled{opacity:.55}.privacy-note{color:#6f665b!important}.camera-status{background:#18251fe0;color:#fffaf0}.shell:not(.camera-shell)>.topbar{width:100vw;margin-left:calc(50% - 50vw);padding-left:max(22px,calc((100vw - 1100px)/2 + 22px));padding-right:max(22px,calc((100vw - 1100px)/2 + 22px));box-sizing:border-box}@media(max-width:720px){.shell:not(.camera-shell)>.topbar{padding-left:14px;padding-right:14px}}.camera-shell>.topbar{width:100vw;margin-left:calc(50% - 50vw);padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));box-sizing:border-box;flex-shrink:0}.camera-shell>.topbar{background:#f7f2e9f5!important;border-bottom:1px solid var(--antique-line)!important}@media(max-width:720px){.camera-shell>.topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}}.shell:not(.camera-shell)>.topbar{background:#f7f2e9f5!important;border-bottom:1px solid var(--antique-gold-light)!important;box-shadow:none!important}.camera-shell>.topbar{border-bottom:1px solid var(--antique-gold-light)!important}.google-login-area{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:44px}.google-login-button{min-width:220px;min-height:44px;max-width:100%}.google-login-button iframe{max-width:100%}.google-login-area .help{margin:0}.google-login-area{width:min(100%,260px);align-items:flex-start;overflow:visible}.google-login-button{width:260px;min-width:0;max-width:none;min-height:44px;overflow:visible}.google-login-button>div,.google-login-button iframe{max-width:none}@media(max-width:320px){.google-login-area,.google-login-button{width:240px}}.replace-file-control{display:inline-flex;align-items:center;max-width:200px;min-height:38px;border:1px solid #c8b58e;border-radius:10px;padding:7px 10px;cursor:pointer;color:#243b33;background:#fbf8f2}.replace-file-control input{position:absolute;width:1px;height:1px;opacity:0}.replace-file-control span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.admin-item-actions{flex-wrap:wrap}