.hdasd3-app{max-width:1500px;margin:0 auto;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#0f172a}.hdasd3-panel,.hdasd3-project{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 12px 35px rgba(15,23,42,.06);margin:16px 0}.hdasd3-panel h2{margin:0 0 16px;font-size:28px}.hdasd3-panel small{background:#7c3aed;color:#fff;border-radius:7px;padding:2px 7px}.hdasd3-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hdasd3-form label{display:grid;gap:6px;font-weight:700}.hdasd3-form input,.hdasd3-form select,.hdasd3-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px;background:#fff}.hdasd3-form textarea{min-height:76px}.hdasd3-btn{background:#4f46e5;color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:800;cursor:pointer;width:max-content}.hdasd3-btn[disabled]{opacity:.65;cursor:wait}.hdasd3-message{padding:10px 12px;border-radius:10px;margin-top:12px}.hdasd3-message.info{background:#eff6ff;border:1px solid #bfdbfe}.hdasd3-message.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.hdasd3-state{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:18px}.hdasd3-state span{font-size:12px;color:#334155}.hdasd3-state-designed{background:#f0fdf4;border-color:#86efac}.hdasd3-state-needs_api,.hdasd3-state-needs_review{background:#fff7ed;border-color:#fed7aa}.hdasd3-compare{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.hdasd3-compare h3,.hdasd3-picker h3{margin:0 0 10px}.hdasd3-compare img{width:100%;height:auto;display:block}.hdasd3-viewer{position:relative;background:#111827;overflow:hidden;border-radius:2px}.hdasd3-viewer img{width:100%;height:auto;display:block}.hdasd3-pin{position:absolute;transform:translate(-50%,-50%);text-decoration:none;z-index:3}.hdasd3-pin b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--hotspot,#10b981);border:3px solid #fff;color:#fff;font-size:12px;box-shadow:0 0 0 8px rgba(16,185,129,.22),0 8px 20px rgba(0,0,0,.28)}.hdasd3-pin em{display:none;position:absolute;left:35px;top:50%;transform:translateY(-50%);background:#fff;padding:8px 10px;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.2);font-style:normal;font-size:12px;min-width:160px;color:#111827}.hdasd3-pin em small{display:block;color:#64748b;text-transform:uppercase;font-size:10px;margin-top:2px}.hdasd3-pin:hover em{display:block}.hdasd3-picker{margin-top:18px}.hdasd3-picker p{font-size:13px;color:#475569}.hdasd3-role{margin:18px 0}.hdasd3-role h4{margin:0 0 8px;font-size:18px}.hdasd3-row{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:3px 3px 12px;scroll-snap-type:x proximity;border-bottom:1px solid #f1f5f9}.hdasd3-row::-webkit-scrollbar{height:9px}.hdasd3-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.hdasd3-card{position:relative;flex:0 0 132px;scroll-snap-align:start;display:grid;gap:6px;border:2px solid #e5e7eb;border-radius:12px;padding:8px;background:#fff;cursor:pointer}.hdasd3-card.is-selected{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.12)}.hdasd3-card input{position:absolute;top:7px;left:7px;z-index:2}.hdasd3-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;background:#f8fafc}.hdasd3-card strong{font-size:12px;line-height:1.15}.hdasd3-card small{font-size:11px;color:#fff;background:#7161ef;border-radius:5px;padding:3px 5px;font-weight:800;overflow:hidden}.hdasd3-admin .inside{overflow:auto}@media(max-width:900px){.hdasd3-form,.hdasd3-compare{grid-template-columns:1fr}.hdasd3-card{flex-basis:120px}}
.hdasd3-open-viewer,.hdasd3-toggle-pins{position:absolute;top:10px;z-index:5;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:#0f172a;font-weight:800;padding:7px 10px;box-shadow:0 8px 20px rgba(0,0,0,.12);cursor:pointer}.hdasd3-open-viewer{right:10px}.hdasd3-toggle-pins{right:92px}.hdasd3-viewer.hide-pins .hdasd3-pin{display:none}.hdasd3-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}.hdasd3-btn-quote{background:#0f172a}.hdasd3-btn-light{display:inline-block;text-decoration:none;background:#f8fafc;color:#0f172a;border:1px solid #cbd5e1}.hdasd3-quote-summary{margin-top:18px;border:1px solid #dbeafe;background:#f8fbff;border-radius:14px;padding:16px}.hdasd3-quote-summary table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.hdasd3-quote-summary th,.hdasd3-quote-summary td{border-bottom:1px solid #e5e7eb;text-align:left;padding:9px;font-size:13px}.hdasd3-quote-summary tfoot th{font-size:15px}.hdasd3-modal{position:fixed;inset:0;background:rgba(2,6,23,.86);z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px}.hdasd3-modal-inner{width:min(1280px,96vw);height:min(860px,94vh);background:#0f172a;border-radius:18px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden;display:flex;flex-direction:column}.hdasd3-modal-close{position:absolute;right:14px;top:10px;z-index:4;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#111827;font-size:28px;line-height:1;cursor:pointer}.hdasd3-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 70px 16px 18px;color:#fff}.hdasd3-modal-head button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:8px 12px;margin-left:8px;cursor:pointer}.hdasd3-modal-stage{position:relative;flex:1;overflow:auto;background:#020617;display:grid;place-items:center}.hdasd3-modal-stage img{max-width:100%;max-height:100%;display:block}.hdasd3-modal-original{position:absolute}.hdasd3-ba{position:absolute;inset:0;display:grid;place-items:center;clip-path:inset(0 0 0 0)}.hdasd3-slider{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:min(620px,70vw);z-index:3}.hdasd3-hint{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);background:rgba(255,255,255,.92);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700;color:#0f172a;z-index:3}@media(max-width:700px){.hdasd3-open-viewer,.hdasd3-toggle-pins{font-size:11px;padding:6px 8px}.hdasd3-toggle-pins{right:82px}.hdasd3-modal-head{padding-right:60px;display:grid}.hdasd3-modal-head button{margin:4px 4px 0 0}.hdasd3-quote-summary{overflow:auto}}
/* v3.2 premium workspace UI */
.hdasd3-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,#0f172a,#312e81 55%,#0ea5e9);color:#fff;border-radius:22px;padding:22px;margin-bottom:18px;box-shadow:0 22px 55px rgba(49,46,129,.28)}
.hdasd3-hero span{display:inline-flex;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hdasd3-hero h2{margin:10px 0 6px!important;color:#fff}.hdasd3-hero p{margin:0;color:rgba(255,255,255,.82)}.hdasd3-hero-stats{display:flex;gap:10px;flex-wrap:wrap}.hdasd3-hero-stats b{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:12px 14px;min-width:82px;text-align:center}
.hdasd3-btn,.hdasd3-open-viewer,.hdasd3-toggle-pins{background:linear-gradient(135deg,#7c3aed,#2563eb)!important;color:#fff!important;border:0!important;border-radius:999px!important;box-shadow:0 10px 24px rgba(37,99,235,.25)!important;transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease}.hdasd3-btn:hover,.hdasd3-open-viewer:hover,.hdasd3-toggle-pins:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(37,99,235,.34)!important}.hdasd3-btn-quote{background:linear-gradient(135deg,#10b981,#0ea5e9)!important}.hdasd3-btn-light{background:#fff!important;color:#0f172a!important;border:1px solid #dbeafe!important;box-shadow:0 8px 20px rgba(15,23,42,.08)!important}.hdasd3-actions{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:12px;position:sticky;bottom:12px;z-index:10}.hdasd3-project{border-radius:24px}.hdasd3-panel{border-radius:24px}.hdasd3-compare>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:12px}.hdasd3-viewer{border-radius:16px}.hdasd3-card{border-radius:16px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.hdasd3-card:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(15,23,42,.10)}
.hdasd3-quote-wizard{width:min(860px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:0;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.35)}.hdasd3-wizard-head{background:linear-gradient(135deg,#0f172a,#4338ca);color:#fff;padding:24px 70px 24px 24px}.hdasd3-wizard-head span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;opacity:.82}.hdasd3-wizard-head h3{margin:6px 0;font-size:28px;color:#fff}.hdasd3-wizard-head p{margin:0;color:rgba(255,255,255,.8)}.hdasd3-wizard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px}.hdasd3-wizard-grid label{display:grid;gap:7px;font-weight:800;color:#0f172a}.hdasd3-wizard-grid input{border:1px solid #cbd5e1;border-radius:12px;padding:11px;background:#fff}.hdasd3-wizard-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 22px 22px}.hdasd3-quote-modal .hdasd3-modal-close{background:#fff!important;color:#0f172a!important}
@media(max-width:760px){.hdasd3-hero{display:grid}.hdasd3-wizard-grid{grid-template-columns:1fr}.hdasd3-actions{position:static}.hdasd3-hero-stats b{min-width:0;flex:1}}
.hdasd-admin-quote-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;margin:8px 0 16px}.hdasd-admin-quote-grid p{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin:0}.hdasd-admin-total{font-size:20px;font-weight:900;color:#0f172a}.hdasd-admin-design-preview{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.hdasd-admin-design-preview>div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.hdasd-admin-design-preview img{max-width:100%;height:auto;border-radius:10px;display:block;margin-top:8px}.hdasd-admin-quote-table img{border-radius:8px;max-width:72px;height:auto}@media(max-width:900px){.hdasd-admin-quote-grid,.hdasd-admin-design-preview{grid-template-columns:1fr}}

/* v3.3 beta polish */
.hdasd3-hero{background:radial-gradient(circle at top right,rgba(14,165,233,.24),transparent 34%),linear-gradient(135deg,#06111f,#0f172a)!important;color:#fff;border-radius:24px;padding:26px;display:flex;justify-content:space-between;gap:22px;align-items:center}.hdasd3-hero p{color:#dbeafe}.hdasd3-panel,.hdasd3-project{border-radius:26px!important;box-shadow:0 24px 60px rgba(15,23,42,.10)!important}.hdasd3-btn{background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;border-radius:999px!important;box-shadow:0 12px 30px rgba(37,99,235,.25)}.hdasd3-quality-strip{display:flex;gap:10px;flex-wrap:wrap;margin:-6px 0 18px}.hdasd3-quality-strip span{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.hdasd3-viewer{background:#050a13!important;border-radius:22px!important}.hdasd3-pin{transition:transform .15s ease}.hdasd3-pin:hover{transform:translate(-50%,-50%) scale(1.08)}.hdasd3-role{border-top:1px solid #e5e7eb;padding-top:16px}.hdasd3-row{scroll-snap-type:x proximity}.hdasd3-card{scroll-snap-align:start}.hdasd3-card.is-selected{box-shadow:0 0 0 3px rgba(16,185,129,.30),0 14px 36px rgba(15,23,42,.10)!important}