:root{--ink: #131318;--ink-2: #1b1b22;--surface: #1e1e26;--surface-2: #24242e;--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .05);--ivory: #f4efe4;--ivory-dim: #c9c4b8;--muted: #93929c;--brass: #cda179;--brass-dim: #a8825f;--slate: #8291a3;--sage: #93a889;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 9px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);background-image:radial-gradient(ellipse 1200px 700px at 15% -10%,rgba(205,161,121,.09),transparent 60%),radial-gradient(ellipse 900px 600px at 100% 10%,rgba(130,145,163,.08),transparent 55%);color:var(--ivory);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}#app{min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0}button,input{font-family:var(--font-body)}a{color:inherit}::selection{background:#cda17959}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#33333e;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#45454f}.page[data-v-78cf43f0]{max-width:1240px;margin:0 auto;padding:28px 16px 96px}.hero[data-v-78cf43f0]{max-width:640px;margin-bottom:20px}.eyebrow[data-v-78cf43f0]{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--brass);margin-bottom:8px}.hero h1[data-v-78cf43f0]{font-size:clamp(22px,5.5vw,34px);line-height:1.2;color:var(--ivory)}.subtitle[data-v-78cf43f0]{margin-top:8px;color:var(--ivory-dim);font-size:13.5px;line-height:1.55}.footer-actions[data-v-78cf43f0]{display:flex;flex-wrap:wrap;gap:8px}.footer-actions .btn-lg[data-v-78cf43f0]{flex:1 1 auto;min-width:128px;width:auto}.uploader[data-v-78cf43f0]{border:1.5px dashed var(--line);border-radius:var(--radius-md);padding:14px 16px;display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#ffffff05,#fff0);transition:border-color .2s ease,background .2s ease;margin-bottom:22px}.uploader.dragging[data-v-78cf43f0]{border-color:var(--brass);background:#cda1790f}.hidden-input[data-v-78cf43f0]{display:none}.add-btn[data-v-78cf43f0]{flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--brass-dim);background:transparent;color:var(--brass);cursor:pointer;display:grid;place-items:center;transition:transform .15s ease,background .15s ease,color .15s ease}.add-btn[data-v-78cf43f0]:hover{background:var(--brass);color:var(--ink)}.add-btn[data-v-78cf43f0]:active{transform:scale(.94)}.uploader-text[data-v-78cf43f0]{margin:0;color:var(--ivory);font-size:13.5px;line-height:1.4}.uploader-sub[data-v-78cf43f0]{display:block;margin-top:3px;color:var(--muted);font-size:12px}.gallery[data-v-78cf43f0]{display:grid;grid-template-columns:1fr;gap:16px}.card[data-v-78cf43f0]{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease}.card-canvas-wrap[data-v-78cf43f0]{position:relative;aspect-ratio:620 / 1340;background:#0f0f13;max-width:260px;margin:0 auto;width:100%}.wrapper-canvas[data-v-78cf43f0]{width:100%;height:100%;display:block}.canvas-loading[data-v-78cf43f0]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12px;font-family:var(--font-mono);background:#0f0f1399}.spinner[data-v-78cf43f0]{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(205,161,121,.25);border-top-color:var(--brass);animation:spin-78cf43f0 .8s linear infinite}@keyframes spin-78cf43f0{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner[data-v-78cf43f0]{animation-duration:1.6s}}.remove-btn[data-v-78cf43f0]{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:none;background:#0a0a0c8c;color:#fff;font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.remove-btn[data-v-78cf43f0]:hover{background:#0a0a0cd9}.card-body[data-v-78cf43f0]{padding:12px 14px 14px;display:flex;flex-direction:column;gap:9px}.tag-row[data-v-78cf43f0]{display:flex;align-items:center;justify-content:space-between}.style-tag[data-v-78cf43f0]{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--ivory-dim)}.swatch[data-v-78cf43f0]{width:16px;height:16px;border-radius:5px;border:1px solid var(--line);flex:none}.chip-row[data-v-78cf43f0]{display:flex;gap:7px}.chip-btn[data-v-78cf43f0]{flex:1;padding:7px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--ivory-dim);font-size:12px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.chip-btn[data-v-78cf43f0]:hover{border-color:var(--brass-dim);color:var(--brass)}.name-field[data-v-78cf43f0]{display:flex;flex-direction:column;gap:4px}.name-label[data-v-78cf43f0]{font-size:11px;color:var(--muted)}.name-input-wrap[data-v-78cf43f0]{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-2);overflow:hidden}.name-input-wrap input[data-v-78cf43f0]{flex:1;min-width:0;border:none;background:transparent;color:var(--ivory);padding:9px 10px;font-size:14px;outline:none}.name-input-wrap .ext[data-v-78cf43f0]{padding:0 10px 0 0;color:var(--muted);font-family:var(--font-mono);font-size:12.5px}.name-hint[data-v-78cf43f0]{margin:0;font-size:11px;color:var(--muted);line-height:1.45;word-break:break-all}.mono[data-v-78cf43f0]{font-family:var(--font-mono);color:var(--ivory-dim)}.download-row[data-v-78cf43f0]{display:flex;gap:8px;margin-top:2px}.btn-secondary[data-v-78cf43f0],.btn-primary[data-v-78cf43f0]{flex:1;padding:10px 12px;border-radius:999px;font-size:12.5px;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,filter .15s ease}.btn-secondary[data-v-78cf43f0]{background:transparent;border-color:var(--line);color:var(--ivory)}.btn-secondary[data-v-78cf43f0]:hover{border-color:var(--slate)}.btn-primary[data-v-78cf43f0]{background:var(--brass);color:#1c150e;font-weight:600}.btn-primary[data-v-78cf43f0]:hover{filter:brightness(1.08)}.btn-primary[data-v-78cf43f0]:active,.btn-secondary[data-v-78cf43f0]:active{transform:scale(.97)}.btn-primary[data-v-78cf43f0]:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none}.empty-state[data-v-78cf43f0]{padding:44px 16px;text-align:center;color:var(--muted);font-size:13.5px;border:1px dashed var(--line-soft);border-radius:var(--radius-md)}.footer-bar[data-v-78cf43f0]{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#131318e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line-soft);z-index:20}.footer-info[data-v-78cf43f0]{color:var(--ivory-dim);font-size:12px;text-align:center}.btn-lg[data-v-78cf43f0]{flex:none;padding:12px 22px;width:100%}@media(min-width:640px){.page[data-v-78cf43f0]{padding:64px 28px 140px}.hero[data-v-78cf43f0]{margin-bottom:40px}.eyebrow[data-v-78cf43f0]{font-size:12px;margin-bottom:14px}.hero h1[data-v-78cf43f0]{font-size:clamp(30px,4.2vw,44px)}.subtitle[data-v-78cf43f0]{margin-top:14px;font-size:15.5px;line-height:1.7}.uploader[data-v-78cf43f0]{padding:22px 24px;gap:18px;margin-bottom:36px}.add-btn[data-v-78cf43f0]{width:48px;height:48px}.uploader-text[data-v-78cf43f0]{font-size:15px}.uploader-sub[data-v-78cf43f0]{font-size:13px;margin-top:5px}.gallery[data-v-78cf43f0]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.card[data-v-78cf43f0]:hover{transform:translateY(-3px);border-color:var(--line)}.card-canvas-wrap[data-v-78cf43f0]{max-width:none}.card-body[data-v-78cf43f0]{padding:16px 16px 18px;gap:11px}.footer-bar[data-v-78cf43f0]{flex-direction:row;align-items:center;justify-content:space-between;padding:16px 28px}.footer-info[data-v-78cf43f0]{text-align:left}.btn-lg[data-v-78cf43f0]{width:auto}}.toast[data-v-78cf43f0]{position:fixed;left:50%;bottom:92px;transform:translate(-50%);max-width:min(92vw,420px);background:#232229;color:var(--ivory);border:1px solid var(--line);border-radius:999px;padding:12px 20px;font-size:13.5px;text-align:center;box-shadow:0 12px 32px #0006;z-index:40}.toast-fade-enter-active[data-v-78cf43f0],.toast-fade-leave-active[data-v-78cf43f0]{transition:opacity .25s ease,transform .25s ease}.toast-fade-enter-from[data-v-78cf43f0],.toast-fade-leave-to[data-v-78cf43f0]{opacity:0;transform:translate(-50%,8px)}.modal-overlay[data-v-78cf43f0]{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.modal-box[data-v-78cf43f0]{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 32px #0006}.modal-box h3[data-v-78cf43f0]{font-size:17px;color:var(--ivory);margin:0 0 4px}.modal-hint[data-v-78cf43f0]{margin:0 0 12px;font-size:12px;color:var(--muted);line-height:1.6}.modal-hint code[data-v-78cf43f0]{font-family:var(--font-mono);font-size:11px;background:var(--ink-2);border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--brass)}.modal-box textarea[data-v-78cf43f0]{width:100%;resize:vertical;min-height:72px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-2);color:var(--ivory);padding:10px 12px;font-size:14px;font-family:var(--font-body);outline:none;line-height:1.55}.modal-box textarea[data-v-78cf43f0]:focus{border-color:var(--brass-dim)}.swatch-label[data-v-78cf43f0]{display:block;margin-top:14px;margin-bottom:8px}.color-swatch-row[data-v-78cf43f0]{display:flex;gap:10px;flex-wrap:wrap}.color-swatch-btn[data-v-78cf43f0]{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0;box-shadow:inset 0 0 0 2px #00000026;transition:transform .12s ease,border-color .15s ease}.color-swatch-btn[data-v-78cf43f0]:hover{transform:translateY(-1px)}.color-swatch-btn.active[data-v-78cf43f0]{border-color:var(--brass);box-shadow:0 0 0 3px #cda17947,inset 0 0 0 2px #00000026}.font-size-row[data-v-78cf43f0]{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px;margin-bottom:8px}.font-size-value[data-v-78cf43f0]{font-size:12.5px;color:var(--brass)}.font-size-slider[data-v-78cf43f0]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:var(--line);outline:none;cursor:pointer}.font-size-slider[data-v-78cf43f0]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brass);border:2px solid var(--ink);cursor:pointer}.font-size-slider[data-v-78cf43f0]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--brass);border:2px solid var(--ink);cursor:pointer}.modal-actions[data-v-78cf43f0]{display:flex;justify-content:flex-end;margin-top:14px}.modal-actions .btn-primary[data-v-78cf43f0]{flex:none;padding:10px 24px}.modal-fade-enter-active[data-v-78cf43f0],.modal-fade-leave-active[data-v-78cf43f0]{transition:opacity .2s ease}.modal-fade-enter-active .modal-box[data-v-78cf43f0],.modal-fade-leave-active .modal-box[data-v-78cf43f0]{transition:transform .22s ease}.modal-fade-enter-from[data-v-78cf43f0],.modal-fade-leave-to[data-v-78cf43f0]{opacity:0}.modal-fade-enter-from .modal-box[data-v-78cf43f0],.modal-fade-leave-to .modal-box[data-v-78cf43f0]{transform:translateY(16px)}@media(min-width:640px){.modal-overlay[data-v-78cf43f0]{align-items:center;padding:20px}.modal-box[data-v-78cf43f0]{border-radius:var(--radius-lg)}}