/* DOM-020: optical finish and robust interaction surfaces. */
:root{color-scheme:dark;--quality-accent:#f2dfbd;--quality-grade:none}
body.forme{--quality-accent:var(--ink)}body.silva{--quality-accent:#e6dfa5}
body[data-world=chalk]{color-scheme:light}
::selection{background:#e92249;color:white}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--quality-accent);outline-offset:5px}
button:disabled{cursor:not-allowed}
input[type=range]{accent-color:var(--quality-accent);min-height:32px;cursor:ew-resize}
input[type=range]:focus-visible{border-radius:2px}
dialog{overscroll-behavior:contain;scrollbar-gutter:stable}
dialog[open]{animation:quality-dialog-in .28s ease-out}
dialog::backdrop{animation:quality-backdrop-in .3s ease-out}
@keyframes quality-dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes quality-backdrop-in{from{opacity:0}to{opacity:1}}
dialog :is(h1,h2,h3){text-wrap:balance}
dialog p{overflow-wrap:break-word}
output,[role=progressbar],.campaign-pager,.aurea-route,.botanical-travel{font-variant-numeric:tabular-nums}
.quality-trigger{font:inherit!important;font-size:11px!important;min-width:44px;min-height:44px;padding:8px!important;border:1px solid #ffffff35!important;background:transparent;color:inherit;cursor:pointer;flex-shrink:0;line-height:1}
.quality-trigger:hover{border-color:currentColor!important}
.quality-dialog{width:min(470px,calc(100vw - 28px));padding:32px;background:#111;color:#f4f0e8;border:1px solid #555;max-height:88dvh;font:13px/1.6 Arial,sans-serif;box-shadow:0 30px 100px #0008}
.quality-dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}
.quality-dialog h2{font:400 34px/1.05 Georgia,serif;margin:25px 0}
.quality-dialog>button:first-child{float:right;width:44px;height:44px;background:none;border:1px solid #777;color:inherit;font-size:24px}
.quality-dialog fieldset{border:0;border-top:1px solid #444;padding:18px 0;margin:15px 0}
.quality-dialog legend{padding-right:15px;font-size:11px}
.quality-grades{display:flex;gap:8px;flex-wrap:wrap}
.quality-dialog button:not(:first-child){background:none;border:1px solid #666;color:inherit;min-height:44px;padding:10px 14px;cursor:pointer}
.quality-dialog button[aria-pressed=true]{background:#eee5d7;color:#151515;border-color:#eee5d7}
.quality-dialog>p{color:#bbb;font-size:11px}
.quality-dialog .quality-actions{display:flex;gap:10px;flex-wrap:wrap}
body[data-grade=cinema]{--quality-grade:contrast(1.08) saturate(.88)}
body[data-grade=mono]{--quality-grade:grayscale(1) contrast(1.06)}
body[data-grade]:not([data-grade=natural]) :is(.aurea-world,.botanical-hero-image,.campaign-environment,.portfolio-image img){filter:var(--quality-grade)}
/* Grade only photographic planes; reading stays neutral. */
body[data-grade=cinema] [data-hero-image]{filter:contrast(1.08) saturate(.88)!important}
body[data-grade=mono] [data-hero-image]{filter:grayscale(1) contrast(1.06)!important}
.quality-still *, .quality-still *::before,.quality-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.light-workbench{margin-top:18px;border-top:1px solid #dec29355;padding-top:10px}
.light-workbench summary{font-size:11px;cursor:pointer;min-height:36px;display:list-item;list-style-position:inside}
.light-workbench label{font-size:10px;display:flex;justify-content:space-between;gap:20px;margin-top:14px}
.light-workbench input{width:100%}
.aurea-chapter .light-workbench{pointer-events:auto}
.aurea-world canvas{cursor:grab}
.aurea-world canvas:active{cursor:grabbing}
.aurea-route button{transition:color .2s,border-color .2s}
.aurea-route button:hover{color:white;border-color:#cdb38c}
.aurea-chapter .chapter-copy{scrollbar-color:#aa8e63 transparent;overscroll-behavior:contain}
.object-dock{border-color:#c5a98055}
#plateMagnify{min-height:44px;border:1px solid #d8d1a75c;background:none;color:inherit;padding:10px 16px}
#dialogPlateImage{transition:transform .65s cubic-bezier(.2,.7,.2,1);transform-origin:center}
#dialogPlateImage.is-magnified{transform:scale(1.65)}
.plate-dialog{overflow:hidden}
.plate-dialog img{will-change:transform}
.house-status.has-action{pointer-events:auto}
.house-status button{margin-left:15px;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;min-height:36px;cursor:pointer}
body.forme[data-world=chalk] .environment-shade{background:linear-gradient(90deg,#d4d4c67a,transparent 57%),linear-gradient(180deg,#c6c5bf88,transparent 35%,transparent 65%,#c6c5bfaa)}
body.forme[data-world=night] .fashion-card>button{background:#273b48}
body.forme[data-world=chalk] .fashion-card>button{background:#bbbebc}
.house-header,.aurea-header{padding-top:max(15px,env(safe-area-inset-top))}
.house-footer{padding-bottom:env(safe-area-inset-bottom)}
.quality-dialog button:focus-visible{outline-color:white}
@media(pointer:coarse){.quality-dialog input,.quality-dialog select,.studio-controls input,.studio-controls select,#fieldReflection{font-size:16px}.light-workbench input{min-height:44px}}
@media(max-width:760px){.quality-trigger{min-width:36px;min-height:36px}.aurea-header{gap:7px}.aurea-header>a:first-child{max-width:100px;line-height:1.7}.aurea-header>a:nth-child(3){display:none}.light-workbench{max-width:280px;background:#17130fe8;padding:10px 14px}.quality-dialog{padding:24px}.house-header{padding-right:5vw}.house-header #openEdit{margin-left:auto}.botanical-header{gap:10px}.aurea-route{padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-contrast:more){dialog,.object-dock{border-width:2px}.quality-trigger{border-color:currentColor!important}.aurea-chapter p,.detail-copy p{color:#fff}}
@media(forced-colors:active){.quality-dialog,.quality-trigger{border:1px solid ButtonText}button[aria-pressed=true]{outline:2px solid Highlight}}
@media(prefers-reduced-motion:reduce){dialog[open],dialog::backdrop{animation:none}#dialogPlateImage{transition:none}}
#light .chapter-copy h2{font-size:clamp(38px,3.7vw,62px);margin-bottom:16px}#light .chapter-copy .eyebrow{margin-bottom:15px}#light .light-presets{margin-top:16px}#light .light-range{margin-top:18px}#light .chapter-copy{scrollbar-width:thin}.plate-view{overflow:hidden}.silva-masthead{gap:12px}.silva-masthead .quality-trigger{margin-left:12px}@media(max-width:760px){#light .chapter-copy h2{font-size:34px}.silva-masthead{padding-right:4vw;gap:7px}.silva-masthead .quality-trigger{margin-left:0}.silva-masthead>a:first-child{max-width:65px;line-height:1.5}.silva-masthead>button[data-open-notes]{max-width:70px;line-height:1.6}}
.botanical-images{isolation:isolate;pointer-events:none}.campaign-environment{isolation:isolate;pointer-events:none}

.edit-undo{font-size:12px;padding:14px;border:1px solid var(--line);color:var(--ink)}.edit-undo button{background:none;color:inherit;border:0;border-bottom:1px solid currentColor;min-height:44px;margin-left:14px;cursor:pointer}

.launch-contact{padding:12px 0}.launch-contact h3{font:400 clamp(32px,4vw,62px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:20px 0}.launch-contact>p{font-size:13px;line-height:1.8;max-width:420px;color:#c7c7c7}.launch-contact .button{margin:24px 0 14px}.launch-privacy{background:none;border:0;border-bottom:1px solid #ffffff40;color:#ddd;padding:14px 0;font-size:11px;min-height:44px}.launch-contact .form-fineprint{font-size:11px;max-width:380px}.launch-contact .section-label{font-size:9px;letter-spacing:.12em}button:disabled{cursor:default}button[aria-busy=true]{cursor:progress}

.contact-panel .launch-contact{color:#f4f1eb}.launch-contact h3,.launch-contact .section-label{color:#f4f1eb}.launch-contact a.button{color:#f4f1eb;border-color:#f4f1eb70}.launch-contact a.button:hover{background:#f4f1eb;color:#101010}
