.lab[data-study=design]{--dl-rail:clamp(330px,34vw,440px)}.lab[data-study=design] .dl-main{grid-template-columns:var(--dl-rail)minmax(0,1fr);align-items:start;display:grid}.lab[data-study=design] .dl-panel{min-width:0;padding:28px clamp(16px,2.4vw,32px) 56px}.lab[data-study=design] .dl-stage{flex-direction:column;gap:10px;min-width:0;height:100svh;padding:14px clamp(16px,2vw,24px) 16px 0;display:flex;position:sticky;top:0}.lab[data-study=design] .dl-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-height:34px;display:flex}.lab[data-study=design] .dl-toolbar button,.lab[data-study=design] .dl-tabs button{border:1px solid var(--lab-stroke);background:var(--lab-field);min-height:34px;color:var(--lab-muted);font:500 14px/1 var(--lab-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;padding:7px 14px}.lab[data-study=design] .dl-toolbar button[aria-pressed=true],.lab[data-study=design] .dl-tabs button:is([aria-pressed=true],[aria-current=true]){border-color:var(--lab-accent);background:var(--lab-accent);color:var(--lab-on-accent)}.lab[data-study=design] .dl-toolbar .dl-full{align-items:center;gap:7px;display:inline-flex}.lab[data-study=design] .dl-toolbar .dl-full svg{width:14px;height:14px}.lab[data-study=design] .dl-toolbar button:disabled{color:var(--lab-muted);cursor:default;border-style:dashed}.lab[data-study=design] .dl-widths{gap:4px;display:flex}.lab[data-study=design] .dl-frame{overscroll-behavior:contain;border:1px solid var(--lab-stroke);background:var(--lab-panel);flex:1;width:100%;min-height:0;margin-inline:auto;overflow:auto;box-shadow:0 18px 50px -30px #2c2d3073}.lab[data-study=design] .dl-frame[data-width=phone]{max-width:390px}::view-transition-group(dl-frame){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}.lab[data-study=design] .dl-title{color:var(--lab-heading);font:600 clamp(28px,2.6vw,36px)/1.15 var(--font-literata),Georgia,serif;letter-spacing:-.01em;margin:0 0 14px}.lab[data-study=design] .dl-title:focus,.lab[data-study=design] .dl-score:focus,.lab[data-study=design] .dl-scorebar:focus{outline:none}.lab[data-study=design] .dl-step{color:var(--lab-muted);font:500 13px/1 var(--lab-ui);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px}.lab[data-study=design] .dl-lede{margin:0 0 8px;font-size:17px;line-height:1.6}.lab[data-study=design] .dl-hint{color:var(--lab-muted);margin:0;font-size:14px;line-height:1.5}.lab[data-study=design] .dl-words{gap:14px;margin-top:20px;display:grid}.lab[data-study=design] .dl-field label{color:var(--lab-muted);font:500 13px/1 var(--lab-ui);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;display:block}.lab[data-study=design] .dl-field input{box-sizing:border-box;border:1.5px solid var(--lab-stroke);background:var(--lab-field);width:100%;min-height:44px;color:var(--lab-text);font:400 16px/1.3 var(--font-literata),Georgia,serif;border-radius:0;padding:10px 12px}.lab[data-study=design] .dl-field input:focus-visible{outline-offset:1px}.lab[data-study=design] .dl-actions{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:22px;display:flex}.lab[data-study=design] .dl-steps{justify-content:space-between}.lab[data-study=design] .dl-button{border:1.5px solid var(--lab-accent);min-height:44px;color:var(--lab-accent);font:600 17px/1.2 var(--lab-ui);cursor:pointer;transition:border-color .2s,background-color .2s,transform .3s var(--lab-spring);background:0 0;padding:10px 18px}.lab[data-study=design] .dl-button:hover:not(:disabled){background:color-mix(in srgb,var(--lab-accent)7%,transparent)}.lab[data-study=design] .dl-button:active:not(:disabled){transform:scale(.97)}.lab[data-study=design] .dl-button-primary{background:var(--lab-accent);color:var(--lab-on-accent)}.lab[data-study=design] .dl-button-primary:hover:not(:disabled){border-color:var(--tan-deep);background:var(--tan-deep)}.lab[data-study=design] .dl-button-quiet{color:var(--lab-muted);border-color:#0000}.lab[data-study=design] .dl-button[aria-pressed=true]{background:var(--lab-accent);color:var(--lab-on-accent)}.lab[data-study=design] .dl-button:disabled{border-style:dashed;border-color:var(--lab-muted);color:var(--lab-muted);cursor:not-allowed;background:0 0}.lab[data-study=design] .dl-button-primary:disabled{background:var(--lab-muted);color:var(--lab-on-accent);border-style:solid}.lab[data-study=design] .dl-dialog-backdrop{z-index:50;background:color-mix(in srgb,var(--lab-ground)80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;padding:clamp(12px,4vw,48px);display:grid;position:fixed;inset:0}.lab[data-study=design] .dl-dialog{box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--lab-stroke);background:var(--lab-panel);width:min(600px,100%);max-height:100%;padding:22px clamp(16px,3vw,28px) 24px;overflow:auto;box-shadow:0 30px 80px -40px #2c2d3080}::view-transition-group(dl-send){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}.lab[data-study=design] .dl-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lab[data-study=design] .dl-dialog-close{width:44px;height:44px;color:var(--lab-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin:-6px -8px 0 0;display:grid}.lab[data-study=design] .dl-dialog-close:hover{color:var(--lab-text)}.lab[data-study=design] .dl-dialog-close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:16px;height:16px}.lab[data-study=design] .dl-summary{border:1px solid var(--lab-stroke);background:var(--lab-ground);gap:10px;margin-bottom:20px;padding:14px 16px;display:grid}.lab[data-study=design] .dl-summary-score{margin:0;font-size:17px}.lab[data-study=design] .dl-summary-score span,.lab[data-study=design] .dl-summary-picks dt{color:var(--lab-muted);font:500 13px/1.3 var(--lab-ui);letter-spacing:.1em;text-transform:uppercase}.lab[data-study=design] .dl-summary-picks{gap:4px;margin:0;display:grid}.lab[data-study=design] .dl-summary-picks div{grid-template-columns:9.5em minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.lab[data-study=design] .dl-summary-picks dd{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;display:flex}.lab[data-study=design] .dl-summary-sample{align-items:center;gap:4px;display:inline-flex}.lab[data-study=design] .dl-summary-swatch{box-sizing:border-box;border:1px solid;height:22px;padding:0 6px}.lab[data-study=design] .dl-summary-swatch span{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #80808059}.lab[data-study=design] .dl-summary-type{color:var(--lab-heading);gap:8px;font-size:20px;line-height:1}.lab[data-study=design] .dl-summary-type span:last-child{color:var(--lab-muted);font-size:15px}.lab[data-study=design] .dl-field-row{flex-wrap:wrap;gap:8px;display:flex}.lab[data-study=design] .dl-field-row input{flex:220px;width:auto}.lab[data-study=design] .dl-use{overflow-wrap:anywhere;text-align:left;max-width:100%;min-height:44px;padding:8px 14px;font-size:15px}.lab[data-study=design] .dl-send-form{gap:16px;display:grid}.lab[data-study=design] .dl-send-form .dl-actions{margin-top:4px}.lab[data-study=design] .dl-req{color:var(--lab-muted);letter-spacing:.12em;opacity:.85;margin-left:6px;font-size:11px}.lab[data-study=design] .dl-field textarea{box-sizing:border-box;border:1.5px solid var(--lab-stroke);background:var(--lab-field);width:100%;color:var(--lab-text);font:400 16px/1.5 var(--font-literata),Georgia,serif;resize:vertical;border-radius:0;padding:10px 12px}.lab[data-study=design] .dl-field [aria-invalid=true]{border-width:2px;border-color:var(--lab-warn)}.lab[data-study=design] .dl-field .dl-hint{margin-top:6px}.lab[data-study=design] .dl-radios{border:0;min-width:0;margin:0;padding:0}.lab[data-study=design] .dl-radios legend{color:var(--lab-muted);font:500 13px/1.3 var(--lab-ui);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;padding:0}.lab[data-study=design] .dl-radio-option{cursor:pointer;align-items:center;gap:8px;min-height:44px;margin-right:20px;font-size:16px;display:inline-flex}.lab[data-study=design] .dl-radio-option input{width:18px;height:18px;accent-color:var(--lab-accent);margin:0}.lab[data-study=design] .dl-error{color:var(--lab-warn);margin:6px 0 0;font-size:14px;line-height:1.4}.lab[data-study=design] .dl-status{margin:0;font-size:15px;line-height:1.5}.lab[data-study=design] .dl-status:empty{display:none}.lab[data-study=design] a.dl-button{box-sizing:border-box;align-items:center;text-decoration:none;display:inline-flex}.lab[data-study=design] a.dl-button[data-failed]{background:var(--lab-accent);color:var(--lab-on-accent)}.lab[data-study=design] .dl-trap{width:1px;height:1px;position:absolute;top:0;left:-10000px;overflow:hidden}.lab[data-study=design] .dl-sent{gap:8px;display:grid}.lab[data-study=design] .dl-choices{border:0;min-width:0;margin:0;padding:0}.lab[data-study=design] .dl-legend{color:var(--lab-muted);font:500 13px/1.2 var(--lab-ui);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;padding:0}.lab[data-study=design] .dl-guided .dl-legend{color:var(--lab-text);font:400 18px/1.4 var(--font-literata),Georgia,serif;letter-spacing:0;text-transform:none}.lab[data-study=design] .dl-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.lab[data-study=design] .dl-card{--mx:-999px;--my:-999px;border:1px solid var(--lab-stroke);background:radial-gradient(280px circle at var(--mx)var(--my),color-mix(in srgb,var(--lab-accent)7%,transparent),transparent 60%),var(--lab-field);transition:border-color .2s,box-shadow .2s,transform .3s var(--lab-spring);flex-direction:column;display:flex;position:relative}.lab[data-study=design] .dl-card:hover{border-color:var(--lab-accent)}.lab[data-study=design] .dl-card[data-picked]{border-color:var(--lab-accent);box-shadow:inset 0 0 0 1px var(--lab-accent)}.lab[data-study=design] .dl-card[data-peeking]{border-style:dashed;border-color:var(--lab-accent)}.lab[data-study=design] .dl-card:has(.dl-radio:focus-visible){outline:2px solid var(--lab-accent);outline-offset:3px}.lab[data-study=design] .dl-card-main{cursor:pointer;align-content:start;gap:6px;padding:12px 12px 10px;display:grid}.lab[data-study=design] .dl-radio{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.lab[data-study=design] .dl-card-name{color:var(--lab-heading);font:600 16px/1.2 var(--lab-ui);letter-spacing:.02em}.lab[data-study=design] .dl-card-note{color:var(--lab-muted);font-size:14px;line-height:1.45}.lab[data-study=design] .dl-card-touch{font-size:13px;font-style:italic;line-height:1.4}.lab[data-study=design] .dl-card-foot{border-top:1px dashed var(--lab-line);color:var(--lab-muted);font:500 13px/1 var(--lab-ui);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:2px 12px 6px;display:flex}.lab[data-study=design] .dl-also{cursor:pointer;align-items:center;gap:7px;min-height:36px;display:inline-flex}.lab[data-study=design] .dl-also input{width:16px;height:16px;accent-color:var(--lab-accent);margin:0}.lab[data-study=design] .dl-peek-button{border:1px solid var(--lab-accent);color:var(--lab-accent);font:600 12px/1 var(--lab-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;padding:7px 11px}.lab[data-study=design] .dl-peek-button[aria-pressed=true]{border-color:var(--lab-accent);background:var(--lab-accent);color:var(--lab-on-accent)}.lab[data-study=design] .dl-spec{align-items:center;gap:6px;height:34px;display:flex}.lab[data-study=design] .dl-spec-palette{box-sizing:border-box;border:1px solid;padding:0 9px}.lab[data-study=design] .dl-spec-palette span{border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #80808059}.lab[data-study=design] .dl-spec-type{align-items:baseline;gap:10px}.lab[data-study=design] .dl-spec-type span:first-child{font-size:28px;line-height:1}.lab[data-study=design] .dl-spec-type span:last-child{color:var(--lab-muted);font-size:16px}.lab[data-study=design] .dl-spec-icon svg{width:auto;height:28px;color:var(--lab-accent)}.lab[data-study=design] .dl-stroke{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.lab[data-study=design] .dl-score{border:1px solid var(--lab-stroke);background:var(--cream);margin-top:26px;padding:16px 18px}.lab[data-study=design] .dl-score-head{align-items:center;gap:12px;margin:0 0 10px;display:flex}.lab[data-study=design] .dl-score-num{color:var(--lab-heading);font:600 40px/1 var(--lab-mono);font-variant-numeric:tabular-nums}.lab[data-study=design] .dl-score-of{color:var(--lab-muted);font:500 14px/1 var(--lab-ui);letter-spacing:.04em;margin-left:.3em}.lab[data-study=design] .dl-score-band,.lab[data-study=design] .dl-chip{--band:var(--lab-accent);background:color-mix(in srgb,var(--band)12%,transparent);box-shadow:inset 0 0 0 1px var(--band);color:var(--lab-text);font:600 13px/1 var(--lab-ui);letter-spacing:.12em;text-transform:uppercase;padding:5px 9px}.lab[data-study=design] [data-band=mixed] .dl-score-band,.lab[data-study=design] .dl-chip[data-band=mixed]{--band:var(--lab-muted)}.lab[data-study=design] [data-band=low] .dl-score-band,.lab[data-study=design] .dl-chip[data-band=low]{--band:var(--lab-warn)}.lab[data-study=design] .dl-score-lead{margin:0 0 12px;font-size:16px;line-height:1.5}.lab[data-study=design] .dl-swap{border:1.5px dashed var(--lab-accent);background:var(--lab-field);min-height:40px;color:var(--lab-text);font:600 15px/1.25 var(--lab-ui);letter-spacing:.03em;text-align:left;cursor:pointer;padding:8px 14px}.lab[data-study=design] .dl-swap:hover{background:color-mix(in srgb,var(--lab-accent)10%,var(--lab-field))}.lab[data-study=design] .dl-reasons{color:var(--lab-muted);gap:8px;margin:14px 0 0;padding:0;font-size:14px;line-height:1.45;list-style:none;display:grid}.lab[data-study=design] .dl-reasons li{padding-left:20px;position:relative}.lab[data-study=design] .dl-reasons li:before{font:700 14px/1.45 var(--lab-mono);position:absolute;left:0}.lab[data-study=design] .dl-reasons li[data-tone=good]:before{content:"+";color:var(--lab-accent)}.lab[data-study=design] .dl-reasons li[data-tone=tension]:before{content:"~";color:var(--lab-text)}.lab[data-study=design] .dl-reasons li[data-tone=conflict]:before{content:"!";color:var(--lab-warn)}.lab[data-study=design] .dl-chip{min-width:26px;font:600 16px/1 var(--lab-mono);letter-spacing:0;text-align:center}.lab[data-study=design] .dl-reveal-score .spec-odo-figures{margin:4px 0 0}.lab[data-study=design] .dl-reveal-score .spec-odo-figure{flex-direction:column-reverse;gap:8px;display:flex}.lab[data-study=design] .dl-reveal-score dt{color:var(--lab-muted);font:500 13px/1 var(--lab-ui);letter-spacing:.14em;text-transform:uppercase}.lab[data-study=design] .dl-reveal-score dd{margin:0}.lab[data-study=design] .dl-reveal-score .spec-odometer{cursor:default}.lab[data-study=design] .dl-reveal .dl-score{margin-top:16px}.lab[data-study=design] .dl-reveal[data-compact] .dl-title{margin-bottom:6px;font-size:24px}.lab[data-study=design] .dl-reveal-line{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.lab[data-study=design] .dl-reveal-line p{color:var(--lab-heading);font:600 18px/1.3 var(--lab-ui);letter-spacing:.02em;margin:0}.lab[data-study=design] .dl-reveal-line .dl-scorebar-toggle{margin:0}.lab[data-study=design] .dl-reveal[data-compact] .dl-actions{margin-top:14px}.lab[data-study=design] .dl-guided>.dl-scorebar{margin-bottom:18px}.lab[data-study=design] .dl-guided .dl-steps{z-index:2;border-top:1px solid var(--lab-line);background:var(--lab-ground);margin-inline:calc(-1*clamp(16px,2.4vw,32px));padding:12px clamp(16px,2.4vw,32px) 14px;position:sticky;bottom:0}.lab[data-study=design] .dl-group-error{margin:-4px 0 12px;font-weight:600}.lab[data-study=design] .dl-rows .dl-cards{grid-template-columns:minmax(0,1fr);gap:6px}.lab[data-study=design] .dl-rows .dl-card{flex-direction:row;align-items:stretch}.lab[data-study=design] .dl-rows .dl-card-main{flex:1;grid-template-columns:28px minmax(0,1fr);gap:1px 12px;min-width:0;padding:9px 12px}.lab[data-study=design] .dl-rows .dl-spec{grid-row:1/3;align-self:center;height:28px}.lab[data-study=design] .dl-rows .dl-spec-icon svg{height:24px}.lab[data-study=design] .dl-rows .dl-card-name{font-size:15.5px}.lab[data-study=design] .dl-rows :is(.dl-card-note,.dl-card-touch){text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:14px;line-height:1.4;overflow:hidden}.lab[data-study=design] .dl-rows .dl-card[data-picked] :is(.dl-card-note,.dl-card-touch){white-space:normal}.lab[data-study=design] .dl-rows .dl-card-foot{border-top:0;border-left:1px dashed var(--lab-line);flex-direction:column;justify-content:center;margin:0;padding:0 10px}.lab[data-study=design] .dl-sheet-body{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.lab[data-study=design] .dl-sheet-body .dl-score{margin-top:0}.lab[data-study=design] .dl-explorer .dl-title{margin-bottom:6px;font-size:clamp(24px,2vw,28px)}.lab[data-study=design] .dl-explorer-lede{color:var(--lab-muted);margin:0 0 14px;font-size:15px;line-height:1.5}.lab[data-study=design] .dl-explorer .dl-actions{margin-top:0}.lab[data-study=design] .dl-handle,.lab[data-study=design] .dl-peek-row,.lab[data-study=design] .dl-scrim,.lab[data-study=design] .dl-sheet-only{display:none}.lab[data-study=design] .dl-tabs-row{align-items:center;gap:8px;margin-top:10px;display:flex}.lab[data-study=design] .dl-tabs{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.lab[data-study=design] .dl-rail-head .dl-tabs button{letter-spacing:.07em;align-items:center;min-height:30px;padding:5px 9px;font-size:12px;display:inline-flex}.lab[data-study=design] .dl-tab-kept{width:12px;height:12px;margin-left:6px}.lab[data-study=design] .dl-confirm{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lab[data-study=design] .dl-confirm-text{color:var(--lab-heading);font:600 16px/1.3 var(--lab-ui);flex-basis:100%;margin:0}.lab[data-study=design] .dl-scorebar{border:1px solid var(--lab-stroke);background:var(--cream);padding:10px 12px 11px}.lab[data-study=design] .dl-scorebar-row{align-items:center;gap:10px;display:flex}.lab[data-study=design] .dl-scorebar-num{color:var(--lab-heading);font:600 28px/1 var(--lab-mono);font-variant-numeric:tabular-nums}.lab[data-study=design] .dl-scorebar-toggle{min-height:32px;color:var(--lab-accent);font:600 14px/1.15 var(--lab-ui);letter-spacing:.03em;text-align:right;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:-4px -6px -4px auto;padding:4px 6px;text-decoration:underline;display:inline-flex}.lab[data-study=design] .dl-scorebar-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:12px;height:12px;transition:transform .2s}.lab[data-study=design] .dl-scorebar-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.lab[data-study=design] .dl-scorebar-lead{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:15px;line-height:1.4;display:-webkit-box;overflow:hidden}.lab[data-study=design] .dl-scorebar[data-open] .dl-scorebar-lead{display:block}.lab[data-study=design] .dl-scorebar[data-empty] .dl-scorebar-lead{color:var(--lab-muted);margin:0}.lab[data-study=design] .dl-scorebar-more,.lab[data-study=design] .dl-scorebar-swap{margin-top:10px}.lab[data-study=design] .dl-scorebar-swap{min-height:36px;padding:6px 12px;font-size:14.5px}.lab[data-study=design] .dl-scorebar-more[hidden]{display:none}.lab[data-study=design] .dl-scorebar-more .dl-reasons{margin-top:10px}.lab[data-study=design] .dl-shuffle-row{align-items:center;gap:12px;margin-top:10px;display:flex}.lab[data-study=design] .dl-shuffle{border:1.5px solid var(--lab-accent);background:var(--lab-field);min-height:40px;color:var(--lab-accent);font:600 16px/1 var(--lab-ui);letter-spacing:.02em;cursor:pointer;transition:background-color .2s,transform .3s var(--lab-spring);flex:none;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.lab[data-study=design] .dl-shuffle svg{width:18px;height:18px}.lab[data-study=design] .dl-shuffle:hover:not(:disabled){background:color-mix(in srgb,var(--lab-accent)9%,var(--lab-field))}.lab[data-study=design] .dl-shuffle:active:not(:disabled){transform:scale(.96)}.lab[data-study=design] .dl-shuffle:disabled{border-style:dashed;border-color:var(--lab-muted);color:var(--lab-muted);cursor:not-allowed}.lab[data-study=design] .dl-shuffle-note{height:2.7em;color:var(--lab-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.lab[data-study=design] .dl-axis{position:relative}.lab[data-study=design] .dl-keep{z-index:1;border:1px solid var(--lab-stroke);background:var(--lab-field);min-height:30px;color:var(--lab-muted);font:600 12px/1 var(--lab-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;align-items:center;gap:5px;padding:4px 9px 4px 7px;display:inline-flex;position:absolute;top:-9px;right:0}.lab[data-study=design] .dl-keep svg{width:14px;height:14px}.lab[data-study=design] .dl-keep:hover:not(:disabled,[aria-pressed=true]){border-color:var(--lab-accent);color:var(--lab-accent)}.lab[data-study=design] .dl-keep[aria-pressed=true]{border-color:var(--lab-accent);background:var(--lab-accent);color:var(--lab-on-accent)}.lab[data-study=design] .dl-keep:disabled{cursor:default;border-style:dashed}.lab[data-study=design] .dl-compact .dl-cards{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.lab[data-study=design] .dl-compact[data-axis=layout] .dl-cards{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.lab[data-study=design] .dl-compact .dl-card-main{gap:6px;padding:9px 9px 8px}.lab[data-study=design] .dl-compact .dl-card-name{font-size:15px;line-height:1.15}.lab[data-study=design] .dl-compact .dl-card-note,.lab[data-study=design] .dl-compact .dl-card-touch{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lab[data-study=design] .dl-compact .dl-spec{height:26px}.lab[data-study=design] .dl-compact .dl-spec-palette{gap:4px;padding:0 6px}.lab[data-study=design] .dl-compact .dl-spec-palette span{width:12px;height:12px}.lab[data-study=design] .dl-compact .dl-spec-type span:first-child{font-size:22px}.lab[data-study=design] .dl-compact .dl-spec-type span:last-child{font-size:14px}.lab[data-study=design] .dl-compact .dl-spec-icon svg{height:22px}.lab[data-study=design] .dl-compact .dl-card-foot{flex-wrap:wrap;gap:0 6px;padding:0 9px 2px;font-size:12.5px}.lab[data-study=design] .dl-compact .dl-also{gap:6px;min-height:30px}.lab[data-study=design] .dl-compact .dl-peek-button{margin-bottom:6px;padding:6px 9px}.lab[data-study=design] .dl-caption{min-height:4.35em;color:var(--lab-muted);margin:10px 0 0;font-size:14px;line-height:1.45}.lab[data-study=design] .dl-caption-name{color:var(--lab-heading);font:600 14.5px/1 var(--lab-ui);letter-spacing:.02em}.lab[data-study=design] .dl-caption-touch{font-style:italic}@media (prefers-reduced-motion:no-preference){.lab[data-study=design] .dl-card[data-fresh=a]{animation:.8s cubic-bezier(.2,.7,.2,1) dl-fresh-a}.lab[data-study=design] .dl-card[data-fresh=b]{animation:.8s cubic-bezier(.2,.7,.2,1) dl-fresh-b}}@keyframes dl-fresh-a{0%{box-shadow:inset 0 0 0 1px var(--lab-accent),0 0 0 7px color-mix(in srgb,var(--lab-accent)30%,transparent);transform:scale(.95)}}@keyframes dl-fresh-b{0%{box-shadow:inset 0 0 0 1px var(--lab-accent),0 0 0 7px color-mix(in srgb,var(--lab-accent)30%,transparent);transform:scale(.95)}}@media (min-width:900px){.lab[data-study=design] .dl-main{height:calc(100svh - var(--lab-chrome));grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:540px}.lab[data-study=design] .dl-panel{scrollbar-gutter:stable;overflow-y:auto}.lab[data-study=design] .dl-stage{height:auto;position:relative}.lab[data-study=design][data-view=explorer]{--dl-rail:clamp(300px,25vw,372px)}.lab[data-study=design][data-view=explorer] .dl-panel{border-right:1px solid var(--lab-line);padding:0 18px;scroll-padding-block:250px 84px}.lab[data-study=design][data-view=guided] .dl-panel{padding-bottom:0;scroll-padding-bottom:84px}.lab[data-study=design][data-view=explorer] .dl-stage{padding:12px 20px 16px}.lab[data-study=design] .dl-explorer-intro{padding-top:20px}.lab[data-study=design] .dl-rail-head,.lab[data-study=design] .dl-rail-foot{z-index:3;background:var(--lab-ground);margin-inline:-18px;padding-inline:18px;position:sticky}.lab[data-study=design] .dl-rail-head{border-bottom:1px solid var(--lab-line);padding-block:12px;top:0}.lab[data-study=design] .dl-rail-foot{border-top:1px solid var(--lab-line);padding-block:12px 14px;bottom:0}}html:has(.lab .dl-stage[data-full]){overflow:hidden}.lab[data-study=design] .dl-stage[data-full]{z-index:40;background:var(--lab-ground);height:auto;padding:0;position:fixed;inset:0}.lab[data-study=design][data-view] .dl-stage[data-full] .dl-frame{background:var(--lab-ground);height:auto;min-height:0;box-shadow:none;border:0;flex:1;padding-bottom:88px;overflow:auto}.lab[data-study=design][data-view] .dl-stage[data-full] .dl-frame[data-width=phone]{border:1px solid var(--lab-stroke);margin-block:16px 0;padding-bottom:0;box-shadow:0 18px 50px -30px #2c2d3073}.lab[data-study=design][data-view] .dl-stage[data-full]:has(.dl-frame[data-width=phone]){padding-bottom:88px}.lab[data-study=design] .dl-fullbar{bottom:max(16px,env(safe-area-inset-bottom));z-index:2;border:1px solid var(--lab-stroke);background:color-mix(in srgb,var(--lab-ground)94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);padding:8px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 18px 40px -18px #2c2d3080}.lab[data-study=design] .dl-fullbar>button:not(.dl-shuffle,.dl-button),.lab[data-study=design] .dl-fullbar .dl-widths button{border:1px solid var(--lab-stroke);background:var(--lab-field);min-height:40px;color:var(--lab-muted);font:500 14px/1 var(--lab-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:7px 14px;display:inline-flex}.lab[data-study=design] .dl-fullbar .dl-widths button[aria-pressed=true]{border-color:var(--lab-accent);background:var(--lab-accent);color:var(--lab-on-accent)}.lab[data-study=design] .dl-fullbar .dl-fullbar-exit{color:var(--lab-text)}.lab[data-study=design] .dl-fullbar-exit svg{width:14px;height:14px}.lab[data-study=design] .dl-fullbar-score{color:var(--lab-muted);font:500 14px/1 var(--lab-ui);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;padding-inline:4px 2px;display:inline-flex}.lab[data-study=design] .dl-fullbar .dl-button{min-height:40px;padding:7px 14px;font-size:16px}.lab[data-study=design] .dl-fullbar .dl-chip{padding:8px 9px}.lab[data-study=design] .dl-latest{border-top:1px solid var(--lab-stroke);padding:clamp(36px,5vw,56px) clamp(16px,4vw,40px) clamp(44px,6vw,72px)}.lab[data-study=design] .dl-latest-head{flex-wrap:wrap;align-items:baseline;gap:6px 24px;margin-bottom:20px;display:flex}.lab[data-study=design] .dl-latest-head h2{color:var(--lab-heading);font:600 clamp(26px,2.6vw,32px)/1.15 var(--font-literata),Georgia,serif;letter-spacing:-.01em;margin:0}.lab[data-study=design] .dl-latest-head p{max-width:62ch;color:var(--lab-muted);margin:0;font-size:16px;line-height:1.55}.lab[data-study=design] .dl-latest .lab-index{border-top:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px}.lab[data-study=design] .dl-latest .lab-index-row{border:1px solid var(--lab-stroke);background:var(--lab-field);padding:16px 18px}.lab[data-study=design] .dl-latest-all{font:500 15px/1 var(--lab-ui);letter-spacing:.06em;text-transform:uppercase;margin:18px 0 0}.lab[data-study=design] .dl-latest-all a{color:var(--lab-accent);text-underline-offset:4px;text-decoration:underline}@media (max-width:899px){.lab[data-study=design] .dl-main{grid-template-columns:minmax(0,1fr)}.lab[data-study=design] .dl-panel{padding:22px 16px 32px}.lab[data-study=design] .dl-stage{height:auto;padding:0 16px 24px;position:static}.lab[data-study=design] .dl-toolbar{justify-content:flex-start;min-height:0}.lab[data-study=design] .dl-toolbar:not(:has(.dl-play)){display:none}.lab[data-study=design] .dl-frame{flex:none;height:72svh}.lab[data-study=design] .dl-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.lab[data-study=design]:is([data-view=guided],[data-view=reveal]) .dl-stage{z-index:2;border-bottom:1px solid var(--lab-stroke);background:var(--lab-ground);order:-1;height:42svh;padding:8px 12px;position:sticky;top:0}.lab[data-study=design]:is([data-view=guided],[data-view=reveal]) .dl-frame{flex:1;height:auto}.lab[data-study=design][data-view=reveal] .dl-stage{height:58svh}.lab[data-study=design][data-view=reveal] .dl-panel{padding-top:16px}.lab[data-study=design][data-view=explorer] .dl-latest{padding-bottom:calc(env(safe-area-inset-bottom) + 140px)}.lab[data-study=design][data-view=explorer] .dl-panel,.lab[data-study=design][data-view=explorer] .dl-stage{padding:0}.lab[data-study=design][data-view=explorer] .dl-toolbar{padding:8px 12px}.lab[data-study=design][data-view=explorer] .dl-frame{height:auto;box-shadow:none;border:0;border-radius:0;overflow:visible}.lab[data-study=design] .dl-widths,.lab[data-study=design] .dl-toolbar .dl-labels,.lab[data-study=design] .dl-toolbar .dl-full,.lab[data-study=design] .dl-explorer-lede{display:none}.lab[data-study=design] .dl-explorer-title{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lab[data-study=design] .dl-handle{cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;width:100%;height:44px;padding:0;display:grid}.lab[data-study=design] .dl-handle span{background:var(--lab-muted);opacity:.6;border-radius:3px;width:40px;height:5px}.lab[data-study=design] .dl-handle{z-index:2;background:var(--lab-ground);width:calc(100% + 32px);margin:0 -16px;position:sticky;top:0}.lab[data-study=design] .dl-peek-row{z-index:2;background:var(--lab-ground);height:46px;font-family:var(--lab-ui);align-items:center;gap:10px;margin:0 -16px 6px;padding:0 16px;display:flex;position:sticky;top:44px}.lab[data-study=design] .dl-peek-note{text-align:right;height:auto;margin:0 0 12px;font-size:13.5px}.lab[data-study=design] .dl-chip-button{cursor:pointer;border:0;flex:none;place-items:center;min-width:44px;min-height:44px;padding:0 8px;display:grid}.lab[data-study=design] .dl-chip-button[aria-expanded=true]{box-shadow:inset 0 0 0 2px var(--band)}.lab[data-study=design] .dl-sheet-reasons[hidden]{display:none}.lab[data-study=design] .dl-peek-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lab[data-study=design] .dl-shuffle-peek{min-height:44px;padding:6px 12px;font-size:15px}.lab[data-study=design] .dl-peek-axis{color:var(--lab-muted);font:500 12px/1 var(--lab-ui);letter-spacing:.12em;text-transform:uppercase}.lab[data-study=design] .dl-peek-pick{min-width:0;max-width:100%;font:600 17px/1.2 var(--lab-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lab[data-study=design] .dl-scrim{z-index:4;background:color-mix(in srgb,var(--lab-text)35%,transparent);opacity:0;pointer-events:none;border:0;transition:opacity .4s;display:block;position:fixed;inset:0}.lab[data-study=design] .dl-explorer[data-sheet=full] .dl-scrim{opacity:1;pointer-events:auto}.lab[data-study=design] .dl-sheet{z-index:5;box-sizing:border-box;max-width:560px;max-height:45svh;padding:0 16px calc(env(safe-area-inset-bottom) + 20px);overscroll-behavior:contain;border:1px solid var(--lab-stroke);background:var(--lab-ground);transform:translateY(calc(100% - var(--sheet-peek)));border-bottom:0;margin:0 auto;transition:transform .55s cubic-bezier(.32,1.25,.5,1),max-height .45s cubic-bezier(.2,.7,.2,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 40px -16px #2c2d3059}.lab[data-study=design] .dl-explorer:is([data-sheet=half],[data-sheet=full]) .dl-sheet{transform:none}.lab[data-study=design] .dl-explorer[data-sheet=full] .dl-sheet{max-height:82svh}.lab[data-study=design] .dl-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin:0 -4px;padding:0 4px 2px;overflow-x:auto}.lab[data-study=design] .dl-rail-head .dl-tabs button{letter-spacing:.08em;min-height:44px;padding:7px 14px;font-size:14px}.lab[data-study=design] .dl-rail-head{z-index:2;background:var(--lab-ground);margin:0 -16px;padding:0 16px 4px;position:sticky;top:90px}.lab[data-study=design] .dl-expand{min-height:44px;color:var(--lab-accent);font:600 14px/1 var(--lab-ui);letter-spacing:.03em;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:5px;padding:0 4px 0 8px;text-decoration:underline;display:inline-flex}.lab[data-study=design] .dl-expand svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.lab[data-study=design] .dl-sheet-body>.dl-axis .dl-legend{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lab[data-study=design] .dl-sheet-body>.dl-axis .dl-keep{top:auto;bottom:0}.lab[data-study=design] .dl-sheet-body>.dl-axis .dl-caption{min-height:44px;padding-right:96px}.lab[data-study=design] .dl-explorer[data-sheet=half] .dl-current .dl-cards{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:8px;margin:0 -16px;padding:2px 16px 6px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.lab[data-study=design] .dl-explorer[data-sheet=half] .dl-current .dl-card{scroll-snap-align:start;flex:0 0 136px}.lab[data-study=design] .dl-explorer[data-sheet=half] .dl-current[data-axis=layout] .dl-card{flex-basis:176px}.lab[data-study=design] .dl-sheet-only{display:flex}.lab[data-study=design] .dl-sheet-body>.dl-axis:not(.dl-current){display:none}.lab[data-study=design] .dl-sheet-body{gap:16px}}@media (max-width:899px),(pointer:coarse){.lab[data-study=design] .dl-also,.lab[data-study=design] .dl-compact .dl-also{min-height:44px;padding-right:4px}.lab[data-study=design] .dl-compact .dl-card-foot{padding-bottom:0}.lab[data-study=design] .dl-also input{width:20px;height:20px}.lab[data-study=design] .dl-keep,.lab[data-study=design] .dl-peek-button,.lab[data-study=design] .dl-compact .dl-peek-button,.lab[data-study=design] .dl-scorebar-toggle,.lab[data-study=design] .dl-swap,.lab[data-study=design] .dl-shuffle,.lab[data-study=design] .dl-toolbar button,.lab[data-study=design] .dl-rail-head .dl-tabs button{min-height:44px}.lab[data-study=design] .dl-keep{justify-content:center;min-width:72px}.lab[data-study=design] .dl-peek-button,.lab[data-study=design] .dl-compact .dl-peek-button{margin-block:0}.lab[data-study=design] .dl-scorebar-toggle{margin-block:-8px}}@media (max-width:599px){.lab[data-study=design] .dl-dialog-backdrop{padding:8px}.lab[data-study=design] .dl-summary-picks div{grid-template-columns:minmax(0,1fr);gap:0}}@media (max-width:359px){.lab[data-study=design] .dl-axis:not(.dl-compact) .dl-cards{grid-template-columns:minmax(0,1fr)}}