.display-atelier{inline-size:min(100%,92rem);margin-inline:auto;padding:clamp(1.5rem,4vw,4.5rem);color:var(--text-on-canvas)}.display-atelier-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding-block-end:clamp(1.75rem,4vw,3.5rem);border-block-end:1px solid var(--border-subtle)}.display-atelier-header>div{max-inline-size:56rem}.display-atelier-eyebrow{display:block;color:var(--accent-primary);font-family:var(--font-ui);font-size:.75rem;font-weight:750;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.display-atelier-header h1{max-inline-size:15ch;margin-block:.28em .2em;color:var(--text-on-canvas);font-family:var(--font-display);font-size:clamp(2.75rem,6vw,5.7rem);font-weight:500;letter-spacing:-.045em;line-height:.96;text-wrap:balance}.display-atelier-header p,.display-preview-heading p,.display-section-heading p{color:var(--text-on-canvas-muted);font-size:clamp(.95rem,1.5vw,1.075rem);line-height:1.65}.display-atelier-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.display-atelier-actions a,.display-atelier-actions button{display:inline-flex;min-inline-size:6.5rem;min-block-size:2.75rem;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:.25rem;padding-inline:1rem;font-family:var(--font-ui);font-size:.875rem;font-weight:700;text-decoration:none}.display-atelier-actions button{background:transparent;color:var(--text-on-canvas)}.display-atelier-actions a{background:var(--accent-primary);color:var(--text-on-accent)}.display-atelier-actions a:hover{background:var(--accent-hover)}.display-atelier-notice{max-inline-size:62rem;margin-block:1rem 0;padding:.8rem 1rem;background:var(--surface-panel);color:var(--text-on-panel)}.display-atelier-layout{display:grid;grid-template-columns:minmax(19rem,.8fr) minmax(34rem,1.2fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);padding-block-start:clamp(2rem,5vw,4.5rem)}.display-preview-column{position:sticky;inset-block-start:6.5rem}.display-all-settings,.display-presets,.display-preview-card{border:1px solid var(--border-subtle);background:var(--surface-panel);box-shadow:0 1.1rem 3rem color-mix(in srgb,var(--text-on-canvas) 8%,transparent)}.display-preview-card{padding:clamp(1rem,2.5vw,1.75rem)}.display-preview-heading h2,.display-section-heading h2{margin-block:.24em .15em;color:var(--text-on-panel);font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;line-height:1.05}.display-preview-heading p,.display-section-heading p{margin-block-end:0;color:var(--text-on-panel-muted)}.display-preview-disclosure{margin-block-start:1.1rem}.display-preview-disclosure>summary{display:flex;min-block-size:2.75rem;align-items:center;justify-content:space-between;border-block:1px solid var(--border-subtle);color:var(--text-on-panel-muted);cursor:pointer;font-family:var(--font-ui);font-size:.8125rem;font-weight:700}.display-preview-disclosure>summary:after{content:"+";color:var(--accent-primary);font-size:1.25rem}.display-preview-disclosure[open]>summary:after{content:"−"}.display-advanced-settings>summary::-webkit-details-marker,.display-preview-disclosure>summary::-webkit-details-marker,.display-settings-chapter>summary::-webkit-details-marker{display:none}.display-preview-prose{position:relative;overflow:hidden;min-block-size:27rem;margin-block-start:1rem;border-radius:.2rem!important;padding:clamp(2.75rem,7vw,4.5rem) clamp(1.5rem,5vw,3rem)!important;background-image:radial-gradient(circle at 14% 16%,color-mix(in srgb,var(--text-primary) 5%,transparent) 0 1px,transparent 1.5px),linear-gradient(90deg,color-mix(in srgb,var(--border-subtle) 20%,transparent) 1px,transparent 1px);background-size:31px 29px,13px 100%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-strong) 32%,transparent),inset 0 0 4rem color-mix(in srgb,var(--border-subtle) 16%,transparent),0 .55rem 1.4rem color-mix(in srgb,var(--text-on-canvas) 12%,transparent)}.display-preview-prose p{position:relative;z-index:1}.display-preview-prose p:first-of-type:first-letter{float:inline-start;margin-inline-end:.08em;color:var(--accent-primary);font-family:var(--font-display);font-size:3.2em;line-height:.8}.display-preview-folio{position:absolute;inset-block-start:.8rem;inset-inline-end:1rem;color:var(--text-muted);font-family:var(--font-display);font-size:.75rem}.display-preview-scrim{position:relative;z-index:1;display:grid;min-block-size:7.5rem;place-items:center}.display-preview-scrim>span{display:grid;gap:.3rem;inline-size:min(100%,17rem);border:1px solid var(--border-subtle);background:var(--surface-elevated);color:var(--text-on-elevated);padding:.85rem 1rem;box-shadow:0 .75rem 2rem color-mix(in srgb,var(--text-primary) 20%,transparent)}.display-preview-scrim strong{font-family:var(--font-display);font-size:1rem}.display-preview-scrim small{color:var(--text-on-elevated-muted);font-family:var(--font-ui);font-size:.8125rem;line-height:1.45}.display-controls-column{display:grid;gap:1.25rem;min-inline-size:0}.display-all-settings,.display-presets{padding:clamp(1.15rem,3vw,2rem)}.display-section-heading{margin-block-end:1.25rem}.preference-preset-picker[data-preset-picker-variant=cards]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.preference-preset-card[data-preset-name]{position:relative;display:grid;min-block-size:6.4rem!important;align-content:end;gap:.35rem;overflow:hidden;border-color:var(--border-subtle);border-radius:.25rem;background:var(--surface-elevated);color:var(--text-on-elevated);padding:2.35rem 1rem .8rem;text-align:start}.preference-preset-card[data-preset-name]:before{position:absolute;inset:0 0 auto;block-size:1.65rem;border-block-end:1px solid color-mix(in srgb,var(--border-strong) 45%,transparent);content:""}.preference-preset-card[data-preset-name=day]:before{background:linear-gradient(90deg,#f7f1df 0 70%,#5f211e 70%)}.preference-preset-card[data-preset-name=night]:before{background:linear-gradient(90deg,#101714 0 70%,#e6d7af 70%)}.preference-preset-card[data-preset-name=highContrastLight]:before{background:linear-gradient(90deg,#fff 0 70%,#000 70%)}.preference-preset-card[data-preset-name=highContrastDark]:before{background:linear-gradient(90deg,#000 0 70%,#fff 70%)}.preference-preset-card[data-preset-name=dyslexia]:before{background:repeating-linear-gradient(90deg,#d9c89d 0 .7rem,#2c4c45 .7rem 1.4rem)}.preference-preset-card[data-preset-name=lowStimulation]:before{background:linear-gradient(90deg,#777268 0 70%,#c8c0ae 70%)}.preference-preset-card[aria-checked=true]{border-color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--accent-primary)}.preference-preset-name{font-family:var(--font-ui);font-size:.9375rem;font-weight:750}.preference-preset-description{color:var(--text-on-elevated-muted);font-family:var(--font-ui);font-size:.875rem;font-weight:450;line-height:1.4}.display-settings-chapter{border-block-start:1px solid var(--border-subtle)}.display-settings-chapter:last-child{border-block-end:1px solid var(--border-subtle)}.display-advanced-settings>summary,.display-settings-chapter>summary{position:relative;display:grid;min-block-size:4.75rem;align-content:center;gap:.2rem;cursor:pointer;padding:.8rem 3rem .8rem 0}.display-advanced-settings>summary:after,.display-settings-chapter>summary:after{position:absolute;inset-block-start:50%;inset-inline-end:.5rem;color:var(--accent-primary);content:"+";font-family:var(--font-ui);font-size:1.5rem;font-weight:400;transform:translateY(-50%)}.display-advanced-settings[open]>summary:after,.display-settings-chapter[open]>summary:after{content:"−"}.display-advanced-settings>summary>span,.display-settings-chapter>summary>span{color:var(--text-on-panel);font-family:var(--font-display);font-size:1.35rem;font-weight:600}.display-advanced-settings>summary>small,.display-settings-chapter>summary>small{color:var(--text-on-panel-muted);font-family:var(--font-ui);font-size:.8125rem;line-height:1.45}.display-settings-chapter-body{padding-block:.25rem 1.25rem}.preference-group[data-preference-group-variant=atelier]{min-inline-size:0;margin:0;border:0;padding:0}.preference-group[data-preference-group-variant=atelier]+.preference-group[data-preference-group-variant=atelier]{margin-block-start:1rem;border-block-start:1px dashed var(--border-subtle);padding-block-start:1rem}.preference-group[data-preference-group-variant=atelier]>legend{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.display-atelier [data-preference-field]{color:var(--text-on-panel);font-family:var(--font-ui);font-size:.875rem}.display-atelier [data-preference-field] legend,.display-atelier [data-preference-field]>label:first-child,.display-atelier [data-preference-field]>span:first-child{font-weight:700}.display-atelier [data-preference-field] label:has(input[type=checkbox]),.display-atelier [data-preference-field] label:has(input[type=radio]){background:var(--surface-elevated);color:var(--text-on-elevated)}.display-atelier [data-preference-field] label:has(input:checked){border-color:var(--accent-primary)!important;box-shadow:inset 0 0 0 1px var(--accent-primary)}.display-atelier input[type=range]{accent-color:var(--accent-primary)}.display-colour-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block-start:1rem}.display-colour-pair [data-preference-field]{min-inline-size:0;border:1px solid var(--border-subtle);background:var(--surface-elevated);padding:.85rem}.display-colour-pair input[type=color]{inline-size:100%;border:0;background:transparent}.display-advanced-settings{margin-block:0 1rem;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-elevated) 55%,transparent);padding-inline:1rem}.display-advanced-settings>summary{min-block-size:4rem}.display-advanced-settings>div{padding-block:.25rem .5rem}.preference-group-reset{border:1px solid var(--border-strong);border-radius:.2rem;background:transparent;color:var(--text-on-panel);padding-inline:.85rem;font-family:var(--font-ui);font-size:.8125rem;font-weight:700}@media (max-width:62rem){.display-atelier-layout{grid-template-columns:minmax(0,1fr)}.display-preview-column{position:static}.display-preview-prose{min-block-size:22rem}}@media (max-width:44rem){.display-atelier{padding:1.35rem 1rem 3rem}.display-atelier-header{grid-template-columns:minmax(0,1fr);gap:1.25rem}.display-atelier-header h1{font-size:clamp(2.55rem,13vw,4rem)}.display-atelier-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.display-atelier-actions a,.display-atelier-actions button{inline-size:100%}.display-atelier-layout{padding-block-start:1.5rem}.preference-preset-picker[data-preset-picker-variant=cards]{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.25rem),1fr))}.display-colour-pair{grid-template-columns:minmax(0,1fr)}.display-preview-prose{min-block-size:0;padding:2.75rem 1.25rem 1.5rem!important}}@media (min-width:23rem) and (max-width:44rem){.preference-preset-picker[data-preset-picker-variant=cards]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.display-advanced-settings>summary:after,.display-preview-disclosure>summary:after,.display-settings-chapter>summary:after,.preference-preset-card[data-preset-name]{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.preference-preset-card[data-preset-name]:hover{transform:translateY(-2px)}}:root[data-motion=reduced] .display-advanced-settings>summary:after,:root[data-motion=reduced] .display-preview-disclosure>summary:after,:root[data-motion=reduced] .display-settings-chapter>summary:after,:root[data-motion=reduced] .preference-preset-card[data-preset-name]{transition:none}@media (forced-colors:active){.display-all-settings,.display-colour-pair [data-preference-field],.display-presets,.display-preview-card,.preference-preset-card[data-preset-name]{border:1px solid CanvasText;box-shadow:none}.display-preview-prose,.preference-preset-card[data-preset-name]:before{background-image:none}}