.hero[data-astro-cid-chsf4uhp]{background:linear-gradient(135deg,#0f3460,#2c3e50);padding:48px 24px 36px;text-align:center}.hero[data-astro-cid-chsf4uhp] h1[data-astro-cid-chsf4uhp]{font-size:32px;color:#fff;margin-bottom:8px}.hero[data-astro-cid-chsf4uhp] p[data-astro-cid-chsf4uhp]{font-size:16px;color:#aab2bd;max-width:600px;margin:0 auto}.steps-bar[data-astro-cid-chsf4uhp]{background:var(--steps-bar-bg, #fff);border-bottom:1px solid var(--steps-bar-border, #DEE2E6);padding:16px 24px;display:flex;justify-content:center;gap:8px;position:sticky;top:0;z-index:100}[data-astro-cid-chsf4uhp][data-theme=dark] .steps-bar[data-astro-cid-chsf4uhp]{--steps-bar-bg: #16213e;--steps-bar-border: #0f3460}.step-pill[data-astro-cid-chsf4uhp]{display:flex;align-items:center;gap:8px;padding:8px 20px;border-radius:24px;font-size:13px;font-weight:600;background:var(--pill-bg, #F8F9FA);color:var(--pill-color, #6C757D);transition:all .3s}[data-astro-cid-chsf4uhp][data-theme=dark] .step-pill[data-astro-cid-chsf4uhp]{--pill-bg: #0f3460;--pill-color: #6C757D}.step-pill[data-astro-cid-chsf4uhp].active{background:var(--accent);color:#fff}.step-pill[data-astro-cid-chsf4uhp].done{background:#27ae60;color:#fff}.step-pill[data-astro-cid-chsf4uhp] .num[data-astro-cid-chsf4uhp]{width:24px;height:24px;border-radius:50%;background:#0000001a;display:flex;align-items:center;justify-content:center;font-size:12px}.step-pill[data-astro-cid-chsf4uhp].active .num[data-astro-cid-chsf4uhp],.step-pill[data-astro-cid-chsf4uhp].done .num[data-astro-cid-chsf4uhp]{background:#ffffff40}.app[data-astro-cid-chsf4uhp]{max-width:1400px;margin:0 auto;padding:24px}.layout[data-astro-cid-chsf4uhp]{display:flex;gap:24px}.sidebar[data-astro-cid-chsf4uhp]{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.main[data-astro-cid-chsf4uhp]{flex:1;min-width:0}.card[data-astro-cid-chsf4uhp]{background:var(--card-bg, #fff);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--card-border, #E9ECEF)}[data-astro-cid-chsf4uhp][data-theme=dark] .card[data-astro-cid-chsf4uhp]{--card-bg: #16213e;--card-border: #0f3460}.card[data-astro-cid-chsf4uhp] h3[data-astro-cid-chsf4uhp]{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:#6c757d;margin-bottom:12px;display:flex;align-items:center;gap:8px}.card[data-astro-cid-chsf4uhp] h3[data-astro-cid-chsf4uhp] .icon[data-astro-cid-chsf4uhp]{font-size:16px}.drop-zone[data-astro-cid-chsf4uhp]{border:2px dashed var(--dz-border, #DEE2E6);border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s}[data-astro-cid-chsf4uhp][data-theme=dark] .drop-zone[data-astro-cid-chsf4uhp]{--dz-border: #0f3460}.drop-zone[data-astro-cid-chsf4uhp]:hover,.drop-zone[data-astro-cid-chsf4uhp].dragover{border-color:var(--accent);background:#e9456008}.drop-zone[data-astro-cid-chsf4uhp] .icon[data-astro-cid-chsf4uhp]{font-size:32px;margin-bottom:8px;display:block}.drop-zone[data-astro-cid-chsf4uhp] .label[data-astro-cid-chsf4uhp]{font-size:14px;font-weight:600;color:rgb(var(--black))}.drop-zone[data-astro-cid-chsf4uhp] .hint[data-astro-cid-chsf4uhp]{font-size:12px;color:#6c757d;margin-top:4px}.drop-zone[data-astro-cid-chsf4uhp] input[data-astro-cid-chsf4uhp]{display:none}.drop-zone[data-astro-cid-chsf4uhp].loaded{border-style:solid;border-color:#27ae60;background:#27ae6008}.drop-zone[data-astro-cid-chsf4uhp].loaded .label[data-astro-cid-chsf4uhp]{color:#27ae60}.gallery[data-astro-cid-chsf4uhp]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.gallery[data-astro-cid-chsf4uhp]::-webkit-scrollbar{width:4px}.gallery[data-astro-cid-chsf4uhp]::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.gallery-item[data-astro-cid-chsf4uhp]{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s;aspect-ratio:1}.gallery-item[data-astro-cid-chsf4uhp]:hover{border-color:#0f3460;transform:scale(1.03)}.gallery-item[data-astro-cid-chsf4uhp].selected{border-color:var(--accent)}.gallery-item[data-astro-cid-chsf4uhp] img[data-astro-cid-chsf4uhp]{width:100%;height:100%;object-fit:cover}.gallery-item[data-astro-cid-chsf4uhp] .name[data-astro-cid-chsf4uhp]{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:10px;padding:4px 6px;text-align:center}.upload-design-btn[data-astro-cid-chsf4uhp]{width:100%;padding:8px;border:2px dashed var(--upload-btn-border, #DEE2E6);border-radius:8px;background:none;cursor:pointer;color:#6c757d;font-size:12px;margin-top:8px;transition:all .2s}[data-astro-cid-chsf4uhp][data-theme=dark] .upload-design-btn[data-astro-cid-chsf4uhp]{--upload-btn-border: #0f3460}.upload-design-btn[data-astro-cid-chsf4uhp]:hover{border-color:var(--accent);color:var(--accent)}.canvas-container[data-astro-cid-chsf4uhp]{background:var(--canvas-bg, #fff);border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014;border:1px solid var(--canvas-border, #E9ECEF);position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}[data-astro-cid-chsf4uhp][data-theme=dark] .canvas-container[data-astro-cid-chsf4uhp]{--canvas-bg: #0a0a1a;--canvas-border: #0f3460}.canvas-container[data-astro-cid-chsf4uhp] canvas[data-astro-cid-chsf4uhp]{max-width:100%;cursor:crosshair;display:block}.canvas-placeholder[data-astro-cid-chsf4uhp]{text-align:center;padding:60px 20px;color:#6c757d}.canvas-placeholder[data-astro-cid-chsf4uhp] .big-icon[data-astro-cid-chsf4uhp]{font-size:64px;margin-bottom:16px;display:block}.canvas-placeholder[data-astro-cid-chsf4uhp] h2[data-astro-cid-chsf4uhp]{font-size:20px;color:rgb(var(--black));margin-bottom:8px}.canvas-placeholder[data-astro-cid-chsf4uhp] p[data-astro-cid-chsf4uhp]{font-size:14px;max-width:400px;margin:0 auto;line-height:1.6}.controls[data-astro-cid-chsf4uhp]{display:flex;flex-direction:column;gap:10px}.control-row[data-astro-cid-chsf4uhp]{display:flex;align-items:center;gap:10px}.control-row[data-astro-cid-chsf4uhp] label[data-astro-cid-chsf4uhp]{font-size:13px;color:rgb(var(--black));min-width:60px;font-weight:500}.control-row[data-astro-cid-chsf4uhp] input[data-astro-cid-chsf4uhp][type=range]{flex:1;accent-color:var(--accent);height:4px}.control-row[data-astro-cid-chsf4uhp] .value[data-astro-cid-chsf4uhp]{font-size:12px;color:#6c757d;min-width:36px;text-align:right;font-weight:600}.size-options[data-astro-cid-chsf4uhp]{display:flex;flex-direction:column;gap:8px}.size-option[data-astro-cid-chsf4uhp]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:2px solid var(--size-border, #E9ECEF);border-radius:12px;cursor:pointer;transition:all .2s}[data-astro-cid-chsf4uhp][data-theme=dark] .size-option[data-astro-cid-chsf4uhp]{--size-border: #0f3460}.size-option[data-astro-cid-chsf4uhp]:hover{border-color:#0f3460}.size-option[data-astro-cid-chsf4uhp].selected{border-color:var(--accent);background:#e9456008}.size-option[data-astro-cid-chsf4uhp] .info[data-astro-cid-chsf4uhp]{display:flex;flex-direction:column}.size-option[data-astro-cid-chsf4uhp] .size-name[data-astro-cid-chsf4uhp]{font-weight:700;font-size:14px;color:rgb(var(--black))}.size-option[data-astro-cid-chsf4uhp] .size-dims[data-astro-cid-chsf4uhp]{font-size:12px;color:#6c757d}.size-option[data-astro-cid-chsf4uhp] .price[data-astro-cid-chsf4uhp]{font-weight:700;font-size:16px;color:var(--accent)}.btn[data-astro-cid-chsf4uhp]{padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.btn-outline[data-astro-cid-chsf4uhp]{background:none;border:2px solid var(--btn-outline-border, #DEE2E6);color:rgb(var(--black))}[data-astro-cid-chsf4uhp][data-theme=dark] .btn-outline[data-astro-cid-chsf4uhp]{--btn-outline-border: #0f3460}.btn-outline[data-astro-cid-chsf4uhp]:hover{border-color:var(--accent);color:var(--accent)}.btn-green[data-astro-cid-chsf4uhp]{background:#27ae60;color:#fff;font-size:16px;padding:16px 24px}.btn-green[data-astro-cid-chsf4uhp]:hover{background:#219a52}.btn[data-astro-cid-chsf4uhp]:disabled{opacity:.4;cursor:not-allowed}.btn-row[data-astro-cid-chsf4uhp]{display:flex;gap:8px}.btn-row[data-astro-cid-chsf4uhp] .btn[data-astro-cid-chsf4uhp]{flex:1}.instructions-box[data-astro-cid-chsf4uhp]{background:var(--instr-bg, #F8F9FA);border-radius:8px;padding:12px;font-size:13px;color:#6c757d;line-height:1.5}[data-astro-cid-chsf4uhp][data-theme=dark] .instructions-box[data-astro-cid-chsf4uhp]{--instr-bg: rgba(0, 0, 0, .2)}.instructions-box[data-astro-cid-chsf4uhp] strong[data-astro-cid-chsf4uhp]{color:var(--accent)}.checkbox-row[data-astro-cid-chsf4uhp]{display:flex;align-items:center;gap:8px;font-size:13px;color:rgb(var(--black))}.checkbox-row[data-astro-cid-chsf4uhp] input[data-astro-cid-chsf4uhp]{accent-color:var(--accent);width:16px;height:16px}.cta-section[data-astro-cid-chsf4uhp]{margin-top:16px;padding:20px;background:linear-gradient(135deg,#0f3460,#2c3e50);border-radius:12px;text-align:center}.cta-section[data-astro-cid-chsf4uhp] h3[data-astro-cid-chsf4uhp]{color:#fff;font-size:16px;margin-bottom:4px;text-transform:none;letter-spacing:0}.cta-section[data-astro-cid-chsf4uhp] p[data-astro-cid-chsf4uhp]{color:#aab2bd;font-size:13px;margin-bottom:16px}@media (max-width: 900px){.layout[data-astro-cid-chsf4uhp]{flex-direction:column}.sidebar[data-astro-cid-chsf4uhp]{width:100%}.gallery[data-astro-cid-chsf4uhp]{grid-template-columns:repeat(4,1fr)}.hero[data-astro-cid-chsf4uhp] h1[data-astro-cid-chsf4uhp]{font-size:24px}}