.oc-shell{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1180px;margin:30px auto;color:#172033}.oc-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.oc-head strong{font-size:28px}.oc-head p{margin:.25rem 0 0;color:#64748b}.oc-total{background:#0f172a;color:white;border-radius:18px;padding:14px 20px;text-align:right}.oc-total span{display:block;color:#cbd5e1;font-size:13px}.oc-total strong{font-size:26px}.oc-grid{display:grid;grid-template-columns:1fr 420px;gap:24px}.oc-card,.oc-preview{background:white;border:1px solid #e5e7eb;border-radius:24px;padding:24px;box-shadow:0 20px 50px rgba(15,23,42,.08)}.oc-progress{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:24px}.oc-progress span{height:100%;background:linear-gradient(90deg,#111827,#f59e0b);display:block}.oc-step-count{color:#64748b;margin-bottom:8px}.oc-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.oc-option{background:#fff;border:2px solid #e5e7eb;border-radius:18px;padding:14px;text-align:left;cursor:pointer;transition:.2s;position:relative}.oc-option:hover,.oc-option.active{border-color:#111827;box-shadow:0 10px 25px rgba(15,23,42,.1)}.oc-option img{width:100%;height:130px;object-fit:cover;border-radius:14px;margin-bottom:12px}.oc-option span{font-weight:700}.oc-option em{position:absolute;top:12px;right:12px;background:#f59e0b;color:#111827;border-radius:999px;padding:4px 8px;font-size:12px;font-style:normal}.oc-color{display:block;width:100%;height:90px;border-radius:14px;margin-bottom:12px}.oc-preview img{width:100%;height:330px;object-fit:cover;border-radius:18px}.oc-preview #oc-summary{margin-top:18px;color:#475569}.oc-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.oc-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:13px 20px;text-decoration:none;cursor:pointer}.oc-btn-primary{background:#111827;color:white}.oc-btn-light{background:#f1f5f9;color:#111827}.oc-btn-danger{background:#dc2626;color:white}.oc-ranges label{display:block;margin:20px 0;font-weight:700}.oc-ranges input[type=range]{width:100%;margin-top:8px}.oc-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.oc-form input,.oc-form textarea{border:1px solid #d1d5db;border-radius:12px;padding:12px}.oc-form textarea{grid-column:1/-1;min-height:100px}.oc-success{text-align:center}.oc-quote{max-width:920px;margin:40px auto;font-family:Inter,system-ui}.oc-quote h1{font-size:30px}.oc-quote h2{font-size:42px}@media(max-width:900px){.oc-grid{grid-template-columns:1fr}.oc-preview{order:-1}.oc-options{grid-template-columns:1fr}.oc-form{grid-template-columns:1fr}.oc-head{align-items:stretch;flex-direction:column}.oc-preview img{height:240px}}

/* File upload step */
.oc-upload { display: grid; gap: 14px; }
.oc-upload-box { border: 2px dashed #d9dde7; border-radius: 18px; background: #f8fafc; padding: 22px; display: grid; gap: 8px; cursor: pointer; }
.oc-upload-box strong { font-size: 16px; color: #111827; }
.oc-upload-box span { color: #64748b; font-size: 14px; line-height: 1.5; }
.oc-upload-box input { margin-top: 10px; }
.oc-file-list { background: #fff; border: 1px solid #edf0f5; border-radius: 14px; padding: 12px 14px; }
.oc-file-list ul { margin: 8px 0 0; padding-left: 20px; color: #475569; }

/* Core fix: visible option prices + upload step */
.oc-option-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #f3f6f9;
    color: #111827;
    font-size: 12px;
    font-weight: 700;
}
.oc-upload-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 24px;
    border: 2px dashed #d1d5db;
    border-radius: 18px;
    background: #f9fafb;
    cursor: pointer;
}
.oc-upload-box input[type="file"] { margin-top: 10px; }
.oc-file-list { margin-top: 14px; font-size: 14px; }
.oc-file-list ul { margin: 8px 0 0; padding-left: 18px; }