*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:#0b0b0f;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:radial-gradient(circle at 10% 0%,rgba(255,84,0,.18),transparent 45%),radial-gradient(circle at 90% 100%,rgba(255,196,0,.18),transparent 45%),#0b0b0f}.page{max-width:720px;margin:0 auto;padding:48px 20px 80px}.hero{text-align:center;margin-bottom:32px}.hero h1{font-size:42px;margin:0 0 8px;background:linear-gradient(180deg,#fff,#d6d6d6,#8a8a8a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.4)}.hero p{margin:0;color:#b9b9c0;font-size:16px}.examples{text-align:center;margin-bottom:36px}.examples-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#888;font-weight:700;margin:0 0 16px}.examples-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.example-card{background:#14141cd9;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;width:280px;transition:transform .2s,border-color .2s}.example-card:hover{transform:translateY(-4px);border-color:#ffb34766}.example-card img{width:100%;display:block}.example-caption{padding:10px 14px 12px;display:flex;flex-direction:column;gap:2px}.example-name{font-size:.85rem;font-weight:700;color:#fff}.example-title{font-size:.75rem;color:#888}.examples-cta{margin:18px 0 0;font-size:.9rem;color:#ffb347;font-weight:600}.card{background:#14141cd9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 18px 40px #00000080}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:#c9c9d3}.field input[type=text],.field input[type=file]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#15151c;color:#f5f5f5;font-size:15px;font-family:inherit}.field input[type=text]:focus{outline:none;border-color:#ffb347;box-shadow:0 0 0 3px #ffb34733}.upload-tips{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.upload-tip{font-size:13px;color:#b0b0c0;background:#1a1a26;border-radius:8px;padding:10px 14px;line-height:1.5}.upload-tip--primary{border-left:3px solid #ffb347;color:#e0e0f0}.preview{display:flex;justify-content:center}.preview img{max-width:100%;max-height:220px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.drop-zone{position:relative;width:100%;min-height:140px;border-radius:10px;border:2px dashed rgba(255,255,255,.2);background:#15151c;cursor:pointer;transition:border-color .15s,background .15s;display:flex;align-items:center;justify-content:center;overflow:hidden}.drop-zone:hover{border-color:#ffb34780;background:#1a1a24}.drop-zone--active{border-color:#ffb347;background:#ffb34714}.drop-zone--has-file{border-style:solid;border-color:#ffffff26;min-height:0}.drop-zone__placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;text-align:center}.drop-zone__icon{font-size:32px;line-height:1}.drop-zone__text{font-size:15px;color:#f5f5f5}.drop-zone__hint{font-size:12px;color:#888}.drop-zone__preview{width:100%;max-height:220px;object-fit:contain;border-radius:8px;display:block}.drop-zone__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.cta{margin-top:8px;padding:14px 18px;border:none;border-radius:10px;font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#1a0c00;background:linear-gradient(180deg,#ffd66b,#f7a72b,#c97c0a);cursor:pointer;box-shadow:0 6px 18px #f7a72b59;transition:transform .05s ease,box-shadow .2s ease,opacity .2s ease}.cta:hover:not(:disabled){box-shadow:0 8px 22px #f7a72b80}.cta:active:not(:disabled){transform:translateY(1px)}.cta:disabled{cursor:not-allowed;opacity:.65}.error{background:#ff50501f;color:#ffb4b4;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,80,80,.3);font-size:14px}.loading{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#c9c9d3}.loading-msg{font-size:1.1rem;font-weight:600;color:#ffb347;transition:opacity .4s ease;text-align:center}.loading-sub{font-size:.82rem;color:#888;margin-top:-4px}.spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:#ffb347;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{margin-top:40px;text-align:center}.result h2{font-size:22px;margin-bottom:16px;color:#fff}.result img{max-width:100%;border-radius:14px;box-shadow:0 20px 50px #0009;border:1px solid rgba(255,255,255,.1)}.mockup-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.shirt-stage{width:100%;max-width:320px;margin:0 auto}.design-display{position:relative;width:100%;max-width:420px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #000000b3;border:1px solid rgba(255,255,255,.1)}.design-image{width:100%;height:auto;display:block}.mockup-loading-badge{position:absolute;bottom:44px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;background:#000000a6;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;white-space:nowrap;pointer-events:none}.view-toggle-row{display:flex;gap:8px;justify-content:center;margin-top:4px}.view-chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff9;font-size:13px;padding:7px 18px;border-radius:20px;cursor:pointer;font-family:inherit;font-weight:600;transition:all .15s}.view-chip:hover:not(:disabled){border-color:#ffffff80;color:#ffffffe6;background:#ffffff1f}.view-chip.active{background:#f7a72b33;border-color:#f7a72b;color:#f7a72b}.view-chip:disabled{opacity:.45;cursor:not-allowed}.chip-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fffc;border-radius:50%;animation:spin .75s linear infinite;flex-shrink:0}.design-flat{max-width:100%;border-radius:14px;box-shadow:0 20px 50px #0009;border:1px solid rgba(255,255,255,.1)}.view-toggle{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff9;font-size:13px;padding:6px 14px;border-radius:20px;cursor:pointer;font-family:inherit;transition:all .15s}.view-toggle:hover{border-color:#ffffff80;color:#ffffffe6}.share-row{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.share-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#888;font-weight:600}.share-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.share-copy{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;border:none;text-decoration:none;transition:opacity .15s,background .2s;background:linear-gradient(180deg,#ffd66b,#f7a72b);color:#1a0c00}.share-copy:hover{opacity:.85}.price-block{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:20px}.price-row{display:flex;align-items:center;gap:10px}.price-original{font-size:1.1rem;color:#888;text-decoration:line-through;font-weight:600}.price-sale{font-size:1.8rem;font-weight:800;color:#4ade80}.price-badge{background:#dc2626;color:#fff;font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.price-shipping{font-size:.85rem;color:#aaa;font-weight:500}.result-actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap;justify-content:center}.download,.regenerate,.buy{display:inline-block;color:#1a0c00;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px;border:none;cursor:pointer;font-family:inherit}.buy{background:linear-gradient(180deg,#4ade80,#16a34a);color:#062612;font-size:16px;padding:14px 28px;box-shadow:0 8px 22px #16a34a66}.download{background:linear-gradient(180deg,#ffd66b,#f7a72b)}.regenerate{background:linear-gradient(180deg,#f5f5f5,#c9c9c9)}.buy:disabled,.regenerate:disabled{opacity:.6;cursor:not-allowed}.size-row{display:flex;gap:12px;align-items:center;margin-top:18px;justify-content:center}.size-label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6}.size-options{display:flex;gap:8px;flex-wrap:wrap}.size-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;padding:8px 14px;border-radius:999px;font-weight:600;font-size:13px;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.size-chip:hover:not(:disabled){background:#ffffff26}.size-chip.active{background:linear-gradient(180deg,#ffd66b,#f7a72b);color:#1a0c00;border-color:transparent}.size-chip:disabled{opacity:.5;cursor:not-allowed}.banner{margin:16px 0;padding:14px 18px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:14px;border:1px solid transparent}.banner p{margin:0}.banner-info{background:#3b82f61f;border-color:#3b82f666;color:#cfe1ff}.banner-success{background:#22c55e1f;border-color:#22c55e73;color:#d1fadf}.banner-warning{background:#eab3081f;border-color:#eab30873;color:#fef3c7}.banner-error{background:#ef44441f;border-color:#ef444473;color:#ffd9d9}.zoom-hint{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;font-size:.78rem;color:#888;letter-spacing:.02em;pointer-events:none}.lightbox-overlay{position:fixed;inset:0;z-index:1000;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;cursor:zoom-out;animation:lightbox-in .18s ease}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox-close{position:fixed;top:16px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:1.1rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:background .15s}.lightbox-close:hover{background:#ffffff38}.lightbox-content{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:default;max-width:min(90vw,700px);width:100%}.lightbox-img{width:100%;max-width:700px;border-radius:12px;box-shadow:0 24px 80px #000c;display:block}.lightbox-hint{margin:0;font-size:.78rem;color:#ffffff59;letter-spacing:.03em}