@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:oklch(21% .018 250);font-synthesis:none;--ink:oklch(19% .018 250);--paper:oklch(97% .006 85);--line:oklch(84% .012 250);--muted:oklch(49% .018 250);--blue:oklch(49% .17 250);background:oklch(96% .006 85);font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.6}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.redeem-shell{isolation:isolate;min-height:100dvh;color:var(--ink);background:var(--paper) center/cover fixed;position:relative;overflow:hidden}.redeem-shell:before{content:"";z-index:-3;background:color-mix(in oklch,var(--paper) 92%,transparent);position:absolute;inset:0}.studio-rings{z-index:-1;border:1px solid oklch(69% .035 250/.42);border-radius:50%;width:47rem;height:47rem;position:absolute;top:15rem;left:-21rem;box-shadow:0 0 0 4rem oklch(66% .03 250/.08),0 0 0 11rem oklch(66% .03 250/.05)}.redeem-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;padding:0 30px;display:flex}.brand-mark{letter-spacing:.02em;align-items:center;gap:10px;font-size:15px;display:flex}.brand-mark>span,.admin-logo>span{background:var(--primary,var(--blue));color:#fff;border-radius:4px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.brand-mark img{object-fit:contain;max-width:90px;height:30px}.redeem-header>span{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.redeem-stage{max-width:1180px;min-height:calc(100dvh - 122px);margin:auto;padding:clamp(44px,7vh,86px) 30px 52px;position:relative}.catalog-number{color:var(--muted);letter-spacing:.15em;font-family:Barlow Condensed,Noto Sans SC,sans-serif;font-size:12px}.hero-copy{z-index:2;max-width:500px;margin:34px 0 30px;position:relative}.hero-copy p,.form-heading p{color:var(--primary,var(--blue));letter-spacing:.13em;align-items:center;gap:7px;margin:0 0 15px;font-size:11px;font-weight:800;display:flex}.hero-copy h1{letter-spacing:0;margin:0 0 20px;font-size:clamp(47px,6vw,78px);font-weight:800;line-height:1.03}.hero-copy h1 em{color:var(--primary,var(--blue));letter-spacing:.015em;font-family:Barlow Condensed,Noto Sans SC,sans-serif;font-style:normal;font-weight:600}.hero-copy>span{color:var(--muted);font-size:14px}.hero-object{z-index:1;background:radial-gradient(circle at 52% 48%,oklch(79% .07 250/.5),#0000 6%),linear-gradient(135deg,#0000 49%,oklch(80% .01 250/.35) 49.2%,#0000 49.5%);width:520px;height:320px;position:absolute;top:64px;left:45%}.hero-object>span{letter-spacing:.14em;color:var(--muted);font-family:Barlow Condensed;font-size:12px;position:absolute;bottom:0;right:2%}.camera-body{background:linear-gradient(145deg,#2b3643,#171d27 68%);border-radius:25px;width:310px;height:182px;position:absolute;top:57px;left:92px;transform:rotate(-8deg);box-shadow:28px 25px 28px oklch(19% .02 250/.24),inset 0 0 0 2px oklch(69% .02 250/.25)}.camera-body:before{content:"";background:radial-gradient(circle at 38% 35%,#5b87a9 0 7%,#0d1721 11% 42%,#334354 44% 58%,#111923 60%);border-radius:50%;width:77px;height:77px;position:absolute;top:35px;left:34px;box-shadow:0 0 0 9px #5c6c7b}.camera-body:after{content:"";background:#0a1017;border-radius:6px;width:62px;height:41px;position:absolute;top:35px;right:25px;box-shadow:inset 0 0 0 2px #4f6070}.camera-body i{background:#697785;border-radius:4px;width:35px;height:7px;position:absolute;bottom:23px}.camera-body i:first-child{left:33px}.camera-body i:nth-child(2){left:77px}.camera-body b{background:#384a5b;border-radius:50%;width:34px;height:34px;position:absolute;bottom:21px;right:28px;box-shadow:inset 0 0 0 7px #17212c}.code-panel,.address-panel{background:color-mix(in oklch,var(--paper) 96%,white);border:1px solid var(--line);z-index:3;flex-direction:column;gap:14px;width:min(100%,410px);padding:24px;display:flex;position:relative;box-shadow:10px 12px oklch(80% .01 250/.45)}.code-panel{margin-top:90px}.panel-kicker{letter-spacing:.06em;align-items:center;gap:10px;font-size:12px;display:flex}.panel-kicker span{color:var(--primary,var(--blue));font-family:Barlow Condensed;font-size:18px}.code-panel label,.address-panel label,.dialog label,.theme-form label{color:#3a4352;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.code-entry{border:1px solid var(--line);background:#fff;border-radius:3px;align-items:center;gap:10px;height:52px;padding:0 11px;display:flex}.code-entry:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.code-entry svg{color:#6a7688}.code-entry input{border:0;outline:0;flex:1;min-width:0;font-size:14px;font-weight:600}.code-entry button{color:#607086;background:0 0;padding:4px}.primary-button{background:var(--primary,var(--blue));color:#fff;letter-spacing:.02em;border-radius:3px;justify-content:center;align-items:center;gap:8px;height:48px;font-weight:800;transition:transform .18s,background .18s;display:flex}.primary-button:hover{background:color-mix(in oklch,var(--primary) 88%,black);transform:translateY(-1px)}.primary-button.small{width:max-content;height:40px;padding:0 17px}.privacy{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.form-error{color:oklch(48% .19 25);margin:0;font-size:12px}.back-button{color:var(--muted);background:0 0;align-items:center;gap:5px;display:flex;position:absolute;top:30px}.address-view{grid-template-columns:minmax(280px,1fr) 440px;align-items:center;gap:75px;margin-top:42px;display:grid}.product-visual{background-color:#0000;background-image:radial-gradient(circle at 75% 25%,#41699f 0,#0000 14%),linear-gradient(135deg,#101722,#29394b);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:335px;position:relative;overflow:hidden;box-shadow:inset 0 -120px 80px #00000080}.product-geometry{aspect-ratio:1.6;background:#192735;border:5px solid #778da5;border-radius:18px;width:52%;position:absolute;top:28%;left:26%;transform:rotate(-9deg);box-shadow:29px 11px 0 -5px #101923,60px -14px 0 -9px #4d637a}.lens{z-index:2;background:#17212c;border:8px solid #556b7e;border-radius:50%;position:absolute;box-shadow:inset 0 0 0 7px #081018}.lens.one{width:56px;height:56px;top:38%;left:35%}.lens.two{width:39px;height:39px;top:35%;left:59%}.product-copy{z-index:3;flex-direction:column;gap:5px;display:flex;position:absolute;inset:auto 17px 17px}.product-copy small{color:#b7c7da;letter-spacing:.13em;font-family:Barlow Condensed;font-size:11px}.product-copy strong{max-width:25ch;font-size:19px;line-height:1.35}.address-panel{width:100%;box-shadow:10px 12px oklch(80% .01 250/.45)}.form-heading h2{color:var(--ink);margin:0 0 6px;font-size:27px;line-height:1.2}.address-panel input,.address-panel textarea{border:1px solid var(--line);color:var(--ink);resize:vertical;background:#fff;border-radius:3px;outline:0;padding:11px}.address-panel input:focus,.address-panel textarea:focus{border-color:var(--primary)}.field-select{border:1px solid var(--line);color:#8a94a3;text-align:left;background:#fff;border-radius:3px;justify-content:space-between;align-items:center;height:43px;padding:0 11px;font-size:14px;display:flex}.field-select.filled{color:var(--ink)}.sheet-backdrop,.dialog-backdrop{z-index:10;background:oklch(17% .018 250/.42);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.region-sheet{color:var(--ink);background:#fff;border-radius:6px 6px 0 0;width:min(100%,620px)}.region-sheet header,.dialog header{border-bottom:1px solid #e8ecf1;justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex}.region-sheet header button,.dialog header button{color:#4b586a;background:0 0}.text-button{font-weight:700;color:var(--primary)!important}.region-columns{grid-template-columns:repeat(3,1fr);height:330px;display:grid}.region-column{border-right:1px solid #edf0f4;min-width:0}.region-column>small{color:#8290a1;height:38px;padding:12px 14px 0;display:block}.region-column>div{height:292px;overflow:auto}.region-column button{text-align:left;color:#485568;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:11px 13px;font-size:13px;display:flex}.region-column button.selected{background:color-mix(in oklch,var(--primary) 9%,white);color:var(--primary);font-weight:700}.success-view{text-align:center;width:min(100%,500px);margin:0 auto;padding-top:5px}.success-icon{color:#fff;background:oklch(59% .14 155);border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 15px;display:grid}.success-view>p{color:var(--primary);letter-spacing:.1em;font-size:11px;font-weight:700}.success-view h1{margin:8px 0 27px;font-size:36px}.product-visual.compact{height:150px}.product-visual.compact .product-copy strong{font-size:14px}.receipt{color:var(--ink);text-align:left;border:1px solid var(--line);background:#fff;margin:18px 0;padding:5px 20px}.receipt div{border-bottom:1px solid #e4e8ee;gap:17px;padding:14px 0;display:flex}.receipt div:last-child{border:0}.receipt span{color:var(--muted);flex:0 0 52px;font-size:12px}.receipt b{font-size:13px;line-height:1.5}.success-view>small{color:var(--muted)}.redeem-shell footer{text-align:center;color:var(--muted);padding:16px;font-size:10px;position:relative}.admin-shell{background:oklch(96% .006 85);grid-template-columns:236px 1fr;min-height:100vh;display:grid}.admin-shell aside{color:#ced6e0;background:#171c23;flex-direction:column;padding:26px 14px;display:flex}.admin-logo{color:#f3f6fb;align-items:center;gap:9px;padding:0 8px;font-size:15px;display:flex}.admin-shell nav{flex-direction:column;gap:3px;margin-top:48px;display:flex}.admin-shell nav button{color:#95a3b5;text-align:left;background:0 0;border-radius:3px;align-items:center;gap:11px;height:42px;padding:0 12px;font-size:13px;display:flex}.admin-shell nav button.active{color:#f6f8fb;background:#303a47;font-weight:700}.logout{color:#8492a4;text-align:left;background:0 0;margin-top:auto;padding:12px}.admin-content{width:100%;max-width:1440px;padding:42px clamp(24px,5vw,76px)}.admin-content>header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.admin-content header p{color:#8491a2;margin:0 0 5px;font-size:12px}.admin-content header h1{letter-spacing:0;margin:0;font-size:30px}.admin-status{color:#587087;align-items:center;gap:7px;font-size:12px;display:flex}.admin-status i{background:#28a66d;border-radius:50%;width:8px;height:8px}.notice{color:#fff;z-index:20;background:#152538;border-radius:3px;padding:12px 17px;font-size:13px;position:fixed;top:20px;right:25px}.stat-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:28px;display:grid}.stat-grid article{background:#fff;padding:22px}.stat-grid p{color:#6d7b8d;margin:0;font-size:12px}.stat-grid b{margin-top:14px;font-family:Barlow Condensed;font-size:39px;line-height:1;display:block}.stat-grid b small{color:#8491a1;margin-left:4px;font-family:Manrope;font-size:11px}.data-panel,.import-panel,.theme-panel{border:1px solid var(--line);background:#fff}.data-panel{padding:22px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.panel-title h2{margin:0;font-size:16px}.panel-title>span{color:#8794a5;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:740px;font-size:13px}th{text-align:left;color:#7a8797;background:#f7f8fa;font-weight:600}th,td{border-bottom:1px solid #e9edf1;padding:13px 12px}td b,td small{display:block}td small{color:#8491a1;margin-top:3px;font-size:11px}.empty{text-align:center;color:#8a97a7;padding:38px}.toolbar{justify-content:flex-end;margin-bottom:15px;display:flex}.product-admin-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.product-admin-list article{border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}.product-admin-list .compact{border-radius:0;height:185px}.tag{color:#657386;background:#eef1f4;border-radius:3px;padding:5px 7px;font-size:11px;position:absolute;top:12px;left:12px}.tag.active{color:#248557;background:#e4f5eb}.icon-button{color:#4d5b6d;background:#fff;border-radius:3px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.dialog-backdrop{align-items:center;padding:16px}.dialog{background:#fff;border-radius:4px;flex-direction:column;gap:14px;width:min(100%,440px);padding:0 22px 22px;display:flex}.dialog header{padding:0}.dialog h2{font-size:18px}.dialog input,.theme-form input,.theme-form textarea{border:1px solid #dce2e8;border-radius:3px;outline:0;padding:10px}.dialog .switch-row{flex-direction:row;align-items:center}.dialog small{color:#738197;font-weight:400}.import-panel{max-width:760px;padding:30px}.import-panel svg{color:var(--blue)}.import-panel h2{margin:9px 0;font-size:19px}.import-panel p{color:#728093;font-size:13px}.import-panel textarea{resize:vertical;border:1px solid #d9e0e7;border-radius:3px;outline:0;width:100%;margin:20px 0 12px;padding:13px;line-height:1.7}.import-panel small{color:#8290a1;margin-top:22px;display:block}.import-result{color:#248557!important}.outline-button{color:#365b86;background:#fff;border:1px solid #cdd7e4;border-radius:3px;align-items:center;gap:6px;height:35px;padding:0 12px;display:flex}.theme-panel{grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.theme-preview{color:#fff;background:#121a25 50%/cover;min-height:420px;padding:50px;position:relative}.theme-preview:before{content:"";background:linear-gradient(125deg,#0b121ce6,#0b121c4d);position:absolute;inset:0}.theme-preview>*{position:relative}.theme-preview span{background:var(--primary);border-radius:3px;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.theme-preview b{margin-top:80px;font-size:28px;display:block}.theme-preview p{color:#c2cad5}.theme-form{flex-direction:column;gap:15px;padding:28px;display:flex}.theme-form textarea{resize:vertical;min-height:80px}.theme-form input[type=color]{height:42px;padding:4px}.admin-login{background:#171c23;place-items:center;min-height:100vh;display:grid}.admin-login section{background:#fff;border-radius:4px;width:min(100% - 32px,390px);padding:34px}.admin-login .admin-logo{color:#1c2634;padding:0}.admin-login h1{margin:36px 0 8px;font-size:25px}.admin-login p{color:#718094;font-size:13px;line-height:1.6}.admin-login form{flex-direction:column;gap:13px;margin-top:25px;display:flex}.admin-login input{border:1px solid #dbe1e7;border-radius:3px;outline:0;height:46px;padding:0 12px}.loading-page{color:#456;place-items:center;min-height:100vh;display:grid}@media (width<=760px){.redeem-header{height:64px;padding:0 18px}.redeem-header>span{font-size:10px}.redeem-stage{min-height:calc(100dvh - 104px);padding:35px 18px 30px}.catalog-number{font-size:10px}.hero-copy{max-width:330px;margin:24px 0 230px}.hero-copy h1{font-size:51px}.hero-copy>span{max-width:25ch;font-size:13px;line-height:1.6;display:block}.hero-object{width:350px;height:235px;top:242px;left:20px}.camera-body{transform-origin:0 0;top:42px;left:35px;transform:scale(.72)rotate(-8deg)}.hero-object>span{right:10px}.code-panel{width:100%;margin-top:0;padding:20px;box-shadow:7px 8px oklch(80% .01 250/.45)}.address-view{flex-direction:column;gap:17px;margin-top:28px;display:flex}.product-visual{width:100%;height:235px}.address-panel{padding:20px}.back-button{top:12px}.success-view h1{font-size:30px}.studio-rings{top:31rem}.admin-shell{display:block}.admin-shell aside{z-index:5;flex-direction:row;align-items:center;height:62px;padding:9px 13px;position:sticky;top:0}.admin-shell nav{flex-direction:row;flex:1;gap:1px;margin:0 0 0 14px;overflow:auto}.admin-shell nav button{white-space:nowrap;height:39px;padding:0 9px;font-size:12px}.admin-shell nav button svg{display:none}.logout{margin:0;padding:8px;font-size:0}.logout:after{content:"退出";font-size:12px}.admin-content{padding:26px 16px}.admin-content>header{align-items:flex-start;margin-bottom:21px}.admin-content header h1{font-size:23px}.admin-status{display:none}.stat-grid{grid-template-columns:repeat(2,1fr);gap:1px}.stat-grid article{padding:15px}.stat-grid b{font-size:32px}.data-panel{padding:15px}.theme-panel{grid-template-columns:1fr}.theme-preview{min-height:260px}.theme-preview b{margin-top:48px}.region-columns{height:300px}.region-column>div{height:262px}.product-admin-list{grid-template-columns:1fr}.admin-logo{padding:0}.admin-logo b{font-size:14px}}@media (prefers-reduced-motion:no-preference){.hero-copy,.code-panel{animation:.55s cubic-bezier(.16,1,.3,1) both reveal}.code-panel{animation-delay:.1s}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}.hero-object{background-image:url(/design-reference/redeem-entry.png);background-position:50% 57%;background-size:cover;overflow:hidden}.hero-object:after{content:"";box-shadow:inset 0 0 58px 24px var(--paper);pointer-events:none;position:absolute;inset:0}.hero-object>span{z-index:2;color:#fff;text-shadow:0 1px 5px #000;bottom:3%;right:3%}.camera-body{display:none}.product-visual{background-color:#111;background-position:50% 7%;background-size:100%;box-shadow:inset 0 -130px 70px #000000bd}.product-geometry,.product-visual .lens{display:none}.product-copy{inset:auto 22px 20px}.product-copy strong{color:#fff}.product-visual.compact{height:300px;box-shadow:none;background-position:50% 7%}.success-view{background-image:linear-gradient(oklch(70% .015 250/.22) 1px,#0000 1px),linear-gradient(90deg,oklch(70% .015 250/.22) 1px,#0000 1px);background-size:100% 150px,150px 100%;padding:28px 18px}@media (width>=761px){.hero-copy h1{font-size:64px}}@media (width<=760px){.hero-copy{margin-bottom:250px}.hero-copy h1{font-size:38px;line-height:1.08}.hero-object{background-color:#d8d5cd;background-position:50% -186px;background-repeat:no-repeat;background-size:100%;width:calc(100% - 36px);height:250px;top:252px;left:18px}.hero-object:after{box-shadow:inset 0 0 30px 13px var(--paper)}.address-view .product-visual{background-position:50% 7%;width:calc(100% + 36px);margin-left:-18px}.address-panel{box-shadow:none}.success-view .product-visual{width:100%;margin-left:0}.product-visual.compact{height:270px}}.product-actions{gap:6px;display:flex;position:absolute;top:12px;right:12px}.icon-button.inline{position:static}.operations-stack{flex-direction:column;gap:16px;display:flex}.import-strip,.fulfillment-toolbar{border:1px solid var(--line);background:#fff;grid-template-columns:minmax(210px,1fr) minmax(280px,2fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.import-strip>div,.fulfillment-toolbar>div{align-items:center;gap:12px;display:flex}.import-strip span,.fulfillment-toolbar span{flex-direction:column;gap:3px;display:flex}.import-strip small,.fulfillment-toolbar small,.inventory-note{color:var(--muted);font-size:11px}.import-strip textarea{resize:none;border:1px solid var(--line);height:52px;padding:9px 11px;line-height:1.5}.fulfillment-toolbar{grid-template-columns:1fr auto}.status-badge{color:#566579;background:#edf0f3;border-radius:3px;padding:4px 7px;font-size:11px;display:inline-flex}.status-badge.redeemed,.status-badge.shipped{color:#237b52;background:#e3f3ea}.status-badge.disabled{color:#925151;background:#f2e9e9}.dialog select{background:#fff;border:1px solid #dce2e8;height:42px;padding:0 9px}.dialog-order{background:#f6f7f8;margin:0;padding:12px;font-size:13px}.dialog-order small{margin-top:5px;display:block}.field-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.preview-shell{background:var(--paper);min-height:100vh;color:var(--ink)}.preview-shell>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.preview-shell>header span{color:var(--muted);font-size:11px}.preview-shell>section{width:min(100% - 32px,430px);margin:0 auto;padding:38px 0 60px}.preview-label{letter-spacing:.12em;color:var(--primary,var(--blue));font-family:Barlow Condensed;font-size:12px}.preview-shell h1{margin:18px 0 26px;font-size:48px;line-height:1.08}.preview-shell h1 em{color:var(--blue);font-style:normal}.preview-product{background:#111 50%/cover no-repeat;height:330px}.preview-meta{flex-direction:column;gap:5px;padding:16px 0 24px;display:flex}.preview-meta small{color:var(--muted)}.preview-meta b{font-size:20px}.preview-form{border:1px solid var(--line);flex-direction:column;gap:12px;padding:20px;display:flex}.preview-form label{font-size:12px;font-weight:700}.preview-form div{border:1px solid var(--line);color:#9299a2;height:50px;padding:15px}.preview-form button{background:var(--blue);color:#fff;height:48px;font-weight:800}.data-type-badge{color:oklch(45% .025 250);white-space:nowrap;background:oklch(97% .006 250);border:1px solid oklch(81% .015 250);border-radius:3px;align-items:center;width:max-content;margin-top:5px;padding:3px 7px;font-size:10px;font-weight:700;line-height:1.3;display:inline-flex}.data-type-badge.test{color:oklch(42% .11 52);background:oklch(95% .035 65);border-color:oklch(78% .065 65)}.test-data-row{background:oklch(98% .014 70)}.test-data-row:hover{background:oklch(96% .025 70)!important}.test-code-workbench{background:oklch(99% .008 75);border:1px solid oklch(84% .04 70);padding:0}.test-code-workbench>header{border-bottom:1px solid oklch(88% .03 70);justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:13px 18px;display:flex}.test-workbench-title{align-items:center;gap:11px;display:flex}.test-workbench-title>span{color:oklch(42% .11 52);background:oklch(92% .04 70);border-radius:3px;place-items:center;width:34px;height:34px;display:grid}.test-workbench-title>div{flex-direction:column;gap:3px;display:flex}.test-workbench-title b{font-size:14px}.test-workbench-title small,.generated-code-heading small{color:var(--muted);font-size:11px}.test-code-workbench>header>.data-type-badge{gap:4px;margin:0}.test-code-controls{grid-template-columns:minmax(240px,1fr) 130px auto;align-items:end;gap:12px;padding:18px;display:grid}.test-code-controls label{color:#697789;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.test-code-controls select{border:1px solid var(--line);height:40px;color:var(--ink);background:#fff;border-radius:3px;outline:0;padding:0 10px}.test-code-controls select:focus{border-color:var(--blue)}.test-code-controls .primary-button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:40px;display:flex}.generated-code-list{background:#fff;border:1px solid oklch(86% .025 70);margin:0 18px 18px}.generated-code-heading{background:oklch(97% .018 70);justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:9px 12px;display:flex}.generated-code-heading>span{color:oklch(39% .09 55);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.generated-code{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:53px;padding:8px 10px 8px 13px;display:flex}.generated-code code{letter-spacing:.04em;color:#243141;overflow-wrap:anywhere;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700}.generated-code>div{flex:none;align-items:center;gap:7px;display:flex}.icon-action{color:#365b86;background:#fff;border:1px solid #cdd7e4;border-radius:3px;place-items:center;width:35px;height:35px;display:grid}.icon-action:hover,.reset-test-button:hover{background:#f1f5f9}.code-inventory-table{min-width:920px}.code-row-actions{text-align:right;width:82px}.reset-test-button{color:oklch(42% .11 52);background:oklch(98% .012 70);border:1px solid oklch(78% .065 65);border-radius:3px;align-items:center;gap:5px;height:31px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.reset-test-dialog>p{color:#637185;margin:0;font-size:12px;line-height:1.65}.reset-test-code{background:oklch(97% .018 70);border:1px solid oklch(87% .03 70);flex-direction:column;gap:5px;padding:13px;display:flex}.reset-test-code span{color:var(--muted);font-size:11px}.reset-test-code b{overflow-wrap:anywhere;letter-spacing:.03em;font-family:Barlow Condensed,sans-serif;font-size:19px}.reset-dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.danger-button{color:#fff;background:oklch(46% .14 35);border-radius:3px;align-items:center;gap:6px;height:35px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.danger-button:disabled,.primary-button:disabled{opacity:.55;cursor:not-allowed}@media (width<=760px){.import-strip,.fulfillment-toolbar,.field-pair{grid-template-columns:1fr}.preview-shell h1{font-size:40px}.product-actions .outline-button{font-size:0}.product-actions .outline-button svg{margin:0}.test-code-controls{grid-template-columns:1fr 110px}.test-code-controls .primary-button{grid-column:1/-1}.generated-code{flex-direction:column;align-items:flex-start}.generated-code>div{width:100%}.generated-code .outline-button{flex:1;justify-content:center}.generated-code-heading{flex-direction:column;align-items:flex-start;gap:3px}.test-code-workbench>header>.data-type-badge{display:none}}@media (width<=430px){.test-code-controls{grid-template-columns:1fr}.test-code-controls .primary-button{grid-column:auto}.test-code-workbench>header,.test-code-controls{padding-left:14px;padding-right:14px}.generated-code-list{margin-left:14px;margin-right:14px}.reset-dialog-actions{grid-template-columns:1fr 1fr;display:grid}.reset-dialog-actions button{justify-content:center}}.public-test-notice{color:oklch(40% .1 54);background:oklch(97% .025 78);border:1px solid oklch(84% .055 72);border-radius:4px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.public-test-notice>svg{flex:none;margin-top:1px}.public-test-notice>span{flex-direction:column;gap:2px;min-width:0;display:flex}.public-test-notice b{font-size:12px;line-height:1.35}.public-test-notice small{color:oklch(46% .055 62);font-size:10px;line-height:1.5}.success-test-notice{text-align:left;width:min(100%,430px);margin:0 auto}.product-gallery{color:#fff;isolation:isolate;background:#111722;height:335px;position:relative;overflow:hidden;box-shadow:inset 0 -120px 80px #00000080}.product-gallery img{object-fit:cover;object-position:center;width:100%;height:100%;animation:.42s cubic-bezier(.16,1,.3,1) both gallery-in;display:block;position:absolute;inset:0}.product-gallery-shade{z-index:1;pointer-events:none;background:linear-gradient(#0a10190a 35%,#0a1019d1 100%);position:absolute;inset:0}.product-gallery .product-copy{z-index:2}.gallery-arrow{z-index:3;color:#fff;background:#0c141e57;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .18s,transform .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{background:#0c141ead;transform:translateY(-50%)scale(1.04)}.gallery-arrow.prev{left:14px}.gallery-arrow.next{right:14px}.gallery-dots{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;bottom:18px;left:22px}.gallery-dots button{background:#ffffff75;width:18px;height:2px;padding:0;transition:width .2s,background .2s}.gallery-dots button.active{background:#fff;width:32px}.gallery-count{z-index:3;letter-spacing:.12em;color:#ffffffd1;font:11px Barlow Condensed,sans-serif;position:absolute;bottom:16px;right:22px}.product-gallery.compact{height:300px;box-shadow:none}.product-gallery.compact .product-copy strong{font-size:14px}.product-gallery-empty{background:linear-gradient(135deg,#101722,#29394b);position:absolute;inset:0}@keyframes gallery-in{0%{opacity:.58;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}.preview-shell .product-gallery{height:330px}@media (width<=760px){.product-gallery{height:235px}.product-gallery.compact{height:270px}.address-view .product-gallery{width:calc(100% + 36px);margin-left:-18px}.success-view .product-gallery{width:100%;margin-left:0}.preview-shell .product-gallery{height:300px}.gallery-arrow{width:30px;height:30px}.gallery-dots{bottom:15px;left:18px}.gallery-count{bottom:13px;right:18px}}@media (prefers-reduced-motion:reduce){.product-gallery img{animation:none}.gallery-arrow,.gallery-dots button{transition:none}}.theme-studio{border:1px solid var(--line);background:oklch(91% .008 250);grid-template-columns:minmax(540px,1fr) 360px;min-height:690px;display:grid}.theme-canvas{background-image:linear-gradient(oklch(82% .01 250/.35) 1px,#0000 1px),linear-gradient(90deg,oklch(82% .01 250/.35) 1px,#0000 1px);background-size:24px 24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;overflow:hidden}.theme-canvas>p{color:var(--muted);margin:0;font-size:11px}.phone-frame{background:oklch(16% .01 250);border:1px solid oklch(32% .01 250);border-radius:42px;width:328px;height:650px;padding:12px 10px 14px;position:relative;box-shadow:0 22px 45px oklch(20% .02 250/.22)}.phone-frame:after{content:"";background:oklch(42% .01 250);border-radius:4px;width:108px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.phone-speaker{z-index:4;background:oklch(14% .01 250);border-radius:0 0 13px 13px;width:86px;height:20px;position:absolute;top:17px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--paper) center/cover;height:100%;color:var(--ink);border-radius:31px;position:relative;overflow:hidden}.phone-screen:before{content:"";background:color-mix(in oklch,var(--paper) 91%,transparent);pointer-events:none;position:absolute;inset:0}.phone-screen>*{position:relative}.phone-screen>header{border-bottom:1px solid var(--line);align-items:center;gap:7px;height:54px;padding:16px 13px 8px;display:flex}.phone-screen>header img,.phone-screen>header>span{object-fit:contain;border-radius:3px;width:24px;height:24px}.phone-screen>header>span{background:var(--primary);color:#fff;place-items:center;font-size:10px;font-weight:800;display:grid}.phone-screen>header b{white-space:nowrap;text-overflow:ellipsis;max-width:145px;font-size:10px;overflow:hidden}.phone-screen>header small{color:var(--muted);margin-left:auto;font-size:7px}.phone-screen main{padding:20px 14px 18px}.phone-screen .editable{outline-offset:4px;cursor:pointer;outline:1px dashed #0000;transition:outline-color .16s,background .16s}.phone-screen .editable:hover,.phone-screen .editable.selected{outline-color:var(--primary);background-color:color-mix(in oklch,var(--primary) 5%,transparent)}.phone-copy{text-align:left;width:100%;color:inherit;background:0 0;padding:0;display:block}.phone-copy small{color:var(--primary);margin-bottom:8px;font-size:8px;font-weight:800;display:block}.phone-copy strong{font-size:29px;line-height:1.06;display:block}.phone-copy strong em{color:var(--primary);font-style:normal}.phone-copy span{color:var(--muted);margin-top:8px;font-size:8px;line-height:1.5;display:block}.phone-product{background:oklch(28% .02 250);border:0;width:100%;height:178px;margin:15px 0 13px;padding:0;display:block;position:relative;overflow:hidden}.phone-product img{object-fit:cover;width:100%;height:100%}.phone-product:after{content:"";background:linear-gradient(#0000,oklch(14% .02 250/.78));position:absolute;inset:50% 0 0}.phone-product i{z-index:2;color:#fff;letter-spacing:.08em;font:7px Barlow Condensed;position:absolute;bottom:7px;right:8px}.phone-code{border:1px solid var(--line);background:oklch(99% .004 85);flex-direction:column;gap:7px;padding:13px;display:flex;box-shadow:5px 6px oklch(80% .01 250/.35)}.phone-code small,.phone-code label{font-size:8px;font-weight:700}.phone-code div{border:1px solid var(--line);color:oklch(65% .01 250);height:31px;padding:10px;font-size:8px}.phone-code b{color:#fff;border-radius:2px;place-items:center;height:30px;font-size:9px;display:grid}.phone-code span{color:var(--muted);font-size:6px}.theme-inspector{border-left:1px solid var(--line);background:oklch(98% .004 85);flex-direction:column;min-width:0;display:flex}.theme-inspector>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;padding:24px;display:flex}.theme-inspector header small{color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.theme-inspector h2{margin:0;font-size:18px}.theme-inspector header>span{color:oklch(49% .13 155);font-size:10px}.inspector-fields{flex-direction:column;gap:18px;padding:24px;display:flex}.inspector-fields label{color:oklch(35% .015 250);flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.inspector-fields input,.inspector-fields textarea{border:1px solid var(--line);resize:vertical;background:#fff;border-radius:3px;outline:0;width:100%;padding:10px}.inspector-fields input:focus,.inspector-fields textarea:focus{border-color:var(--blue)}.color-control{grid-template-columns:46px 1fr;gap:8px;display:grid}.color-control input[type=color]{height:40px;padding:3px}.asset-row{border:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px;display:flex}.asset-row img{object-fit:contain;width:90px;height:36px}.asset-row button{color:var(--blue);background:0 0;font-size:11px}.theme-inspector>footer{border-top:1px solid var(--line);margin-top:auto;padding:20px 24px}.theme-inspector>footer .primary-button{width:100%}@media (width<=1050px){.theme-studio{grid-template-columns:1fr}.theme-inspector{border-left:0;border-top:1px solid var(--line)}.theme-canvas{padding:28px}.inspector-fields{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=600px){.theme-studio{margin:0 -16px}.theme-canvas{padding:20px 8px}.phone-frame{margin:-38px 0;transform:scale(.88)}.inspector-fields{grid-template-columns:1fr}.theme-inspector>header,.inspector-fields,.theme-inspector>footer{padding-left:18px;padding-right:18px}}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.order-management{--order-surface:oklch(99% .003 85);--order-soft:oklch(96% .007 250);--order-ink:oklch(24% .019 250)}.order-summary{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;display:grid}.order-summary button{background:var(--order-surface);min-height:92px;color:var(--order-ink);text-align:left;justify-content:space-between;align-items:flex-end;padding:18px;transition:background .16s,color .16s;display:flex}.order-summary button:hover{background:oklch(97% .012 250)}.order-summary button.active{color:oklch(97% .005 250);background:oklch(24% .025 250)}.order-summary span{flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.order-summary small{color:oklch(54% .018 250);font-size:10px;font-weight:500}.order-summary button.active small{color:oklch(76% .018 250)}.order-summary b{font:600 34px/1 Barlow Condensed,Noto Sans SC,sans-serif}.order-workbench{background:var(--order-surface);border:1px solid var(--line)}.order-actions{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:16px 20px;display:flex}.order-actions>div:first-child{flex-direction:column;gap:4px;display:flex}.order-actions>div:first-child>b{font-size:15px}.order-actions small{color:var(--muted);font-size:11px}.order-actions>div:last-child{align-items:center;gap:8px;display:flex}.order-actions .outline-button{height:38px}.shipping-import-panel{border-bottom:1px solid var(--line);background:oklch(95% .012 250);grid-template-columns:minmax(220px,.8fr) minmax(300px,1.3fr) auto;align-items:center;gap:16px;padding:16px 20px;display:grid}.shipping-import-panel>div:first-child{align-items:center;gap:10px;display:flex}.shipping-import-panel span{flex-direction:column;gap:3px;display:flex}.shipping-import-panel small{color:var(--muted);font-size:10px;line-height:1.4}.shipping-import-panel textarea{resize:none;border:1px solid var(--line);background:var(--order-surface);border-radius:3px;outline:0;height:52px;padding:9px 11px;font-size:12px;line-height:1.45}.shipping-import-panel textarea:focus{border-color:var(--blue)}.shipping-import-panel>div:last-child{align-items:center;gap:8px;display:flex}.shipping-import-panel .text-button{background:0 0;height:40px;padding:0 8px}.order-filters{border-bottom:1px solid var(--line);background:oklch(98% .004 250);grid-template-columns:minmax(320px,1fr) 150px minmax(190px,260px);gap:10px;padding:14px 20px;display:grid}.order-search{border:1px solid var(--line);background:var(--order-surface);color:oklch(55% .02 250);align-items:center;gap:9px;height:42px;padding:0 11px;display:flex}.order-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in oklch,var(--blue) 10%,transparent)}.order-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.order-search span{border-left:1px solid var(--line);white-space:nowrap;color:var(--muted);padding-left:10px;font-size:10px}.order-filters select{border:1px solid var(--line);background:var(--order-surface);height:42px;color:var(--order-ink);border-radius:0;outline:0;padding:0 10px;font-size:12px}.order-table-wrap{overflow-x:auto}.order-table{min-width:900px}.order-table th{background:oklch(97% .005 250);height:42px;padding:0 16px;font-size:11px}.order-table td{vertical-align:middle;height:76px;padding:12px 16px}.order-table th:first-child,.order-table td:first-child,.order-table th:nth-child(2),.order-table td:nth-child(2){width:22%}.order-table th:nth-child(3),.order-table td:nth-child(3){width:30%}.order-table th:nth-child(4),.order-table td:nth-child(4){width:21%}.order-table th:last-child,.order-table td:last-child{width:42px;padding-left:4px;padding-right:10px}.order-table tbody tr{cursor:pointer;transition:background .13s}.order-table tbody tr:hover{background:oklch(97% .008 250)}.order-table td b{color:var(--order-ink);font-size:12px;font-weight:700;line-height:1.45}.order-table td small{line-height:1.45}.address-clamp{white-space:nowrap;text-overflow:ellipsis;max-width:330px;overflow:hidden}.muted-cell{color:var(--muted)!important;font-weight:600!important}.row-action{color:oklch(55% .02 250);background:0 0;border-radius:3px;place-items:center;width:36px;height:36px;display:grid}.row-action:hover{color:var(--blue);background:oklch(91% .015 250)}.status-badge.processing{color:oklch(48% .08 255);background:oklch(94% .025 255)}.status-badge.awaiting_redemption{color:oklch(48% .1 75);background:oklch(94% .035 75)}.status-badge.pending{color:oklch(48% .12 35);background:oklch(94% .035 35)}.status-badge.shipped{color:oklch(45% .13 245);background:oklch(93% .04 245)}.status-badge.delivered{color:oklch(42% .12 155);background:oklch(93% .045 155)}.status-badge.failed{color:oklch(46% .16 25);background:oklch(93% .045 25)}.order-empty{height:250px!important}.order-empty>*{margin-left:auto;margin-right:auto}.order-empty svg{margin-bottom:10px;display:block}.order-empty b{font-size:13px!important}.order-empty small{margin-top:5px!important}.order-empty button{background:0 0;margin-top:10px;font-size:11px;display:block}.order-detail-backdrop{background:oklch(17% .018 250/.36);justify-content:flex-end;align-items:stretch;padding:0}.order-detail-panel{background:var(--order-surface);flex-direction:column;width:min(100%,520px);height:100%;animation:.22s cubic-bezier(.16,1,.3,1) both order-panel-in;display:flex;overflow:auto;box-shadow:-18px 0 42px oklch(18% .02 250/.18)}@keyframes order-panel-in{0%{opacity:.7;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.order-detail-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:94px;padding:22px 24px;display:flex}.order-detail-panel header p,.shipping-editor header p{color:var(--muted);margin:0 0 4px;font-size:10px}.order-detail-panel h2,.shipping-editor h2{letter-spacing:0;margin:0;font-size:20px}.order-detail-panel header button{width:40px;height:40px;color:var(--muted);background:0 0;place-items:center;display:grid}.order-detail-status{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:18px 24px;display:flex}.order-detail-status>small{color:var(--muted);margin-left:auto;font-size:11px}.order-detail-status .data-type-badge{margin-top:0}.order-detail-panel dl{grid-template-columns:1fr 1fr;margin:0;padding:8px 24px 24px;display:grid}.order-detail-panel dl>div{border-bottom:1px solid oklch(90% .008 250);padding:18px 0}.order-detail-panel dl>div:nth-child(odd){padding-right:18px}.order-detail-panel dl>div:nth-child(2n){padding-left:18px}.order-detail-panel dl>div.full{grid-column:1/-1;padding-left:0;padding-right:0}.order-detail-panel dt{color:var(--muted);margin-bottom:7px;font-size:10px}.order-detail-panel dd{color:var(--order-ink);word-break:break-word;margin:0;font-size:12px;line-height:1.6}.order-detail-panel dd b,.order-detail-panel dd small{display:block}.order-detail-panel dd small{color:var(--muted);margin-top:3px;font-size:10px}.order-detail-panel>footer{border-top:1px solid var(--line);background:oklch(98% .004 250);justify-content:flex-end;align-items:center;gap:9px;min-height:76px;margin-top:auto;padding:17px 24px;display:flex}.shipping-editor header{height:auto;min-height:68px}.shipping-editor header>div{padding:8px 0}.shipping-editor .dialog-order{line-height:1.5}@media (width<=1080px){.order-summary{grid-template-columns:repeat(6,minmax(145px,1fr));overflow-x:auto}.order-summary button{min-width:145px}.shipping-import-panel{grid-template-columns:1fr}.shipping-import-panel>div:last-child{justify-content:flex-end}.order-filters{grid-template-columns:1fr 140px}.order-filters select:last-child{grid-column:1/-1}}@media (width<=760px){.order-management{margin:0 -16px}.order-summary{border-left:0;border-right:0}.order-summary button{min-height:78px;padding:14px}.order-summary b{font-size:29px}.order-workbench{border-left:0;border-right:0}.order-actions{align-items:flex-start;padding:15px 16px}.order-actions>div:last-child{flex-direction:column;align-items:stretch}.order-actions .outline-button{justify-content:center}.shipping-import-panel{padding:15px 16px}.order-filters{grid-template-columns:1fr;padding:12px 16px}.order-filters select:last-child{grid-column:auto}.order-table-wrap{padding-bottom:4px}.order-detail-panel{width:100%;height:min(91dvh,760px);margin-top:auto}.order-detail-backdrop{align-items:flex-end}.order-detail-panel dl,.order-detail-panel>header,.order-detail-status,.order-detail-panel>footer{padding-left:18px;padding-right:18px}.dialog.shipping-editor{max-height:calc(100dvh - 32px);overflow:auto}}@media (width<=430px){.order-actions{display:grid}.order-actions>div:last-child{grid-template-columns:1fr 1fr;display:grid}.order-actions .outline-button{padding:0 8px;font-size:11px}.order-detail-status{flex-wrap:wrap;align-items:flex-start}.order-detail-status>small{width:100%;margin-left:0}.order-detail-panel dl{grid-template-columns:1fr}.order-detail-panel dl>div,.order-detail-panel dl>div:nth-child(odd),.order-detail-panel dl>div:nth-child(2n){padding:14px 0}.order-detail-panel dl>div.full{grid-column:auto}}@media (prefers-reduced-motion:reduce){.order-detail-panel{animation:none}.order-table tbody tr,.order-summary button{transition:none}}