:root{color:#243141;background:#f2f3f4;font-family:Rajdhani,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}.app-shell{background:radial-gradient(at 50% 0,#1a3a52 0%,#0d1f2e 55%,#09141e 100%);width:100%;height:100%}.topbar{z-index:10;background:#1c3040;justify-content:space-between;align-items:center;height:56px;padding:0 18px;display:flex;position:relative;overflow:visible}.brand{letter-spacing:.16em;color:#c9effd80;white-space:nowrap;font-family:Cormorant Garamond,serif;font-size:1.05rem}.topbar-logo{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;filter:drop-shadow(0 3px 8px #00000080);width:auto;height:38px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-pill{letter-spacing:.12em;color:#c9effdd9;background:#ffffff14;border:1px solid #7bc4e059;border-radius:999px;padding:4px 10px;font-size:.7rem}.stage{width:100%;height:calc(100% - 56px);display:block;position:relative}.viewport{width:100%;height:100%;min-height:0;position:relative}.topbar-right{align-items:center;gap:8px;display:flex}.viewport canvas{display:block;width:100%!important;height:100%!important}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040c16db;border-left:1px solid #b8962a38;flex-direction:column;gap:14px;padding:16px;display:flex}.panel h2{letter-spacing:.08em;margin:0;font-family:Cormorant Garamond,serif;font-size:1.35rem}.panel-sub{color:#a5b4ca;margin:0;font-size:.76rem;line-height:1.4}.panel label{letter-spacing:.08em;text-transform:uppercase;color:#c7d5e7;flex-direction:column;gap:6px;font-size:.78rem;display:flex}.panel input,.panel select{width:100%}.action-btn{color:#dfeaf7;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#0f2138f2,#081424f2);border:1px solid #c4a44f80;border-radius:4px;width:100%;padding:8px 10px;font-size:.76rem}.action-btn:hover{border-color:#e0c370bf}.panel input[type=color]{height:34px;padding:2px}.panel input[type=file]{font-size:.72rem}.inline-toggle{align-items:center;flex-direction:row!important;gap:8px!important}.inline-toggle input{width:auto!important}.error-line{color:#ff8a8a;margin:0;font-size:.75rem;line-height:1.4}.hint-muted{color:#9aacc2;margin:0;font-size:.72rem;line-height:1.4}.hint-box{background:#7ec8e314;border:1px solid #7ec8e352;border-radius:6px;margin-top:10px;padding:10px;font-size:.72rem;line-height:1.45}.ctx-radial{z-index:32;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;transform:translate(-50%,-50%)}.ctx-radial-menu{--ctx-action-size:68px;--ctx-action-radius:84px;background:radial-gradient(circle at 50% 20%,#abdaec33,#1d536a14 45%,#04142138 100%),conic-gradient(from 160deg,#62b7d612,#c6e1ed05,#62b7d614);border-radius:50%;width:230px;height:230px;position:relative;box-shadow:0 26px 44px #000f1961,inset 0 1px #effaff38}.ctx-radial-ripple-anchor{pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ctx-radial-ripple{pointer-events:none;border-radius:50%;margin:auto;position:absolute;inset:0}.ctx-radial-ripple--outer{background:radial-gradient(circle at 50% 52%,#dff6ff80,#74b7d529 58%,#081e2a00 100%);border:2px solid #ddf5ffb3;width:100%;height:100%;box-shadow:0 0 22px #a8e3fc61,inset 0 0 18px #daf7ff33}.ctx-radial-ripple--inner{background:radial-gradient(circle at 50% 52%,#daf3fe4d,#6cadc924 60%,#081e2a00 100%);border:1px solid #bfebfb85;width:82%;height:82%}.ctx-radial-core{pointer-events:none;background:radial-gradient(circle at 50% 32%,#cbeaf757,#1d576e47 56%,#102e3edb 100%);border:1px solid #87c3db6b;border-radius:50%;width:82px;height:82px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 36px #06121c80,inset 0 1px #e8f8ff47}.ctx-radial-label{white-space:nowrap;text-overflow:ellipsis;color:#d7edf8;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 1px #00000073;background:#081a28bd;border:1px solid #79b7d047;border-radius:999px;max-width:230px;margin:0;padding:4px 10px;font-size:.7rem;position:absolute;top:-50px;left:50%;overflow:hidden;transform:translate(-50%)}.ctx-radial-sub{color:#a1d7ecdb;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.62rem;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.ctx-radial-node{position:absolute;transform:translate(-50%,-50%)}.ctx-radial-center-node{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ctx-radial-action{width:var(--ctx-action-size);height:var(--ctx-action-size);color:#e2f4fc;cursor:pointer;background:radial-gradient(circle at 50% 30%,#d8f2fd3d,#1c5169b8 60%,#0c2635eb 100%),linear-gradient(160deg,#79c1dc38,#19465e2e);border:1px solid #7bc4e061;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:filter .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;box-shadow:0 14px 26px #0006,inset 0 1px #edf9ff33}.ctx-radial-action small{letter-spacing:.11em;text-transform:uppercase;font-size:.5rem;line-height:1}.ctx-radial-action:hover{filter:saturate(1.12);border-color:#b2e2f6c7;box-shadow:0 16px 30px #00000073,inset 0 1px #f7fcff3d,0 0 16px #54aed152}.ctx-radial-action--color{border-color:#9cd5e994}.ctx-radial-action--danger{border-color:#df7d7d7a}.ctx-radial-action--danger:hover{border-color:#f79e9eb8;box-shadow:0 16px 30px #00000073,inset 0 1px #f7e8e838,0 0 16px #e2636357}.ctx-radial-close{width:calc(var(--ctx-action-size) + 2px);height:calc(var(--ctx-action-size) + 2px);color:#f5fbff;cursor:pointer;background:radial-gradient(circle at 50% 32%,#daf2fd57,#24647fdb 52%,#0e2837fa 100%),linear-gradient(145deg,#aadbee33,#184d650f);border:1px solid #7bc4e094;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 14px 28px #04101880,inset 0 1px #f0faff47,0 0 20px #63b6d838}.ctx-radial-popover{z-index:40}.ctx-radial-color-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 16%,#cfecf82e,#0c212ef2 65%),linear-gradient(170deg,#5295b02e,#102e3eeb);border:1px solid #84cbe561;border-radius:14px;width:148px;padding:10px;box-shadow:0 16px 28px #00000070,inset 0 1px #e6f6fd38}.ctx-radial-swatches{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.ctx-radial-swatch{cursor:pointer;border:1px solid #dcf1fb8f;border-radius:7px;width:24px;height:24px;transition:transform .12s,box-shadow .12s}.ctx-radial-swatch:hover{transform:translateY(-1px);box-shadow:0 8px 12px #00000059}.ctx-radial-color-inline{color:#cbebf8;text-transform:uppercase;letter-spacing:.11em;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-size:.62rem;display:flex}.ctx-radial-color-field{cursor:pointer;background:0 0;border:1px solid #8cd0e885;border-radius:8px;width:48px;height:30px}.ctx-radial-dismiss{color:#d9f0fb;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#091f2dc2;border:1px solid #81c7e075;border-radius:999px;padding:7px 14px;font-size:.62rem;box-shadow:0 10px 24px #00000047}.ctx-radial-tooltip{color:#def3fc;letter-spacing:.1em;text-transform:uppercase;background:#061824eb;border:1px solid #8bcde575;border-radius:8px;padding:6px 8px;font-size:.6rem;box-shadow:0 10px 20px #00000061}.ctx-radial-tooltip-arrow{fill:#061824eb}@media (width<=980px){.topbar{height:52px}.stage{height:calc(100% - 52px)}.ctx-radial{gap:8px}.ctx-radial-menu{width:178px;height:178px}.ctx-radial-core{width:63px;height:63px}.ctx-radial-label{max-width:150px;font-size:.62rem;top:-44px}.ctx-radial-sub{font-size:.54rem;top:-24px}.ctx-radial-action small{font-size:.48rem}.ctx-radial-color-panel{width:126px}}.quick-picker{z-index:22;pointer-events:none;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:10px;width:min(340px,100vw - 24px);max-height:calc(100% - 36px);display:flex;position:absolute;top:18px;right:16px;overflow-y:auto}.quick-bottom-toggle{pointer-events:auto;color:#dff3fb;text-align:center;cursor:pointer;background:linear-gradient(#0f2c3eeb,#091e2beb),radial-gradient(circle at 50% 15%,#a0dbf124,#0f2c3e05);border:1px solid #7bc4e075;border-radius:14px 14px 0 0;width:100%;padding:9px 12px 11px;display:none;box-shadow:0 -6px 18px #000e1740}.quick-bottom-toggle span{letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;font-weight:700;display:block}.quick-bottom-toggle small{color:#b3e3f5d9;letter-spacing:.1em;text-transform:uppercase;margin-top:3px;font-size:.54rem;display:block}.quick-bottom-toggle-pill{background:linear-gradient(165deg,#a7def270,#2b7492a3);border:1px solid #7bc4e07a;border-radius:999px;width:42px;height:5px;margin:0 auto 7px}.quick-picker::-webkit-scrollbar{display:none}.quick-card{pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e2634d1;border:1px solid #84cbe547;border-radius:16px;padding:14px 14px 12px;box-shadow:0 20px 34px #000e176b,inset 0 1px #edf9ff1a}.quick-card h2{color:#e8f6ff;letter-spacing:.07em;text-transform:uppercase;text-shadow:0 1px 6px #0000008c;margin:0;font-family:Rajdhani,Segoe UI,sans-serif;font-size:1rem;font-weight:700}.quick-card p{color:#c9effde6;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 4px #00000073;margin:3px 0 10px;font-size:.67rem;font-weight:500}.quick-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.quick-card-head--swipe{touch-action:pan-x;-webkit-user-select:none;user-select:none;align-items:center}.quick-swipe-indicator{justify-items:center;gap:4px;min-width:70px;display:grid}.quick-swipe-pill{background:linear-gradient(165deg,#a7def270,#2b7492a3);border:1px solid #7bc4e07a;border-radius:999px;width:40px;height:6px;display:block;box-shadow:inset 0 1px #eaf9ff4d}.quick-swipe-indicator small{color:#c9effddb;letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:600}.quick-fold{color:#f5fbff;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;white-space:nowrap;background:radial-gradient(circle at 50% 32%,#daf2fd42,#24647fdb 52%,#0e2837fa 100%),linear-gradient(145deg,#aadbee29,#184d650a);border:1px solid #7bc4e094;border-radius:999px;padding:6px 11px;font-size:.6rem}.quick-minimized-note{color:#bfe9f8eb;letter-spacing:.11em;text-transform:uppercase;border:1px dashed #8fd2ea73;border-radius:10px;margin-top:4px;padding:9px 10px;font-size:.65rem}.quick-no-parts{color:#bfe9f899;letter-spacing:.06em;text-align:center;padding:12px 8px;font-size:.72rem;font-style:italic}.quick-menu-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.quick-menu-actions button{color:#e2f4fc;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;background:radial-gradient(circle at 50% 30%,#d8f2fd3d,#1c5169b8 60%,#0c2635eb 100%),linear-gradient(160deg,#79c1dc38,#19465e2e);border:1px solid #7bc4e061;border-radius:10px;padding:8px 10px;font-size:.64rem}.quick-menu-actions button:hover{border-color:#b2e2f6c7;box-shadow:0 16px 30px #00000073,0 0 16px #54aed13d}.quick-list{gap:8px;padding-right:3px;display:grid}.quick-section{gap:8px;display:grid}.quick-tabs{background:linear-gradient(165deg,#081927bd,#0716228f);border:1px solid #7bc4e073;border-radius:999px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #cbeffc1f}.quick-tab{color:#bde7f7e6;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-right:1px solid #7bc4e040;padding:8px 10px;font-size:.68rem;font-weight:700}.quick-tab:last-child{border-right:0}.quick-tab:hover:not(:disabled){background:#78c1dc1f}.quick-tab.is-active{color:#f0fbff;background:radial-gradient(circle at 50% 30%,#d6f5ff38,#1c536cb8 65%,#0b2433eb 100%),linear-gradient(165deg,#7ec5df29,#143e523d);box-shadow:inset 0 1px #e0f7ff33}.quick-tab:disabled{opacity:.42;cursor:not-allowed}.quick-section+.quick-section{margin-top:6px}.quick-section-label{color:#bfe9f8b3;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-size:.58rem;font-weight:700}.quick-section--panel{background:#ffffff0a;border:1px solid #84cbe52e;border-radius:10px;flex-direction:column;gap:0;margin-top:8px;padding:10px;display:flex}.quick-section--panel .quick-tabs{margin-bottom:0}.quick-section--rooms{background:#0000001f;border-color:#84cbe51f}.quick-interior-toggle{margin-top:10px}.quick-interior-btn{color:#d6f0fc;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:radial-gradient(circle at 50% 30%,#c8f0ff38,#16485fc7 65%,#0a202df2 100%),linear-gradient(160deg,#6eb9d72e,#143e5533);border:1px solid #7bc4e07a;border-radius:10px;width:100%;padding:10px 14px;font-size:.68rem;font-weight:700;transition:border-color .14s,box-shadow .14s}.quick-interior-btn:hover{border-color:#b2e2f6d9;box-shadow:0 10px 22px #0006,0 0 14px #54aed140}.quick-interior-btn--exit{color:#fde8c0;background:radial-gradient(circle at 50% 30%,#ffd28c26,#502d0fb8 65%,#190e05f2 100%),linear-gradient(160deg,#c88c3c24,#3c230a33);border-color:#e0aa6473}.quick-interior-btn--exit:hover{border-color:#f0be6ecc;box-shadow:0 10px 22px #0006,0 0 14px #c88c3c38}.quick-item-dot{opacity:.85;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:6px;box-shadow:0 0 4px #0006}.quick-item{color:#e3f5fc;cursor:pointer;background:radial-gradient(circle at 50% 32%,#c8ebf933,#1c5169b3 60%,#0c2635eb 100%),linear-gradient(160deg,#79c1dc24,#19465e29);border:1px solid #7bc4e057;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:9px 11px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.quick-item span{letter-spacing:.04em;text-align:left;font-size:.8rem}.quick-item small{text-transform:uppercase;letter-spacing:.1em;color:#abdff3d6;font-size:.62rem}.quick-item:hover{border-color:#b2e2f6c7;transform:translateY(-1px);box-shadow:0 14px 24px #0000006b,0 0 14px #54aed147}.quick-item.is-active{background:radial-gradient(circle at 50% 20%,#d6f5ff47,#28657ed6 55%,#0d2837f5 100%),linear-gradient(165deg,#7ec5df33,#143e5238);border-color:#c9effdeb;box-shadow:0 14px 26px #00000070,0 0 16px #6cc5e54d}.quick-card--controls{padding-bottom:14px}.quick-controls-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.quick-controls-head h3{color:#e2f4fc;letter-spacing:.08em;margin:0;font-family:Cormorant Garamond,serif;font-size:1rem}.quick-controls-head p{color:#a4daefeb;margin:2px 0 0}.quick-close{color:#f5fbff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:radial-gradient(circle at 50% 32%,#daf2fd42,#24647fdb 52%,#0e2837fa 100%),linear-gradient(145deg,#aadbee29,#184d650a);border:1px solid #7bc4e094;border-radius:999px;padding:5px 10px;font-size:.66rem}.quick-color-label{letter-spacing:.12em;text-transform:uppercase;color:#cbebf8;justify-content:space-between;align-items:center;margin-top:10px;font-size:.68rem;display:flex}.quick-color-label--surface{margin-top:9px}.quick-color-label input{background:0 0;border:1px solid #8cd0e885;border-radius:8px;width:54px;height:30px}.quick-swatches{grid-template-columns:repeat(8,1fr);gap:6px;margin-top:8px;display:grid}.quick-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #dcf1fb8f;border-radius:7px;width:100%;box-shadow:0 8px 12px #00000059}.quick-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.quick-actions button{color:#e2f4fc;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:radial-gradient(circle at 50% 30%,#d8f2fd3d,#1c5169b8 60%,#0c2635eb 100%),linear-gradient(160deg,#79c1dc38,#19465e2e);border:1px solid #7bc4e061;border-radius:10px;padding:8px 10px;font-size:.65rem}.quick-actions button:hover{border-color:#b2e2f6c7;box-shadow:0 16px 30px #00000073,0 0 16px #54aed13d}.quick-actions button:disabled{opacity:.58;cursor:not-allowed}.onboarding-layer{z-index:30;background:linear-gradient(170deg,#04182257,#0a23317a);place-items:start center;padding-top:clamp(54px,9vh,86px);animation:.22s ease-out onboardingFade;display:grid;position:absolute;inset:0}.onboarding-modal{background:radial-gradient(circle at 12% 8%,#e4f3f9f0,#f4f9fcfa 54%,#ecf5f9fa 100%),linear-gradient(165deg,#569fbc1f,#1f5a720a);border:1px solid #a2d7ea75;border-radius:18px;width:min(560px,100vw - 28px);padding:24px 24px 22px;animation:.26s cubic-bezier(.16,1,.3,1) onboardingIn;position:relative;box-shadow:0 26px 48px #081e2a4d}.onboarding-close{color:#20657f;cursor:pointer;background:#fdffffe0;border:1px solid #206d895c;border-radius:999px;width:30px;height:30px;font-size:1.2rem;line-height:1;position:absolute;top:10px;right:10px}.onboarding-kicker{color:#2a718d;text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:.67rem}.onboarding-modal h2{color:#194d62;letter-spacing:.03em;margin:8px 0 12px;font-family:Cormorant Garamond,serif;font-size:clamp(1.6rem,2.5vw,2rem)}.onboarding-modal p{color:#2f5f73;margin:0;font-size:.95rem;line-height:1.55}.onboarding-modal ul{color:#27566a;margin:14px 0 18px;padding-left:18px;line-height:1.6}.onboarding-start{color:#f5fdff;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;background:linear-gradient(#2893b8f5,#156383f5);border:1px solid #15779a99;border-radius:10px;padding:10px 14px;font-size:.67rem}.quote-layer{z-index:35;background:linear-gradient(170deg,#0418226b,#0a23318a);place-items:center;display:grid;position:absolute;inset:0}.quote-modal{background:radial-gradient(circle at 10% 7%,#e4f3f9f2,#f4f9fcfa 56%,#ecf5f9fa 100%),linear-gradient(165deg,#569fbc1a,#1f5a720a);border:1px solid #a2d7ea75;border-radius:20px;width:min(900px,100vw - 32px);max-height:calc(100vh - 34px);padding:24px 24px 18px;position:relative;overflow:auto;box-shadow:0 26px 48px #081e2a4d}.quote-close{color:#20657f;cursor:pointer;background:#fdffffe0;border:1px solid #206d895c;border-radius:999px;width:30px;height:30px;font-size:1.2rem;line-height:1;position:absolute;top:10px;right:10px}.quote-kicker{color:#2a718d;text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:.67rem}.quote-modal h2{color:#194d62;letter-spacing:.03em;margin:8px 0 2px;font-family:Cormorant Garamond,serif;font-size:clamp(1.45rem,2.3vw,1.9rem)}.quote-date{color:#3f6f83;letter-spacing:.09em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem}.quote-loading{color:#2f5f73;margin:14px 0;font-size:.92rem;line-height:1.55}.quote-preview-shot-wrap{background:#fff;border:1px solid #c8dae6e6;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffb3}.quote-preview-shot{object-fit:cover;width:100%;height:auto;max-height:min(41vh,350px);display:block}.quote-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;display:grid}.quote-grid section{background:#ffffffe6;border:1px solid #d2e2ecf2;border-radius:12px;padding:11px}.quote-grid h3{color:#255a70;letter-spacing:.11em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem}.quote-grid ul{color:#2b5669;margin:0;padding-left:18px;font-size:.82rem;line-height:1.5}.quote-grid section:last-child ul{padding-left:0;list-style:none}.quote-grid section:last-child li{border-bottom:1px dashed #c4d8e4cc;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 0;display:flex}.quote-grid strong{color:#163f51}.inquiry-fields{flex-direction:column;gap:10px;display:flex!important}.inquiry-fields label{text-transform:uppercase;letter-spacing:.06em;color:#2b5669;flex-direction:column;gap:4px;font-size:.72rem;font-weight:600;display:flex}.inquiry-fields input,.inquiry-fields textarea{color:#163f51;background:#fdfdfd;border:1px solid #c4d8e4cc;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:.8rem}.inquiry-fields input:focus,.inquiry-fields textarea:focus{border-color:#5fade3;outline:none}.inquiry-success{text-align:center;background:#ffffffe6;border:1px solid #a2d7ea75;border-radius:12px;padding:32px 24px}.inquiry-success h3{color:#255a70;margin:0 0 12px;font-family:Cormorant Garamond,serif;font-size:1.5rem}.inquiry-success p{color:#2b5669;line-height:1.6}.quote-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.quote-actions button{color:#17495d;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:linear-gradient(#f8fdfff2,#ecf6faf2);border:1px solid #216f8a4d;border-radius:10px;padding:8px 12px;font-size:.66rem}.quote-actions button:last-child{color:#f5fdff;background:linear-gradient(#2893b8f5,#156383f5);border-color:#15779a8f}.quote-actions button:disabled{opacity:.56;cursor:not-allowed}@keyframes fadeInOut{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes onboardingFade{0%{opacity:0}to{opacity:1}}@keyframes onboardingIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=980px){.quick-picker{width:min(320px,100vw - 20px);max-height:min(40vh,100% - 12px);padding-bottom:env(safe-area-inset-bottom,0px);inset:auto auto 0 50%;overflow:visible;transform:translate(-50%)}.quick-picker .quick-card{border-radius:16px 16px 0 0;max-height:min(38vh,100% - 10px);overflow-y:auto}.quick-picker.is-collapsed .quick-card{display:none}.quick-picker.is-collapsed .quick-bottom-toggle{display:block}.quick-card{padding:11px}.quick-list{max-height:21vh;overflow-y:auto}.quick-tab{padding:10px 8px;font-size:.66rem}.quick-swatches{grid-template-columns:repeat(8,minmax(0,1fr))}.quick-actions{grid-template-columns:1fr}.onboarding-modal{padding:20px 16px 18px}.quote-modal{padding:18px 14px 14px}.quote-grid{grid-template-columns:1fr}.quote-actions{justify-content:stretch}.quote-actions button{flex:auto}}.tutorial-help-btn{color:#c9effde6;cursor:pointer;background:#ffffff1a;border:1px solid #7bc4e066;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s;display:flex}.tutorial-help-btn:hover{background:#ffffff2e;border-color:#7bc4e0b3}.tutorial-layer{z-index:38;pointer-events:none;position:absolute;inset:0}.tutorial-backdrop{pointer-events:auto;background:#04142061;animation:.2s ease-out onboardingFade;position:absolute;inset:0}.tutorial-highlight-ring{pointer-events:none;z-index:39;border:2px solid #48c3f0e6;border-radius:10px;animation:1.8s ease-in-out infinite tutorialRingPulse;position:fixed;box-shadow:0 0 0 4px #48c3f033,0 0 18px #48c3f059}@keyframes tutorialRingPulse{0%,to{box-shadow:0 0 0 4px #48c3f033,0 0 18px #48c3f059}50%{box-shadow:0 0 0 8px #48c3f01a,0 0 28px #48c3f08c}}.tutorial-tooltip{pointer-events:auto;z-index:40;background:radial-gradient(circle at 12% 8%,#e4f3f9f7,#f4f9fcfc 60%),linear-gradient(165deg,#569fbc1a,#1f5a7208);border:1px solid #a2d7ea80;border-radius:14px;width:min(300px,100vw - 24px);padding:16px 16px 14px;animation:.22s cubic-bezier(.16,1,.3,1) onboardingIn;position:fixed;box-shadow:0 16px 40px #081e2a52}.tutorial-tooltip--center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-tooltip-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tutorial-kicker{color:#2a718d;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem}.tutorial-skip{color:#20657f;cursor:pointer;background:#fdffffcc;border:1px solid #206d894d;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;line-height:1;display:flex}.tutorial-title{color:#194d62;letter-spacing:.02em;margin:0 0 6px;font-family:Cormorant Garamond,serif;font-size:1.25rem}.tutorial-body{color:#2f5f73;margin:0 0 14px;font-size:.88rem;line-height:1.52}.tutorial-footer{justify-content:space-between;align-items:center;display:flex}.tutorial-dots{align-items:center;gap:5px;display:flex}.tutorial-dot{background:#28789640;border-radius:999px;width:6px;height:6px;transition:background .15s,transform .15s}.tutorial-dot.is-active{background:#1f7a9a;transform:scale(1.3)}.tutorial-next{color:#f5fdff;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(#2893b8f5,#156383f5);border:1px solid #15779a99;border-radius:8px;padding:7px 16px;font-size:.64rem}@media (width<=980px){.tutorial-tooltip{width:min(280px,100vw - 24px)}.tutorial-tooltip--center{top:auto;bottom:24px;left:50%;transform:translate(-50%)}}