:root{--bg-main: #f4f4f5;--surface: #ffffff;--text-main: #1f2933;--text-muted: #667085;--brand: #3e4c59;--accent: #de7a36;--border: #d0d5dd;--success: #1f7a4d;--danger: #c53b2f}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg-main);color:var(--text-main)}.app{width:min(980px,94vw);margin:20px auto 28px}.app-header{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 18px;margin-bottom:14px}.logo{width:72px;height:72px;object-fit:cover;border-radius:12px;border:2px solid #e4e7ec}.app-header h1{margin:0;color:var(--brand);font-size:1.35rem}.app-header p{margin:5px 0 0;color:var(--text-muted)}.steps-line{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.step-chip{border:1px solid var(--border);border-radius:12px;background:#eef1f4;color:#4d5f70;font-weight:600;padding:12px 10px;cursor:pointer}.step-chip.locked{opacity:.55;cursor:not-allowed}.step-chip.active{background:var(--brand);color:#fff;border-color:var(--brand)}.step-panel{display:none;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.step-panel.active{display:block}.step-panel h2{margin:0 0 6px;color:var(--brand)}.step-note{margin:0 0 15px;color:var(--text-muted)}.upload-area{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed #aab4bf;border-radius:14px;padding:38px 12px;min-height:160px;cursor:pointer;transition:background-color .2s,border-color .2s;margin-bottom:16px;text-align:center;color:var(--text-muted)}.upload-area p{margin:4px 0}.upload-area.active{background-color:#e9eef2;border-color:var(--brand)}.upload-area.blocked,.uploaded-files.blocked{pointer-events:none;opacity:.6}.uploaded-files{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:12px}.uploaded-item{position:relative;border-radius:0;border:1px solid #dce1e6;overflow:hidden;background:#fafbfc;display:flex;flex-direction:column;width:fit-content;max-width:280px}.uploaded-item>img{width:auto;height:auto;max-width:280px;max-height:280px;object-fit:contain;display:block}.uploaded-item label{display:block;font-size:.86rem;color:var(--text-muted);padding:10px}.quantity-input{margin-top:6px;width:100%;border:1px solid var(--border);border-radius:8px;padding:8px;background:#fff}.delete-btn{position:absolute;top:8px;right:8px;border:none;width:28px;height:28px;border-radius:50%;background-color:var(--danger);color:#fff;cursor:pointer}.delete-btn:disabled{background:#b7bcc2;cursor:not-allowed}.actions-row{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.btn{border:none;border-radius:10px;padding:11px 18px;font-size:.95rem;font-weight:600;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:#e8edf1;color:#314353}.btn-accent{background:var(--accent);color:#fff}.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;color:#3f4b57;font-weight:600}.form-grid input,.form-grid textarea{border:1px solid var(--border);border-radius:10px;padding:10px;font:inherit;color:var(--text-main);background:#fff}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#8f9aa6;opacity:.45}.form-grid input:disabled,.form-grid textarea:disabled{background:#f4f5f6;color:#8d96a0}.form-grid select{border:1px solid var(--border);border-radius:10px;padding:10px;font:inherit;color:var(--text-main);background:#fff}.radio-row{grid-template-columns:auto 1fr;align-items:center;gap:10px}.delivery-info{border:1px dashed #c2cad3;padding:10px 12px;border-radius:10px;color:#4a5561;background:#f8fafb}.hidden{display:none!important}.validation-message{margin-top:12px;border:1px solid #f2c4bf;background:#fff4f2;color:#a23529;border-radius:10px;padding:10px 12px}.order-summary{margin-top:14px;border-radius:12px;border:1px solid #e4e7ec;padding:12px;color:#44505c;background:#fafbfc;min-height:46px}.promo-label{display:grid;gap:6px;margin-top:14px;color:#3f4b57;font-weight:600}.promo-help{margin-top:8px;color:#667085;font-size:.92rem}.success-box{display:none;margin-top:12px;border-radius:12px;padding:14px;background:#eaf7ef;color:var(--success);border:1px solid #b8e2c7;font-weight:600}.success-box.show{display:block}.error-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg-main)}.error-card{width:min(620px,100%);background:var(--surface);border:1px solid #f0c7c2;border-radius:16px;padding:24px;box-shadow:0 18px 40px #1f29331f}.error-card h1{margin:0 0 10px;color:#9f2f25}.error-card p{color:#4a5561}.error-card pre{white-space:pre-wrap;word-break:break-word;border-radius:10px;padding:12px;background:#fff4f2;color:#7a251d;border:1px solid #f2c4bf}.error-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700;color:var(--danger)}@media (max-width: 640px){.app-header{padding:12px}.logo{width:62px;height:62px}.steps-line{grid-template-columns:1fr}.actions-row{flex-direction:column}.btn{width:100%}}