:root{--app-bg:#f9fafb;--app-bg-white:#fff;--app-text-primary:#111827;--app-text-secondary:#44403c;--app-text-tertiary:#78716c;--label-secondary:#57534e;--app-border:#e5e7eb;--app-border-medium:#d1d5db;--app-card-bg:#fff;--app-card-gradient:linear-gradient(135deg, #fff 0%, #f9fafb 100%);--app-card-shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--app-accent:#2d2d2d;--app-accent-hover:#1a1a1a;--app-accent-light:#f5f5f4;--app-accent-gradient:linear-gradient(135deg, #2d2d2d 0%, #404040 100%);--app-hover-bg:#f3f4f6;--logo-filter:brightness(0) saturate(100%);--info-box-bg:linear-gradient(135deg, #b8860b14 0%, #b453090d 100%);--info-box-border:#b8860b33}.dark-mode{--app-bg:#0f172a;--app-bg-white:#1e293b;--app-text-primary:#f8fafc;--app-text-secondary:#cbd5e1;--app-text-tertiary:#94a3b8;--label-secondary:#d6d3d1;--app-border:#334155;--app-border-medium:#475569;--app-card-bg:#1e293b;--app-card-gradient:linear-gradient(135deg, #1e293b 0%, #334155 100%);--app-card-shadow:0 4px 16px #00000080;--app-accent:#868cf8;--app-accent-light:#1e293b;--app-hover-bg:#2d3a4f;--logo-filter:brightness(0) invert(1) drop-shadow(0 0 3px #ffffff4d);--info-box-bg:linear-gradient(135deg, #2d2d2d26 0%, #5252521f 100%);--info-box-border:#2d2d2d59}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--app-bg);color:var(--app-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:background-color .3s,color .3s}.app-container{background:var(--app-bg);flex-direction:column;display:flex}body.standalone .app-container{min-height:100vh}.app-header{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--app-border);z-index:100;isolation:isolate;background:#fffffff2;transition:all .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.dark-mode .app-header{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--app-border);background:#0f172af2;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003}.dark-mode .header-brand{border-bottom:1px solid var(--app-border,#334155)}.dark-mode .header-logo-img{filter:brightness(0)invert()drop-shadow(0 0 6px #fff6)drop-shadow(0 2px 4px #fff3);opacity:1}.dark-mode .header-logo-img:hover{filter:brightness(0)invert()drop-shadow(0 0 8px #2d2d2dcc)drop-shadow(0 2px 6px #2d2d2d66)}.dark-mode .header-brand h1{color:var(--app-text-primary,#f8fafc);filter:none}.header-brand{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:1.25rem 2rem .75rem;display:flex}.header-brand-content{cursor:pointer;align-items:center;gap:1rem;display:flex}.header-logo-img{object-fit:contain;filter:brightness(0)drop-shadow(0 0 6px #0003)drop-shadow(0 2px 4px #0000001a);opacity:.8;cursor:pointer;width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-logo-img:hover{filter:brightness(0)drop-shadow(0 0 12px #2d2d2d99)drop-shadow(0 0 24px #2d2d2d66);opacity:1;transform:scale(1.08)rotate(-5deg)}.header-brand h1{background:linear-gradient(135deg,#7c4bc8 0%,#4a2a85 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px #0000001a);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.75rem;font-weight:800;transition:transform .2s}.header-brand h1:hover{transform:scale(1.02)}.header-brand .header-actions{align-items:center;gap:.5rem;margin-right:5.5rem;display:flex}.cart-tab.has-items{color:#ff9800}.cart-tab.has-items .cart-badge{color:#fff;background:#ff9800;animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-main{background:var(--app-bg);flex:1;position:relative;overflow:hidden auto}.app-main:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20%,#2d2d2d05 0%,#0000 50%),radial-gradient(circle at 80% 80%,#2d2d2d05 0%,#0000 50%);position:absolute;inset:0}.dark-mode .app-main{background:radial-gradient(at 0 0,#2d2d2d14 0%,#0000 50%),radial-gradient(at 100% 100%,#2d2d2d14 0%,#0000 50%),linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 50%,#16213e 100%)}.dark-mode .app-main:before{background-image:radial-gradient(circle at 20%,#2d2d2d05 0%,#0000 50%),radial-gradient(circle at 80% 80%,#2d2d2d05 0%,#0000 50%)}.products-start-view{justify-content:center;align-items:center;min-height:70vh;padding:2rem;display:flex}.start-content{text-align:center;max-width:600px}.start-content h2{color:var(--app-text-primary);margin-bottom:1rem;font-size:2rem}.start-content p{color:var(--app-text-secondary);margin-bottom:2rem;font-size:1.1rem}.quick-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.btn-large{cursor:pointer;border:none;border-radius:12px;padding:1.25rem 2.5rem;font-size:1.15rem;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:linear-gradient(135deg,#2d2d2d 0%,#525252 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2d2d2d66}.btn-secondary{color:#2d2d2d;background:#fff;border:2px solid #2d2d2d}.btn-secondary:hover{color:#fff;background:#2d2d2d}.modal-footer{align-items:stretch}.modal-footer button{text-align:center}:root:not(.dark-mode) .btn-secondary{color:#2d3748;background:#f5f5f5;border:2px solid #d0d0d0}:root:not(.dark-mode) .btn-secondary:hover{color:#1a202c;background:#e0e0e0;border-color:#a0aec0}.recent-designs-hint{background:var(--app-hover-bg);border-radius:12px;margin-top:2rem;padding:1.5rem}.hint-text{color:var(--app-text-secondary);font-size:1rem}.hint-text strong{color:var(--app-accent)}.cart-view{max-width:900px;margin:0 auto;padding:2rem}.cart-header{margin-bottom:2rem}.cart-header h2{color:var(--app-text-primary);margin-bottom:.5rem;font-size:2rem}.cart-count{color:var(--app-text-secondary);font-size:1.05rem}.empty-cart{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-cart .empty-icon{margin-bottom:1rem;font-size:4rem}.empty-cart h3{color:var(--app-text-primary);margin-bottom:.5rem;font-size:1.5rem}.empty-cart p{color:var(--app-text-secondary);margin-bottom:2rem}.empty-cart .btn-primary{justify-content:center;align-items:center;min-width:200px;margin:0 auto;display:inline-flex}.cart-items{flex-direction:column;gap:1rem;display:flex}.cart-item{background:var(--app-card-bg);box-shadow:0 2px 8px var(--app-card-shadow);border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.item-preview{background:var(--app-hover-bg);border-radius:8px;flex-shrink:0;width:100px;height:100px;overflow:hidden}.item-preview img{object-fit:cover;width:100%;height:100%}.item-info{flex:1}.item-info h4{color:var(--app-text-primary);margin:0 0 .5rem;font-size:1.15rem}.item-details{color:var(--app-text-secondary);font-size:.95rem}.btn-remove{color:#e74c3c;cursor:pointer;background:#ffebee;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1.2rem;font-weight:700;transition:all .2s}.btn-remove:hover{color:#fff;background:#e74c3c}.cart-actions{border-top:2px solid var(--app-border);justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.btn-checkout{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%)}.btn-checkout:hover{box-shadow:0 8px 20px #4caf5066}.app-footer{border-top:1px solid var(--app-border);z-index:5;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);padding:1.5rem 2rem;position:relative;box-shadow:0 -2px 10px #0000000d}.footer-stats{color:var(--app-text-secondary);justify-content:center;gap:2rem;font-size:.9rem;font-weight:500;display:flex}.footer-stats span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--app-text-primary);background:#2d2d2d14;border:1px solid #2d2d2d33;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .3s;display:flex}.footer-stats span:hover{background:#2d2d2d1f;border-color:#2d2d2d4d;transform:translateY(-2px)}.dark-mode .app-footer{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-top:1px solid #2d2d2d33;box-shadow:0 -2px 10px #0000004d}.dark-mode .footer-stats{color:#2d2d2dcc}.dark-mode .footer-stats span{color:#2d2d2de6;background:#2d2d2d1a;border:1px solid #2d2d2d33}.dark-mode .footer-stats span:hover{background:#2d2d2d26;border-color:#2d2d2d4d}@media (width<=768px){.header-logo-img{height:35px}.header-brand h1{font-size:1.3rem}.quick-actions{flex-direction:column}.btn-large{width:100%}.cart-item{text-align:center;flex-direction:column}.cart-actions{flex-direction:column}.footer-stats{flex-direction:column;align-items:center;gap:.75rem}}.btn-block{width:100%}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--app-hover-bg)}::-webkit-scrollbar-thumb{background:var(--app-text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--app-text-secondary)}.header-brand{align-items:center;gap:1rem;display:flex}.btn-back-to-shop{color:#2d2d2d;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#2d2d2d14;border:2px solid #2d2d2d4d;border-radius:10px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #00000014}.btn-back-to-shop:hover{background:#2d2d2d26;border-color:#2d2d2d80;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #2d2d2d4d}.btn-back-to-shop:active{transform:translateY(0)scale(1)}.dark-mode .btn-back-to-shop{color:var(--app-accent,#2d2d2d);background:#0000004d;border:2px solid #2d2d2d66;box-shadow:0 2px 8px #0000004d}.dark-mode .btn-back-to-shop:hover{background:#2d2d2d33;border-color:#2d2d2d99;box-shadow:0 6px 16px #2d2d2d80}.btn-help{background:var(--app-card-bg,#fff);color:var(--app-text-secondary,#475569);border:1.5px solid var(--app-border,#e2e8f0);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000d}.btn-help:hover{background:var(--app-hover-bg,#f1f5f9);border-color:var(--app-accent,#2d2d2d);color:var(--app-accent,#2d2d2d);transform:translateY(-1px);box-shadow:0 2px 6px #2d2d2d26}.btn-help:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.dark-mode .btn-help{background:var(--app-card-bg,#1e293b);color:var(--app-text-secondary,#cbd5e1);border-color:var(--app-border,#334155);box-shadow:0 1px 3px #0000004d}.dark-mode .btn-help:hover{background:var(--app-hover-bg,#2d3a4f);border-color:var(--app-accent,#2d2d2d);color:var(--app-accent,#2d2d2d);box-shadow:0 2px 6px #2d2d2d33}.btn-admin{background:var(--app-card-bg,#fff);color:var(--app-text-secondary,#475569);border:1.5px solid var(--app-border,#e2e8f0);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000d}.btn-admin:hover{background:var(--app-hover-bg,#f1f5f9);border-color:var(--app-accent,#2d2d2d);color:var(--app-accent,#2d2d2d);transform:translateY(-1px);box-shadow:0 2px 6px #2d2d2d26}.btn-admin-exit-user-view{background:var(--app-accent-light,#e0e7ff);color:var(--app-accent,#2d2d2d);border:1.5px solid var(--app-accent,#2d2d2d);gap:.5rem;font-weight:600}.btn-admin-exit-user-view:hover{background:var(--app-accent,#2d2d2d);color:#fff;border-color:var(--app-accent,#2d2d2d);transform:translateY(-1px);box-shadow:0 2px 8px #2d2d2d40}.btn-admin:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.dark-mode .btn-admin{background:var(--app-card-bg,#1e293b);color:var(--app-text-secondary,#cbd5e1);border-color:var(--app-border,#334155);box-shadow:0 1px 3px #0000004d}.dark-mode .btn-admin:hover{background:var(--app-hover-bg,#2d3a4f);border-color:var(--app-accent,#2d2d2d);color:var(--app-accent,#2d2d2d);box-shadow:0 2px 6px #2d2d2d33}.dark-mode .btn-admin-exit-user-view{color:var(--app-accent,#2d2d2d);border-color:var(--app-accent,#2d2d2d);background:#2d2d2d33}.dark-mode .btn-admin-exit-user-view:hover{background:var(--app-accent,#2d2d2d);color:#fff;border-color:var(--app-accent,#2d2d2d);box-shadow:0 2px 8px #2d2d2d4d}.btn-shortcuts{color:#2d2d2d;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d2d2d14;border:2px solid #2d2d2d4d;border-radius:10px;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #00000014}.btn-shortcuts:hover{background:#2d2d2d26;border-color:#2d2d2d80;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #2d2d2d4d}.btn-shortcuts:active{transform:translateY(0)scale(1)}.dark-mode .btn-shortcuts{color:var(--app-accent,#2d2d2d);background:#0000004d;border:2px solid #2d2d2d66;box-shadow:0 2px 8px #0000004d}.dark-mode .btn-shortcuts:hover{background:#2d2d2d33;border-color:#2d2d2d99;box-shadow:0 6px 16px #2d2d2d80}.dark-mode .btn-primary{color:var(--app-accent,#2d2d2d);background:linear-gradient(135deg,#2d2d2d4d 0%,#2d2d2d33 100%);border:2px solid #2d2d2d80;box-shadow:0 2px 8px #2d2d2d33}.dark-mode .btn-secondary{color:#2d2d2df2;background:#1a1a2ecc;border:2px solid #2d2d2d66}.dark-mode .btn-secondary:hover{color:var(--app-accent,#2d2d2d);background:linear-gradient(135deg,#2d2d2d40 0%,#2d2d2d26 100%);border-color:#2d2d2d99}.shortcuts-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.shortcuts-modal{background:#1a1a2e;border-radius:24px;width:90%;max-width:700px;max-height:85vh;animation:.4s slideUp;overflow:hidden;box-shadow:0 30px 90px #0006,0 0 0 1px #2d2d2d33}.shortcuts-header{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1e 100%);border-bottom:2px solid #2d2d2d33;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.shortcuts-header h2{color:#fff;background:linear-gradient(135deg, #fff 0%, var(--app-accent,#2d2d2d) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem}.btn-close-shortcuts{color:var(--app-accent,#2d2d2d);cursor:pointer;background:#ffffff1a;border:2px solid #2d2d2d4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .3s;display:flex}.btn-close-shortcuts:hover{border-color:var(--app-accent,#2d2d2d);background:#2d2d2d4d;transform:rotate(90deg)}.shortcuts-content{max-height:calc(85vh - 80px);padding:2rem;overflow-y:auto}.shortcuts-section{margin-bottom:2rem}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-section h3{color:var(--app-accent,#2d2d2d);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.shortcut-list{flex-direction:column;gap:.75rem;display:flex}.shortcut-item{background:#ffffff0d;border:1px solid #2d2d2d33;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.shortcut-item:hover{background:#2d2d2d1a;border-color:#2d2d2d66}.shortcut-item kbd{color:var(--app-accent,#2d2d2d);text-align:center;background:linear-gradient(135deg,#2a2a3e 0%,#1f1f2e 100%);border:2px solid #2d2d2d4d;border-radius:6px;min-width:3rem;padding:.4rem .8rem;font-family:Segoe UI,sans-serif;font-size:.9rem;font-weight:600;box-shadow:0 2px 4px #0000004d}.shortcut-item span{color:#ffffffe6;flex:1;font-size:.95rem}.shortcut-coming-soon .shortcut-item{opacity:.6}.shortcut-coming-soon .shortcut-item kbd{color:#999;border-color:#9696964d}.shortcut-coming-soon .shortcut-item span{color:#ffffff80;font-style:italic}.dark-mode .btn-primary{color:#1a1a2e;background:linear-gradient(135deg,#2d2d2de6 0%,#2d2d2db3 100%);border:2px solid #2d2d2d66;font-weight:700;box-shadow:0 4px 12px #2d2d2d4d}.dark-mode .btn-primary:hover{background:linear-gradient(135deg, var(--app-accent,#2d2d2d) 0%, #2d2d2dcc 100%);border-color:#2d2d2d99;transform:translateY(-2px);box-shadow:0 6px 16px #2d2d2d80}.dark-mode .btn-secondary{color:#2d2d2de6;background:#2d2d2d1a;border:2px solid #2d2d2d4d;font-weight:600}.dark-mode .btn-secondary:hover{color:var(--app-accent,#2d2d2d);background:#2d2d2d33;border-color:#2d2d2d80;box-shadow:0 4px 12px #2d2d2d4d}.Polaris-Page-Header__Row{flex-wrap:wrap}.Polaris-Page{max-width:100%;overflow-x:hidden}:root{--etch-text-dim:#6b7177;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:no-preference){.Polaris-Layout__Section{animation:.28s cubic-bezier(.4,0,.2,1) both etchify-section-in}}@keyframes etchify-section-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #8947e980}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:2px solid #8947e9}body{background:var(--app-bg);min-height:100%;color:var(--app-text-primary);margin:0;display:flex}body.standalone{min-height:100vh}.etchify-link{color:#8947e9;cursor:pointer;letter-spacing:.01em;text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:2px;padding:0;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;-webkit-text-decoration:underline dashed #0000;text-decoration:underline dashed #0000;transition:color .15s,opacity .15s,text-decoration-color .15s;display:inline-flex}.etchify-link:hover{color:#6a35c4;text-decoration-color:#8947e9}.etchify-link:active{color:#4a1f99}.etchify-link:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #8947e973}.etchify-link--sm{font-size:11px}.etchify-link--lg{font-size:13px}.etchify-card-button{transition:transform .15s,box-shadow .15s}.etchify-card-button:hover .etchify-card-inner{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14}.etchify-card-button:focus-visible .etchify-card-inner{outline-offset:2px;outline:2px solid #8947e973}.etchify-card-inner{transition:transform .15s,box-shadow .15s}#root{width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--app-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}.etch-maxchars-input::placeholder{color:#6d7175;opacity:1;font-weight:600}*{scrollbar-width:thin;scrollbar-color:#1f29374d transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#1f293747;background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#1f293780}::-webkit-scrollbar-corner{background:0 0}html,body,#root,.app{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;color:#212529!important;background:#fff!important}@media (prefers-color-scheme:dark){html,body,#root,.app,*{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}}html.dark-mode,body.dark-mode,.dark-mode,html.p-theme-dark,body.p-theme-dark{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}select option,.Polaris-Select option{color:#1f2937!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background-color:#fff!important}