.customer-approval[data-v-e35f3d43]{margin-top:20px;padding-top:16px;border-top:1px solid #34445e}.customer-approval h3[data-v-e35f3d43]{font-size:20px;margin:0 0 12px}.customer-approval p[data-v-e35f3d43]{line-height:1.6;max-width:38ch}.login-qr[data-v-e35f3d43]{display:block;width:280px;max-width:100%;height:auto;margin:18px auto;background:#fff}.login-qr-state[data-v-e35f3d43]{min-height:180px;display:flex;align-items:center;justify-content:center}.login-actions[data-v-e35f3d43]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.login-actions a[data-v-e35f3d43]{padding:12px 8px;text-underline-offset:4px}.login-actions button[data-v-e35f3d43]{min-height:44px}.commerce-panel[data-v-c3ebc069]{margin-top:24px;padding:20px;border:1px solid #34445e;border-radius:16px;overflow-wrap:anywhere}.commerce-panel label[data-v-c3ebc069]{display:block;margin:16px 0}.commerce-panel select[data-v-c3ebc069],.commerce-panel input[type=number][data-v-c3ebc069]{display:block;width:100%;margin-top:8px;padding:12px;border-radius:10px;background:#192640;color:#fff;border:1px solid #65718b}.commerce-panel input[type=checkbox][data-v-c3ebc069]{width:auto;margin-right:8px}.commerce-panel li[data-v-c3ebc069]{margin:8px 0}.points-save[data-v-75f44753]{margin:24px 0;padding:20px;background:#192640;border-radius:12px}.points-save h3[data-v-75f44753]{margin:0 0 12px}.points-save p[data-v-75f44753]{line-height:1.7}.points-amount[data-v-75f44753]{font-size:22px}.points-save button[data-v-75f44753]{margin:8px 8px 0 0}.image-save-checkout[data-v-89ce9caa]{margin:24px 0;padding:20px;background:#192640;border-radius:12px}.image-save-checkout h3[data-v-89ce9caa]{margin:0 0 12px}.image-save-checkout p[data-v-89ce9caa]{line-height:1.7}.image-save-checkout .save-amount[data-v-89ce9caa]{font-size:22px;font-variant-numeric:tabular-nums}.image-save-checkout button[data-v-89ce9caa]{margin:8px 8px 0 0}.specifications select[data-v-d5b9e635]{display:block;width:100%;padding:12px;margin-top:8px;background:#192640;color:#fff;border-radius:10px;border:1px solid #65718b}.garment-preview canvas[data-v-1e0e415c]{display:block;max-width:100%;width:min(100%,620px);touch-action:none;cursor:grab;margin:16px auto;background:#fff;border-radius:12px}.garment-preview[data-v-1e0e415c]{margin-top:20px;min-width:0}.garment-preview canvas[data-v-1e0e415c]:active{cursor:grabbing}.garment-preview canvas[data-v-1e0e415c]:focus-visible{outline:2px solid #68dbde;outline-offset:4px}.reference-workbench[data-v-dc943079]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;overflow:auto;background:#f6f6f6;color:#222;font:14px/1.5 -apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif;--dock-height:110px}.workbench-layout[data-v-dc943079]{position:relative;width:min(100%,500px);height:100dvh;min-height:540px;margin:0 auto;display:grid;grid-template-rows:46px minmax(0,1fr) var(--dock-height)}.workbench-heading[data-v-dc943079]{display:flex;align-items:center;position:relative;padding:0 16px}.workbench-heading h2[data-v-dc943079]{margin:0;padding:0 44px;width:100%;text-align:center;font-size:13px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-workbench button[data-v-dc943079]{font:inherit;cursor:pointer;color:inherit;border:0;background:transparent;box-shadow:none;letter-spacing:0;flex-shrink:0}.reference-workbench button[data-v-dc943079]:disabled{cursor:not-allowed;color:#888}.reference-workbench button[data-v-dc943079]:focus-visible{outline:2px solid #8d271e;outline-offset:3px}.reference-workbench button[data-v-dc943079]:not(:disabled):active{transform:translateY(1px)}.reference-workbench svg[data-v-dc943079]{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.back-tool[data-v-dc943079]{position:absolute;left:8px;width:40px;height:40px;display:grid;place-items:center}.back-tool svg[data-v-dc943079]{width:25px}.workbench-canvas[data-v-dc943079]{display:grid;place-items:center;min-height:0;padding:40px 48px 22px;overflow:auto}.workbench-canvas[data-v-dc943079] .garment-preview{width:100%;height:100%;min-height:0;margin:0;display:flex;align-items:center;justify-content:center}.workbench-canvas[data-v-dc943079] .garment-preview h3,.workbench-canvas[data-v-dc943079] .garment-preview .privacy{display:none}.workbench-canvas[data-v-dc943079] .garment-preview canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:0;border-radius:0;background:#fff}.workbench-actions[data-v-dc943079]{position:absolute;bottom:var(--dock-height);height:56px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 10px;gap:12px}.history-tools[data-v-dc943079],.view-tools[data-v-dc943079]{display:flex;align-items:center;gap:8px}.history-tools .icon-tool[data-v-dc943079]{width:32px;height:40px;padding:4px;color:#888}.history-tools .icon-tool svg[data-v-dc943079]{width:23px;height:23px}.history-tools .icon-tool[data-v-dc943079]:not(:disabled){color:#222}.history-tools .clear-tool[data-v-dc943079]{border:1px solid currentColor;border-radius:18px;padding:3px 10px;font-size:13px;min-height:30px}.history-tools .save-tool[data-v-dc943079]{border-radius:18px;background:#080808;color:#fff;padding:4px 12px;font-size:13px;min-height:30px}.history-tools .save-tool[data-v-dc943079]:disabled{background:#dedede;color:#666}.view-tools[data-v-dc943079]{gap:3px}.view-tools button[data-v-dc943079]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:37px;min-height:48px;padding:0;font-size:12px;color:#666}.view-tools svg[data-v-dc943079]{width:26px;height:26px;color:#222}.view-tools button[aria-pressed=true][data-v-dc943079]{color:#8d271e}.workbench-dock[data-v-dc943079]{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;background:#fff;padding:10px 6px calc(10px + env(safe-area-inset-bottom));gap:0}.workbench-dock>button[data-v-dc943079]{min-width:0;min-height:76px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px}.workbench-dock>button>svg[data-v-dc943079]{width:30px;height:30px}.workbench-dock>button[aria-expanded=true][data-v-dc943079]{color:#8d271e}.workbench-dock .brand-tool[data-v-dc943079]{position:relative;gap:0;padding:0;min-height:82px}.brand-tool img[data-v-dc943079]{height:66px;width:76px;object-fit:contain;animation:brand-breathe-dc943079 2.4s ease-in-out infinite}.brand-caption[data-v-dc943079]{font-size:10px;color:#8d271e}.workbench-panel[data-v-dc943079]{position:absolute;z-index:5;left:0;right:0;bottom:var(--dock-height);max-height:min(58dvh,460px);overflow:hidden;background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 -8px 24px #0000000b}.workbench-panel>header[data-v-dc943079]{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #eee}.workbench-panel h3[data-v-dc943079]{margin:0;font-size:15px;font-weight:500}.workbench-panel>header button[data-v-dc943079]{font-size:25px;width:36px;height:36px;padding:0}.workbench-panel-body[data-v-dc943079]{max-height:calc(min(58dvh,460px) - 64px);overflow:auto;padding:4px 18px 16px}.workbench-feedback[data-v-dc943079]{position:absolute;z-index:4;left:18px;right:18px;top:50px;pointer-events:none;font-size:13px}.workbench-feedback[data-v-dc943079]:empty{display:none}.workbench-feedback[data-v-dc943079] p{margin:0 0 6px;padding:7px 10px;background:#fffaf0;color:#553c1b}.workbench-feedback[data-v-dc943079] button{pointer-events:auto}.workbench-delivery[data-v-dc943079]:empty{display:none}.workbench-delivery[data-v-dc943079]:not(:empty){position:absolute;left:0;right:0;bottom:var(--dock-height);max-height:70dvh;overflow:auto;background:#fff;z-index:9;padding:18px;color:#222}.workbench-delivery[data-v-dc943079] .image-save-checkout{margin:0}.canvas-expanded[data-v-dc943079]{position:fixed;inset:46px 0 var(--dock-height);background:#f6f6f6;padding:16px;z-index:1}.is-expanded .workbench-actions[data-v-dc943079]{z-index:3}.is-preview .workbench-canvas[data-v-dc943079] canvas{cursor:default;outline:none}.reference-workbench[data-v-dc943079] ::selection{background:#ead2cb;color:#222}@keyframes brand-breathe-dc943079{0%,to{opacity:.8;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.brand-tool img[data-v-dc943079]{animation:none}}@media (max-width:520px){.reference-workbench[data-v-dc943079]{--dock-height:96px}.workbench-canvas[data-v-dc943079]{padding:24px 22px 30px}.workbench-actions[data-v-dc943079]{padding:0 8px;gap:4px}.history-tools[data-v-dc943079]{gap:2px}.history-tools .icon-tool[data-v-dc943079]{width:29px}.history-tools .save-tool[data-v-dc943079]{padding:4px 10px}.workbench-dock>button[data-v-dc943079]{min-height:70px}.brand-tool img[data-v-dc943079]{width:66px;height:58px}}@media (min-width:1100px){.workbench-panel[data-v-dc943079]{left:calc(100% + 20px);right:auto;bottom:130px;width:300px;max-height:calc(100dvh - 180px);border:1px solid #e5e5e5;box-shadow:0 8px 24px #0000000b}.workbench-panel-body[data-v-dc943079]{max-height:calc(100dvh - 245px)}}.clear-mask[data-v-dc943079]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0008;padding:24px}.clear-dialog[data-v-dc943079]{width:min(100%,320px);background:#fff;border-radius:12px;text-align:center;overflow:hidden}.clear-dialog h3[data-v-dc943079]{margin:20px 0 12px;font-size:17px}.clear-dialog p[data-v-dc943079]{margin:0;padding:0 24px 24px;color:#666}.clear-dialog footer[data-v-dc943079]{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee}.clear-dialog footer button[data-v-dc943079]{min-height:48px}.clear-dialog footer button[data-v-dc943079]:last-child{color:#8d271e;border-left:1px solid #eee}.material-library form[data-v-c412b7b8]{display:flex;gap:8px;margin:12px 0}.material-library input[data-v-c412b7b8]{min-width:0;flex:1}.material-categories[data-v-c412b7b8]{display:flex;gap:8px;margin:12px 0}.material-categories [aria-pressed=true][data-v-c412b7b8]{background:#222;color:#fff}.material-grid[data-v-c412b7b8]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.material-grid button[data-v-c412b7b8]{display:flex;flex-direction:column;text-align:left;padding:0;overflow:hidden;min-width:0}.material-grid img[data-v-c412b7b8]{width:100%;aspect-ratio:1;object-fit:contain;background:#f6f6f6}.material-grid span[data-v-c412b7b8],.material-grid small[data-v-c412b7b8]{display:block;padding:4px 8px;overflow-wrap:anywhere}.material-grid small[data-v-c412b7b8]{color:#666}.material-confirm[data-v-c412b7b8]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#fff;display:flex;flex-wrap:wrap;gap:12px;align-content:center;justify-content:center;padding:24px}.material-confirm p[data-v-c412b7b8]{width:100%}.material-library p[role=alert][data-v-c412b7b8]{color:#9b2828}.design-editor[data-v-d1b85d25]{margin-top:24px;padding:20px;border:1px solid #34445e;border-radius:16px;min-width:0}.design-editor label[data-v-d1b85d25]{display:block;margin:14px 0}.design-editor input[type=range][data-v-d1b85d25]{display:block;width:100%}.design-editor fieldset[data-v-d1b85d25]{min-width:0;border:1px solid #65718b;border-radius:10px;margin:12px 0}.design-editor input[data-v-d1b85d25]:not([type=range]):not([type=checkbox]):not([type=color]){width:100%;padding:10px;background:#192640;color:#fff;border:1px solid #65718b;border-radius:8px}.design-editor canvas[data-v-d1b85d25]{display:block;margin:16px auto;touch-action:none;-webkit-user-select:none;user-select:none}.design-editor .next-step[data-v-d1b85d25]{margin-top:14px}.design-editor button[data-v-d1b85d25]{max-width:100%;overflow-wrap:anywhere;white-space:normal}.design-editor .success[data-v-d1b85d25]{overflow-wrap:anywhere}.design-editor .creations li[data-v-d1b85d25]{overflow-wrap:anywhere;min-width:0}.editor-stage[data-v-d1b85d25]{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px;align-items:start}.editor-tools[data-v-d1b85d25]{min-width:0}.editor-tools>label[data-v-d1b85d25]{margin:12px 0}.editor-tools input[type=range][data-v-d1b85d25]{min-height:30px}details[data-v-d1b85d25]{margin:16px 0}summary[data-v-d1b85d25]{cursor:pointer;padding:10px 0;color:#b8c9e2}.privacy[data-v-d1b85d25]{max-width:70ch}@media (max-width:820px){.editor-stage[data-v-d1b85d25]{display:block}.design-editor[data-v-d1b85d25]{padding:16px}.editor-tools .actions[data-v-d1b85d25]{display:flex;flex-wrap:wrap;gap:8px}.editor-tools button[data-v-d1b85d25]{min-height:44px}.editor-tools details canvas[data-v-d1b85d25]{width:100%}}.effect-tools[data-v-d1b85d25]{margin:20px 0;padding-top:16px;border-top:1px solid #34445e}.effect-tools select[data-v-d1b85d25]{display:block;width:100%;min-height:44px;margin-top:8px;padding:8px;background:#192640;color:#fff;border:1px solid #65718b;border-radius:8px}.effect-preview[data-v-d1b85d25]{display:block;width:100%;max-height:260px;object-fit:contain;margin:12px 0}.effect-tools button[data-v-d1b85d25]{margin:6px 8px 6px 0}.reference-editor[data-v-d1b85d25]{margin:0;padding:0;border:0;border-radius:0}.reference-editor .editor-tools[data-v-d1b85d25]{color:#222}.reference-editor .editor-tools label[data-v-d1b85d25]{font-size:13px;margin:12px 0}.reference-editor .editor-tools button[data-v-d1b85d25]{background:#f5f5f5;color:#222;border:1px solid #d8d8d8;border-radius:5px;min-height:36px}.reference-editor .editor-tools input[data-v-d1b85d25]:not([type=range]):not([type=checkbox]):not([type=color]),.reference-editor .effect-tools select[data-v-d1b85d25]{background:#fff;color:#222;border-color:#bbb}.reference-editor .editor-tools fieldset[data-v-d1b85d25]{border-color:#ddd;border-radius:6px}.reference-editor summary[data-v-d1b85d25]{color:#444}.reference-editor .effect-tools[data-v-d1b85d25]{margin:0;padding:0;border:0}.reference-editor .layer-row[data-v-d1b85d25]{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.reference-editor .layer-row span[data-v-d1b85d25]{overflow-wrap:anywhere;min-width:0}.reference-editor .workbench-checkout-close[data-v-d1b85d25]{min-height:40px;color:#222;background:#f4f4f4;border:1px solid #ddd;border-radius:6px}.reference-editor .editor-tools input[type=range][data-v-d1b85d25]{accent-color:#8d271e}.reference-editor[data-v-d1b85d25] .workbench-delivery .notice{background:#fff5df;color:#553c1b}.reference-editor[data-v-d1b85d25] .workbench-delivery button{max-width:100%}.layer-manager .layer-row.selected[data-v-d1b85d25]{background:#fbefec;outline:1px solid #cba59d;outline-offset:-1px}.layer-row.drop-target[data-v-d1b85d25]{box-shadow:inset 0 2px #8d271e}.layer-row[draggable=true][data-v-d1b85d25]{cursor:grab}.layer-handle[data-v-d1b85d25]{touch-action:none;cursor:grab;flex:0 0 30px}.layer-moves[data-v-d1b85d25]{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.layer-moves button[data-v-d1b85d25]{font-size:11px!important;padding:3px 5px;min-height:28px!important}.layer-hint[data-v-d1b85d25]{font-size:12px;color:#666}.reference-editor .selected-text[data-v-d1b85d25]{outline:2px solid #8d271e}.photo-layer[data-v-d1b85d25]{min-height:44px}.reference-editor .material-library input[data-v-d1b85d25]{min-width:0;padding:8px}.reference-editor .material-library button[data-v-d1b85d25]{min-height:36px}.orders[data-v-a6643ce7]{overflow-wrap:anywhere}.orders button[data-v-a6643ce7]{max-width:100%;overflow-wrap:anywhere}.orders article[data-v-a6643ce7]{padding:20px;border:1px solid #34445e;border-radius:16px}.orders article button[data-v-a6643ce7]{margin:8px 8px 8px 0}.catalog-tools[data-v-f1901a89]{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.catalog-tools input[data-v-f1901a89],.catalog-tools select[data-v-f1901a89]{min-width:150px;padding:12px;border:1px solid #566079;background:#19233c;color:#eaf0ff;border-radius:8px}.template-grid[data-v-f1901a89]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.template-tile[data-v-f1901a89]{display:flex;flex-direction:column;text-align:left;gap:8px;padding:14px;border:1px solid #47516b;border-radius:14px;color:#eaf0ff;background:#1f2942}.template-tile img[data-v-f1901a89]{width:100%;height:160px;object-fit:contain}.template-tile span[data-v-f1901a89]{font-size:13px}.template-detail[data-v-f1901a89]{padding:20px;margin-top:24px;background:#19233c;border-radius:16px}.template-detail small[data-v-f1901a89]{overflow-wrap:anywhere}.template-detail button[data-v-f1901a89]{margin:8px}.template-detail dd[data-v-f1901a89]{margin-left:0}.templates h1[data-v-f1901a89]{margin-top:16px}.external-shop .workspace[data-v-8a4c8d5d]{position:relative;margin:12px 0;padding:24px;border:1px solid #3e5575;border-radius:16px}img[data-v-8a4c8d5d]{max-width:240px;display:block}textarea[data-v-8a4c8d5d]{width:100%;min-height:72px}p[data-v-8a4c8d5d]{margin:12px 0}.craft-tools[data-v-5060d7f6]{margin:20px 0;padding:20px;border:1px solid #34445e;border-radius:16px;min-width:0}.craft-heading[data-v-5060d7f6]{display:flex;justify-content:space-between;gap:16px;align-items:start}.craft-heading h2[data-v-5060d7f6]{margin:0}.craft-heading p[data-v-5060d7f6]{color:#b8c9e2}.craft-tabs[data-v-5060d7f6]{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.craft-tabs [aria-pressed=true][data-v-5060d7f6]{outline:2px solid #dfbc80}.craft-grid[data-v-5060d7f6]{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:24px}.craft-stage[data-v-5060d7f6]{position:relative;align-self:start;background:#f3f1ec;border-radius:12px;overflow:hidden}.craft-stage canvas[data-v-5060d7f6]{display:block;width:100%;height:auto;touch-action:none}.craft-empty[data-v-5060d7f6]{position:absolute;inset:42% 20px auto;text-align:center;color:#53504c;pointer-events:none}.craft-controls[data-v-5060d7f6]{min-width:0}.craft-controls label[data-v-5060d7f6]{display:block;margin:12px 0}.craft-controls input[type=range][data-v-5060d7f6]{display:block;width:100%;min-height:38px}.file-control input[data-v-5060d7f6]{display:block;width:100%;margin:8px 0}.craft-tools button[data-v-5060d7f6]{min-height:44px}.cloud-controls[data-v-5060d7f6]{display:grid;gap:10px;margin-top:20px}.cloud-controls select[data-v-5060d7f6]{width:100%;min-height:44px}.craft-note[data-v-5060d7f6]{color:#b8c9e2;font-size:14px}.craft-tools pre[data-v-5060d7f6]{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.craft-tools summary[data-v-5060d7f6]{cursor:pointer}.craft-tools p[data-v-5060d7f6]{line-height:1.6}@media (max-width:800px){.craft-grid[data-v-5060d7f6]{grid-template-columns:1fr}.craft-tools[data-v-5060d7f6]{padding:14px}.craft-tabs button[data-v-5060d7f6]{flex:1;white-space:nowrap}.craft-heading[data-v-5060d7f6]{gap:8px}.craft-heading h2[data-v-5060d7f6]{font-size:20px}}.delivery-confirm[data-v-5060d7f6]{margin-top:16px;padding-top:16px;border-top:1px solid #64748b;display:grid;gap:10px}.delivery-confirm h3[data-v-5060d7f6],.delivery-confirm p[data-v-5060d7f6]{margin:0}.delivery-amount[data-v-5060d7f6]{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.tone-adjust[data-v-5060d7f6]{display:flex;align-items:center;gap:8px}.tone-adjust input[type=range][data-v-5060d7f6]{flex:1;min-width:0;margin:0}.tone-adjust button[data-v-5060d7f6]{flex:none;width:44px;padding:0}.tone-control label[data-v-5060d7f6]{display:flex;justify-content:space-between;gap:12px}.tone-control b[data-v-5060d7f6]{font-variant-numeric:tabular-nums}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#ecf0ff;background:#0b1020;font-synthesis:none;color-scheme:dark;font-weight:400;--muted:#9caac8;--line:rgba(188,203,244,.16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 88% 0%,#233154 0,transparent 63%),linear-gradient(135deg,#151d34,#0b1020)}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #68dbde;outline-offset:5px}button{border:0}p{line-height:1.6}h1,h2,h3,p{margin-top:0}svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.topbar{max-width:1180px;margin:0 auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{font-weight:750;letter-spacing:2px;font-size:18px}.brand span{font-size:11px;font-weight:400;letter-spacing:2px;color:var(--muted);margin-left:12px}.topbar nav{display:flex;align-items:center;gap:22px;font-size:12px;color:var(--muted)}.topbar button{background:transparent;padding:6px 0}.shell{max-width:790px;margin:0 auto;padding:22px 32px 52px;min-height:calc(100svh - 187px)}.hero{padding:0 9px 32px}.eyebrow{display:inline-block;border:1px solid #746132;border-radius:99px;color:#f4c151;padding:5px 16px;font-size:13px;letter-spacing:2.8px;line-height:1.2}.hero h1{font-size:48px;font-weight:800;letter-spacing:-1.5px;line-height:1.25;margin:25px 0 9px}.hero strong{display:block;font-size:46px;letter-spacing:-1.3px;background:linear-gradient(100deg,#76a2ff,#27cdbb);color:transparent;background-clip:text;-webkit-background-clip:text;font-weight:800}.hero p{font-size:18px;color:var(--muted);margin-bottom:0}.area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.area-card{position:relative;overflow:hidden;isolation:isolate;display:block;text-align:left;min-height:205px;padding:28px 22px 25px;border:1px solid var(--line);border-radius:26px;background:#b2c0e417;transition:transform .18s,border-color .18s,background .18s}.area-card:before{content:"";position:absolute;z-index:-1;right:-27px;top:-27px;width:170px;height:145px;border-radius:60px;filter:blur(12px);background:var(--glow);opacity:.68}.area-card:hover{transform:translateY(-3px);border-color:#add0ff73;background:#b2c0e421}.area-card h2{font-size:24px;letter-spacing:-.5px;line-height:1.3;margin:18px 0 5px}.area-card p{color:var(--muted);font-size:16px;margin:0}.icon{display:grid;place-items:center;width:68px;height:68px;border-radius:21px;color:var(--accent);background:var(--icon-bg)}.ink{--accent:#7da5ff;--glow:#4167b2;--icon-bg:#2c3e66}.laser{--accent:#ff947a;--glow:#a85e5d;--icon-bg:#4c4050}.visit{--accent:#59e3d5;--glow:#2b9694;--icon-bg:#244856}.shop{--accent:#f7d076;--glow:#a18b4a;--icon-bg:#494a4b}.badge{position:absolute;top:20px;left:21px;color:#a8b7cd;border:1px solid var(--line);background:#1b253a85;font-size:11px;line-height:20px;padding:0 11px;border-radius:20px}.visit .icon,.shop .icon{margin-top:0}.visit .badge,.shop .badge{top:22px;left:auto;right:20px}.card-arrow{position:absolute;right:22px;bottom:28px;font-size:20px;color:var(--muted);opacity:0;transition:opacity .18s}.area-card:hover .card-arrow{opacity:1}.official-links{display:flex;gap:24px;padding:28px 6px;font-size:12px;color:var(--muted);justify-content:center;flex-wrap:wrap}.official-links span{margin-left:9px;opacity:.7}footer{text-align:center;font-size:11px;color:#7985a2;padding:20px 24px 28px}footer p{margin:0 0 8px}footer button{padding:0;background:none;color:inherit}.back{background:none;color:var(--muted);font-size:13px;padding:0 0 28px}.work-heading h1{font-size:34px;margin:20px 0 5px}.work-heading p{color:var(--muted)}.steps{list-style:none;padding:0;display:flex;gap:10px;margin:28px 0}.steps li{flex:1;border-bottom:1px solid var(--line);padding:14px 0;color:#8b9ab7;font-size:13px}.steps .current{color:#6cdddb;border-color:#51babd}.notice{color:#c1cbdf;background:#2732497a;padding:15px 18px;border:1px solid var(--line);border-radius:12px;font-size:13px}.notice button{background:none;color:#64d6d2;text-decoration:underline;padding:0 0 0 8px}.empty{text-align:center;padding:42px 10px}.empty-icon{font-size:64px;font-weight:100;color:#72afc6}.empty h2{font-size:22px;margin:15px 0 10px}.empty p{color:var(--muted);font-size:14px}.primary,.secondary,.danger{display:inline-block;padding:13px 19px;border-radius:11px;font-weight:600;font-size:13px;text-align:center;line-height:1.5;max-width:100%}.primary{background:linear-gradient(100deg,#6e9ef2,#30bebd);color:#0e1a2e}.secondary{background:#26354e;border:1px solid var(--line);color:#c9d5e9}.danger{background:#4d303c;color:#ffd1cf;border:1px solid #9e5867}.section-label{font-size:18px;margin:30px 0 18px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product{border:1px solid var(--line);background:#ffffff07;border-radius:15px;text-align:left;padding:12px;color:inherit;display:flex;flex-direction:column;gap:7px;min-width:0}.product img,.product-placeholder{width:100%;aspect-ratio:1;object-fit:contain;background:#222c44;border-radius:9px}.product-placeholder{display:grid;place-items:center;font-size:44px;color:#82b9d1}.product strong{font-size:14px;overflow-wrap:anywhere}.product span:last-child{color:var(--muted);font-size:12px}.selected{border-color:#68d8d4!important;background:#2d6c7422!important;box-shadow:0 0 0 1px #68d8d4}.create-panel,.result-panel{background:#ffffff07;border:1px solid var(--line);border-radius:22px;padding:26px;margin-top:26px}.create-panel h2,.result-panel h2{font-size:23px;margin:12px 0}.create-panel>p{font-size:14px;color:var(--muted)}.create-panel h3{font-size:15px;margin:25px 0 12px}.designs{display:flex;gap:12px;flex-wrap:wrap}.design{background:#ffffff05;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:100px;text-align:center}.design img{width:80px;height:80px;border-radius:8px;object-fit:cover}.design small{color:var(--muted);font-size:10px}.upload{display:flex;align-items:center;flex-direction:column;gap:9px;padding:26px;border:1px dashed #7386a0;border-radius:15px;text-align:center;cursor:pointer;background:#151e32}.upload input{position:absolute;opacity:0;width:1px;height:1px}.upload:focus-within{outline:2px solid #68dbde}.upload img{max-height:240px;max-width:100%;border-radius:9px}.upload-plus{font-size:42px;line-height:1.3;color:#6acfd5}.upload strong{font-size:14px}.upload>span:last-child{font-size:12px;color:var(--muted)}.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;margin:18px 0 8px}.consent input{accent-color:#61d6d4;flex-shrink:0;margin-top:5px}.privacy{font-size:12px;color:var(--muted);line-height:1.7}.privacy button{background:none;color:#8de0e3;font-size:12px;padding:0 4px}.generate{width:100%;margin-top:14px}.error{color:#ffa69b;background:#703f4828;border-radius:10px;padding:12px 15px;font-size:13px;overflow-wrap:anywhere}.job-id{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.progress{height:5px;border-radius:9px;background:#26354e;overflow:hidden;margin:30px 0}.progress span{display:block;width:25%;height:100%;background:#68d8d4;animation:progress 2s infinite ease-in-out}.result-image{max-width:100%;max-height:500px;display:block;object-fit:contain;margin:22px auto;border-radius:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.success{color:#84ddd0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050b19cf;z-index:20;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{position:relative;background:#1c2840;border:1px solid #44536d;border-radius:24px;padding:34px;width:100%;max-width:460px;max-height:90svh;overflow-y:auto;box-shadow:0 24px 70px #0005}.close{position:absolute;right:14px;top:10px;color:#a9bdd6;background:none;font-size:27px;padding:4px 10px}.modal h2{font-size:24px;margin:24px 0 12px}.modal p{font-size:13px;color:#b0bed6}.modal .eyebrow{font-size:10px}.modal form>label,.code-row label{display:block;font-size:13px;margin:16px 0}.modal input:not([type=range]){display:block;min-width:0;width:100%;color:#e4ecfb;border:1px solid #53617b;border-radius:10px;background:#111e32;padding:12px 14px;margin-top:8px;font-size:15px}.code-row{display:flex;gap:12px;align-items:center}.code-row label{flex:1;min-width:0}.code-row>button{margin-top:22px;white-space:nowrap;padding:12px}.modal form>.primary{width:100%;margin:10px 0 20px}.modal>a:last-child{display:inline-block;color:#88d9e0;font-size:12px;margin-top:10px}.puzzle{padding:12px;background:#111e32;border-radius:12px}.puzzle-image{position:relative;max-width:310px;width:100%;height:155px}.puzzle-image>img{width:310px;max-width:100%;height:155px;object-fit:fill}.puzzle-image>.piece{position:absolute;top:0;width:47px;max-width:none;pointer-events:none}.puzzle input[type=range]{width:100%;height:40px;accent-color:#55cbcc}.puzzle-image{max-width:none;width:310px;transform-origin:left top}.puzzle .error{color:#ffa69b}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(500%)}}@media (min-width:1100px){.shell{padding-top:28px}.hero{padding-bottom:36px}.hero h1{font-size:52px}.hero strong{font-size:48px}.topbar{padding-bottom:24px}}@media (max-width:600px){.topbar{padding:17px 25px}.brand{font-size:15px}.brand span{display:none}.topbar nav{gap:16px;font-size:11px}.shell{padding:34px 25px 36px;min-height:calc(100svh - 147px)}.hero{padding:0 6px 23px}.hero .eyebrow{font-size:10px;padding:5px 11px;letter-spacing:2px}.hero h1{font-size:32px;letter-spacing:-.8px;margin:17px 0 6px;line-height:1.25}.hero strong{font-size:29px;letter-spacing:-.6px;line-height:1.4;white-space:nowrap}.hero p{font-size:12px;white-space:nowrap}.area-grid{gap:14px}.area-card{min-height:138px;border-radius:19px;padding:18px 13px 15px}.area-card:before{width:110px;height:98px;right:-9px;top:-9px;filter:blur(10px)}.icon{width:46px;height:46px;border-radius:14px}.icon svg{width:25px;height:25px}.area-card h2{font-size:17px;letter-spacing:-.5px;margin:13px 0 3px}.area-card p{font-size:11px;letter-spacing:-.2px;white-space:nowrap}.badge{font-size:9px;line-height:17px;padding:0 7px}.visit .badge,.shop .badge{top:10px;right:10px}.card-arrow{display:none}.official-links{gap:17px;font-size:10px;padding:25px 0}.official-links span{margin-left:2px}.work-heading h1{font-size:28px}.work-heading p{font-size:13px}.back{padding-bottom:24px}.steps{gap:6px}.steps li{font-size:12px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.create-panel,.result-panel{padding:19px;border-radius:18px}.modal{padding:27px 22px}.modal h2{font-size:22px}.modal .code-row{gap:7px}.modal .code-row>button{font-size:11px;padding:12px 8px}.puzzle{padding:8px}.puzzle-image{max-width:100%;overflow:hidden}.puzzle-image>.piece{width:47px}.actions .primary,.actions .secondary,.actions .danger{font-size:12px;padding:11px 13px}.hero strong{font-weight:800}}@media (max-width:360px){.shell{padding-inline:18px}.hero strong{font-size:27px}.hero p{font-size:11px}.area-card h2{font-size:16px}.official-links{gap:12px}.modal{padding-inline:17px}}@media (prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}.puzzle-image{width:310px;max-width:100%;height:auto;aspect-ratio:310/155;position:relative}.puzzle-image>img:not(.piece){display:block;width:100%;height:100%;object-fit:fill}.puzzle-image>.piece{width:15.16129%;height:100%;object-fit:fill}.creations{list-style:none;padding:0;margin:24px 0}.creations li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;background:#ffffff07}.creations strong{font-size:14px}.creations .job-id{margin:8px 0 0}.creations li>div{min-width:0}.creations button{flex-shrink:0}.creations+.secondary{margin-top:8px}@media (min-width:821px){.shell:has(.design-editor){max-width:1180px}.shell:has(.design-editor) .result-panel .result-image{max-width:180px;max-height:180px}.shell:has(.design-editor) .result-panel{padding:16px 20px}}

/* du31-h5-fix-20261029: (1) topbar touch targets >=38px (2) hero subtitle may wrap so the full step chain fits narrow screens (3) catalog search grows to fill its row */
.topbar button{padding:11px 2px}
.topbar nav a{display:inline-block;padding:11px 2px}
@media (max-width:820px){.hero p{white-space:normal;line-height:1.8}}
.catalog-tools input{flex:1 1 220px}