/* site/refinement.css */
/* A calmer staging experience: progressive disclosure, deliberate actions and
 * consistent focus/scroll behavior. This layer changes presentation, never service
 * readiness. Keep functional limitations in the staging footer and action context.
 */
.phosphor-theme{--ease:cubic-bezier(.16,1,.3,1);text-rendering:optimizeLegibility}
.phosphor-theme a,.phosphor-theme button{ -webkit-tap-highlight-color:transparent }
.phosphor-theme :is(a,button,summary){transition:background-color .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease)}
.market .hero{padding-top:54px;padding-bottom:54px}
.market .hero h1{font-size:clamp(34px,3.5vw,48px);line-height:1.06;max-width:640px}
.market .hero p{max-width:460px;font-size:16px;line-height:1.75}
.market .section-head{margin-bottom:26px}
.market #ideas .section-head h2{font-size:30px}
.market .browse-controls{margin-top:0;align-items:center}
.market .browse-controls label{display:flex;align-items:center;gap:12px}
.market .browse-controls label>span{font-size:12px}
.market .browse-controls select{min-width:205px}
.market .browse-controls>a:last-child{margin-left:auto;background:transparent}
.market .catalog-status{margin:22px 0;font-size:11px}
.market .products{gap:24px}
.market .products article{background:#fff;border-color:#dedfd8;box-shadow:none;padding:10px 10px 20px}
.market .product-stage{background:#eeece6}
.market .media-controls{justify-content:center;min-height:48px;padding:2px 10px;background:transparent}
.market .media-status{text-align:center;padding:0 14px 12px;font:10px/1.6 Phosphor Sans,Arial,sans-serif;opacity:1;color:#5f615c;letter-spacing:.01em}
.market .product-stage[data-mode=scene] .media-status{color:#bec0bb}
.market .product-stage .paint-swatches button{width:38px;min-width:38px;min-height:42px;height:42px}
.market .product-stage .paint-swatches button[aria-pressed=true]{background:#d5ccbd}
.market .product-stage .product-viewport img{transition:opacity .16s ease}
.market .product-stage .product-viewport img.is-loading{opacity:.62}
.market .products article>small{font-size:9px;margin-top:18px;letter-spacing:.1em}
.market .products article>h3{font-size:20px;line-height:1.2;margin-top:9px}
.market .products article>p{min-height:46px;margin-top:12px;font-size:13px;line-height:1.7}
.market .products .build-specs{font-size:11px;margin-top:18px;opacity:.85}
.market .build-actions :is(a,button){font-size:12px;min-height:44px;padding:10px 12px}
.market .build-actions button{background:#171b1c;color:#e9ece8}
.market .build-actions button:hover{background:#303334;color:white}
.market .build-actions a{background:#eeece6}
.market #build-dialog{overscroll-behavior:contain;scrollbar-gutter:stable}
.market #build-dialog [data-expanded=true] .media-controls{justify-content:space-between;padding-inline:16px;background:#ded6c8}
.market #build-dialog [data-mode=scene] .media-controls{background:#292d2e}
.market #build-dialog .product-viewport,.market #build-dialog [data-mode=scene] .product-viewport{max-height:min(46vh,520px)}
.market #build-dialog dl{margin-top:24px;padding:20px;gap:12px 24px}
.market #build-dialog .detail-notes{margin:20px 0 4px;padding:0;border:0}
.market #build-dialog .detail-notes summary{font-size:12px;min-height:44px;display:flex;align-items:center;gap:10px;list-style:none;color:#5f615c}
.market #build-dialog .detail-notes summary:after{content:'+';font-size:18px}
.market #build-dialog .detail-notes[open] summary:after{content:'−'}
.market #build-dialog .detail-notes p{font-size:12px;max-width:740px;line-height:1.75;margin-top:8px}
.market .detail-notes summary::-webkit-details-marker{display:none}
.market .resource-details{border:0;padding:0}
.market .resource-details>summary,.market .form-advanced>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;border-block:1px solid #d6d3ca;font-size:19px;letter-spacing:-.025em}
.market :is(.resource-details,.form-advanced)>summary::-webkit-details-marker{display:none}
.market :is(.resource-details,.form-advanced)>summary:after{content:'+';font:24px/1 Phosphor Sans,Arial,sans-serif;margin-left:auto;flex:none}
.market :is(.resource-details,.form-advanced)[open]>summary:after{content:'−'}
.market :is(.resource-details,.form-advanced)>summary>span{font:11px/1.5 Phosphor Sans,Arial,sans-serif;color:#5f615c;letter-spacing:0}
.market .resource-details[open]>summary{margin-bottom:30px}
.market .resource-details>.section-head .kicker{display:none}
.market .form-advanced{border:0;padding:0;margin:2px 0}
.market .form-advanced>summary{font-size:14px;padding:18px 0}
.market .form-advanced>p{font-size:11px;line-height:1.7;margin:20px 0 0;color:#5f615c}
.market .advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:26px}
.market .request-form .form-submit{display:flex;align-items:center;gap:18px}
.market .form-submit>span{font-size:11px;color:#5f615c}
.market .request-form>label{font-size:12px;color:#171b1c}
.market .request-form{row-gap:22px}
.market .request-form input,.market .request-form textarea,.market .request-form select{background-color:#fff;box-shadow:none}
.market .request-form :is(input,select,textarea):focus-visible{outline:2px solid #171b1c;outline-offset:2px}
.market .text-door{display:block;font-size:13px;text-decoration:none;margin-top:14px;min-height:36px}
.market .text-door:hover{color:#5f615c}
.market .form-context{margin-top:32px!important;font-size:12px!important;max-width:320px;line-height:1.8}
.market #source .brief-intro h3{font-size:26px;margin-bottom:18px}
.market #source .brief-intro>p{font-size:14px}
.market #requests h2{font-size:30px}
.market .workspace-item{padding:24px;background:#fff;border:1px solid #dedfd8;border-radius:14px}
.market .workspace-item h3{font-size:20px}
.market .workspace-item small{letter-spacing:.08em;font-size:9px}
.market .workspace-item>div:last-child{display:flex;gap:8px;align-items:start;flex:none}
.market .workspace-item button{margin:0}
.market .cost-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.market .cost-overview article{padding:26px;background:#f5f4f0;border-radius:14px}
.market .cost-overview h3{font-size:21px;margin:22px 0 12px}
.market .cost-overview p{font-size:13px;line-height:1.8}
.market .step-number{font:11px/1.5 Phosphor Mono,monospace;color:#5f615c}
.market .section-note{font-size:11px;line-height:1.8;max-width:850px;margin-top:24px}
.market .night-feature figcaption{display:none}
.market .night-feature-copy{padding-top:32px}
.market .night-feature-copy .kicker{font-size:9px}
.market .night-review-intro{padding-top:54px}
.market .staging-note{font:10px/1.8 Phosphor Sans,Arial,sans-serif;color:#a9aca6;max-width:none;margin:0;padding:18px 0 22px;border-top:1px solid #424542}
.market .staging-note i{background:#737770}
.market .footer-column:last-child{grid-column:auto}
.market .paint-page #factory{padding-top:22px;padding-bottom:22px}
.market .paint-page .paint-option>p{font-size:12px}
.market .paint-page .paint-option>.quiet{background:#171b1c;color:#e9ece8}
.market .paint-page .paint-option>.quiet:hover{background:#303334}
.market .paint-source{padding-top:10px}
.field-topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px 20px;background:#171b1c;border-radius:14px}
.field-brand{width:205px;display:block;flex:none;line-height:0}
.field-brand .logo-window{position:relative;display:block;width:100%;aspect-ratio:1560/260;overflow:hidden}
.phosphor-theme:not(.market) .field-brand img{position:absolute;max-width:none;max-height:none;width:113.718%;height:auto;left:-7.692%;top:-91.15%;border-radius:0;background:transparent}
.phosphor-theme:not(.market) .field-topbar nav a{background:transparent;color:#e9ece8;border:0}
.phosphor-theme:not(.market) .field-topbar nav a:hover{background:#303334}
.phosphor-theme:not(.market) .field-topbar a:focus-visible{outline-color:#b4d62f}
.phosphor-theme:not(.market) .reading{max-width:740px}
.phosphor-theme:not(.market) .reading p{line-height:1.85;font-size:15px}
.phosphor-theme:not(.market) .night-feature figcaption{display:none}
@media(max-width:850px){.market .cost-overview{gap:16px}.market .resource-details>summary>span{display:none}.market .workspace-item{display:block}.market .workspace-item>div:last-child{margin-top:18px}}
@media(max-width:600px){.market .hero{padding-top:32px;padding-bottom:36px}.market .hero h1{font-size:38px}.market .hero p{font-size:15px}.market .browse-controls label{width:100%;flex:1 1 100%}.market .browse-controls select{flex:1;min-width:0}.market .browse-controls>a:last-child{margin-left:0;padding-left:0}.market .products article>p{min-height:0}.market .cost-overview,.market .advanced-fields{grid-template-columns:1fr}.market .resource-details>summary{font-size:17px;gap:12px}.market .form-advanced>summary{font-size:14px}.market .form-advanced>summary>span{display:none}.market .request-form .form-submit{flex-wrap:wrap;gap:10px 18px}.market .form-context{max-width:none;margin-top:18px!important}.market .cost-overview article{padding:24px}.market .cost-overview h3{margin-top:16px}.market .staging-note{font-size:9px;line-height:2}.market .footer-column:last-child{grid-column:auto}.field-topbar{flex-wrap:wrap;padding:16px}.field-topbar nav{width:100%;justify-content:flex-end;gap:8px}.field-topbar nav a{width:40px;height:40px;min-height:40px}.market .hero .actions .button{flex:1}.market #build-dialog .product-viewport{max-height:42vh}}
@media(prefers-reduced-motion:reduce){.phosphor-theme :is(a,button,summary,img){transition:none!important;scroll-behavior:auto!important}}