.strip-inspector{--strip-paper:var(--atelier-strip-paper);color:var(--atelier-text);font-family:var(--font-body);min-width:0;container-type:inline-size;container-name:strip-inspector}
.strip-inspector *{box-sizing:border-box}
.strip-inspector button,.strip-inspector a{-webkit-tap-highlight-color:transparent}
.strip-inspector button{font:inherit;cursor:pointer;color:inherit}
.strip-inspector svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.strip-inspector :is(button,a,summary,[tabindex]):focus-visible{outline:2px solid var(--atelier-focus);outline-offset:4px}
.strip-stage{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:var(--space-8,2rem);align-items:start}
.strip-object{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:center;min-width:0;padding:1.5rem 0}
.strip-detail{grid-column:2;min-width:0;padding-top:1rem}
.strip-physical{position:relative;width:3.5rem;padding:4rem .35rem .75rem;display:flex;flex-direction:column;gap:.2rem;background:var(--strip-paper);border-radius:.2rem;box-shadow:4px 8px 14px var(--atelier-shadow-color),1px 1px 2px var(--atelier-shadow-color);isolation:isolate}
.strip-handle{position:absolute;top:1.5rem;left:0;width:100%;text-align:center;font-size:.48rem;line-height:1.2;color:var(--atelier-strip-ink);letter-spacing:.15em;text-transform:uppercase;pointer-events:none}
.strip-pad{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-width:0;min-height:1.65rem;padding:.12rem .2rem;border:0!important;border-radius:2px!important;box-shadow:none!important;background:none!important;transition:transform var(--motion-fast,140ms) var(--ease-standard,ease)}
.strip-chip{display:block;width:1.75rem;height:1.1rem;flex:none;background:var(--strip-pad-color);box-shadow:inset 0 0 0 1px var(--atelier-shadow-color),0 1px 1px var(--atelier-shadow-color);border-radius:1px;transition:transform var(--motion-fast,140ms) var(--ease-standard,ease),box-shadow var(--motion-fast,140ms) var(--ease-standard,ease)}
.strip-chip.is-unread{background:var(--atelier-strip-unread);color:var(--atelier-strip-ink);text-align:center;font:700 .75rem/1.1rem var(--font-body)}
.strip-pad.is-selected .strip-chip{transform:translateX(3px) scale(1.05);box-shadow:0 0 0 2px var(--strip-paper),0 0 0 3px var(--atelier-strip-ink),3px 4px 8px var(--atelier-shadow-color)}
.strip-pad:focus-visible{outline-color:var(--atelier-strip-focus)!important;outline-offset:-1px!important}
.strip-physical.strip-handle-end{padding-top:.75rem;padding-bottom:4rem}
.strip-handle-end .strip-handle{top:auto;bottom:1.5rem}
.strip-pad:hover .strip-chip{transform:translateX(2px)}
.strip-pad.is-selected:before{content:"";position:absolute;left:-.8rem;width:.25rem;height:.25rem;border-radius:50%;background:var(--atelier-primary)}
.strip-hover{position:absolute;z-index:5;left:calc(100% + 1rem);top:50%;transform:translateY(-50%);width:max-content;max-width:15rem;background:var(--atelier-raised);color:var(--atelier-text);padding:.6rem .85rem;box-shadow:0 4px 18px var(--atelier-shadow-color);border:1px solid var(--atelier-border);font-size:.8125rem;line-height:1.4;text-align:left;pointer-events:none;visibility:hidden;opacity:0;transition:opacity var(--motion-fast,140ms)}
.strip-hover span,.strip-hover strong{display:block}.strip-hover strong{font-weight:600}
.strip-pad:is(:hover,:focus-visible) .strip-hover{opacity:1;visibility:visible}
.strip-keyboard-help,.strip-object-caption{font-size:.75rem;line-height:1.5;text-align:center;color:var(--atelier-text-secondary);max-width:9rem;margin:1.25rem 0 0}
.strip-keyboard-help{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.strip-position{font-size:.8125rem;line-height:1.5;color:var(--atelier-text-secondary);margin:0 0 .35rem}
.strip-reading-heading h3,.strip-preview-text h3{font-family:var(--font-display);font-size:clamp(1.75rem,2.5vw,2.4rem);font-weight:400;line-height:1.08;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}
.strip-reading-value{font-size:clamp(3.25rem,5vw,5rem);font-weight:400;font-variant-numeric:tabular-nums;line-height:1.05;letter-spacing:-.065em;margin:1rem 0 .75rem;overflow-wrap:anywhere}
.strip-reading-value>span{display:block;font-size:.875rem;line-height:1.5;letter-spacing:0;margin-top:.5rem;color:var(--atelier-text-secondary)}
.strip-reading-missing{font-family:var(--font-display);font-size:2.5rem;letter-spacing:-.02em}
.strip-reading-state{display:flex;gap:.45rem;align-items:center;font-size:.8125rem;line-height:1.5;color:var(--atelier-text-secondary);margin:.75rem 0 1.5rem}
.strip-scale{min-width:0;margin:1.25rem 0 0}
.strip-scale-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.8125rem;line-height:1.5;color:var(--atelier-text-secondary)}
.strip-scale-heading h4{font:inherit;margin:0;color:var(--atelier-text)}
.strip-scale-heading>span{font-variant-numeric:tabular-nums}
.strip-scale-scroll{overflow-x:auto;overscroll-behavior-inline:contain;padding:.4rem 0 .3rem;scrollbar-width:thin;scrollbar-color:var(--atelier-control-border) transparent}
.strip-scale-inner{min-width:calc(var(--strip-level-count)*3rem);padding:.25rem 0 0}
.strip-scale-line{height:1.25rem;position:relative;margin:.25rem calc(50% / var(--strip-level-count)) .5rem}
.strip-scale-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--atelier-control-border)}
.strip-scale-tick{position:absolute;left:var(--strip-position);top:50%;height:.5rem;width:1px;background:var(--atelier-control-border);transform:translate(-50%,-50%)}
.strip-scale-tick.is-selected{width:.65rem;height:.65rem;border-radius:50%;background:var(--atelier-primary);box-shadow:0 0 0 3px var(--atelier-surface)}
.strip-scale-labels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--strip-level-count),minmax(0,1fr));font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.5;text-align:center;color:var(--atelier-text-secondary)}
.strip-scale-labels li{padding:0 .15rem;overflow-wrap:anywhere}
.strip-scale-labels .is-selected{font-weight:600;color:var(--atelier-text)}
.strip-scale-labels small{display:block;position:relative;width:max-content;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.75rem;font-weight:400;line-height:1.5;margin-top:.1rem}
.strip-scale-note,.strip-alternate,.strip-meaning,.strip-orientation{font-size:.8125rem;line-height:1.6;color:var(--atelier-text-secondary);margin:.75rem 0 0;overflow-wrap:anywhere}
.strip-resource{display:inline-flex;align-items:center;gap:.65rem;min-height:3rem;text-decoration:none;font-size:.875rem;line-height:1.5;font-weight:600;color:var(--atelier-primary);margin-top:.5rem}
.strip-resource:hover{text-decoration:underline;text-underline-offset:4px}
.strip-resource-note{font-size:.75rem;line-height:1.5;color:var(--atelier-text-secondary);margin:0 0 .75rem}
.strip-ledger{grid-column:2;min-width:0}
.strip-list-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--atelier-border);padding:1rem 0;margin-top:1.5rem}
.strip-list-heading h3{font-family:var(--font-display);font-size:1.6rem;line-height:1.15;font-weight:400;margin:0}
.strip-list-heading span{font-size:.8125rem;color:var(--atelier-text-secondary)}
.strip-parameter-list{display:grid;grid-template-columns:1fr;min-width:0}
.strip-parameter-row{display:grid;grid-template-columns:1.4rem .8rem minmax(0,1fr) minmax(2rem,auto) .85rem;gap:.65rem;align-items:center;position:relative;width:100%;min-width:0;min-height:3.5rem;padding:.9rem .25rem!important;border:1px solid transparent!important;border-bottom-color:var(--atelier-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left;line-height:1.4;transition:background var(--motion-fast,140ms)}
.strip-parameter-row:hover,.strip-parameter-row.is-selected{background:var(--atelier-selected)!important;border-color:var(--atelier-control-border)!important}
.strip-row-position{font-size:.6875rem;color:var(--atelier-text-secondary);font-variant-numeric:tabular-nums}
.strip-parameter-row>.strip-chip{width:.6rem;height:1rem;box-shadow:inset 0 0 0 1px var(--atelier-shadow-color)}
.strip-parameter-row>.strip-chip span{display:none}
.strip-row-name{font-size:.875rem;overflow-wrap:anywhere}
.strip-row-name small{display:block;font-size:.75rem;line-height:1.5;margin-top:.15rem;color:var(--atelier-text-secondary)}
.strip-row-value{font-size:1.125rem;font-variant-numeric:tabular-nums;line-height:1.2;text-align:right;overflow-wrap:anywhere}
.strip-row-value small{display:block;font-size:.75rem;line-height:1.5;margin-top:.25rem;color:var(--atelier-text-secondary);max-width:7rem}
.strip-row-selected{visibility:hidden;color:var(--atelier-primary)}
.strip-row-selected svg{width:.85rem;height:.85rem}
.strip-parameter-row.is-selected .strip-row-selected{visibility:visible}
.strip-ledger details>summary{cursor:pointer;min-height:3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;font-size:.875rem;line-height:1.5;font-weight:600;border-bottom:1px solid var(--atelier-border)}
.strip-ledger summary::-webkit-details-marker{display:none}
.strip-ledger details[open]>summary svg{transform:rotate(90deg)}
.strip-variant-overview .strip-stage{grid-template-columns:minmax(0,1fr) 6rem;gap:1.5rem}
.strip-variant-overview .strip-object{grid-column:2}
.strip-variant-overview .strip-detail,.strip-variant-overview .strip-ledger{grid-column:1}
.strip-variant-overview .strip-hover{left:auto;right:calc(100% + 1rem)}
.strip-variant-overview .strip-scale-inner{min-width:calc(var(--strip-level-count)*2.65rem)}
.strip-variant-overview .strip-reading-value{font-size:clamp(3.25rem,4.5vw,4.5rem)}
.strip-jar-reading{display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:.8125rem;text-align:center;color:var(--atelier-text-secondary)}
.strip-jar-reading>.strip-chip{width:3.5rem;height:3.5rem;border-radius:50%}
.strip-mobile-preview{display:none}
.strip-dialog{color:var(--atelier-text);font-family:var(--font-body);background:var(--atelier-surface);border:0;border-radius:var(--radius-lg,.75rem);width:min(45rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1.5rem;overscroll-behavior:contain;box-shadow:0 24px 100px var(--atelier-shadow-color);container-type:inline-size;container-name:strip-dialog}
.strip-dialog:not([open]){display:none}
.strip-dialog::backdrop{background:var(--atelier-overlay);backdrop-filter:blur(3px)}
.strip-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}
.strip-dialog-head>div{min-width:0}
.strip-dialog-head h2{font-family:var(--font-display);font-size:2rem;font-weight:400;line-height:1.1;margin:0;overflow-wrap:anywhere}
.strip-dialog-head .strip-position{margin-bottom:.3rem}
.strip-close{display:flex;justify-content:center;align-items:center;flex:none;width:3rem;height:3rem;min-height:3rem;border:1px solid var(--atelier-control-border)!important;border-radius:50%!important;background:transparent!important;padding:0!important}
.strip-pad-scroller{position:relative;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:1.25rem .5rem;scroll-padding-inline:.5rem;scrollbar-width:thin;scrollbar-color:var(--atelier-control-border) transparent}
.strip-horizontal{flex-direction:row;width:max-content;min-width:100%;gap:.25rem;padding:.5rem .5rem .5rem 3rem;min-height:5rem;align-items:center}
.strip-horizontal .strip-handle{left:.7rem;top:50%;width:auto;transform:translate(-25%,-50%) rotate(-90deg);font-size:.5rem}
.strip-horizontal .strip-pad{flex:none;width:3rem;min-width:3rem;min-height:4rem;padding:.5rem}
.strip-horizontal .strip-chip{width:2rem;height:2.5rem}
.strip-horizontal .strip-chip.is-unread{display:flex;align-items:center;justify-content:center}
.strip-horizontal .strip-pad.is-selected .strip-chip{transform:translateY(-3px);box-shadow:0 0 0 2px var(--strip-paper),0 0 0 3px var(--atelier-strip-ink),0 4px 8px var(--atelier-shadow-color)}
.strip-horizontal .strip-pad.is-selected:before{left:50%;top:calc(100% - .25rem);transform:translateX(-50%);background:var(--atelier-strip-ink)}
.strip-horizontal.strip-handle-end{padding:.5rem 3rem .5rem .5rem}
.strip-horizontal.strip-handle-end .strip-handle{top:50%;bottom:auto;left:auto;right:.7rem;transform:translate(25%,-50%) rotate(-90deg)}
.strip-horizontal .strip-hover{display:none}
.strip-inspect-caption{font-size:.75rem;line-height:1.5;color:var(--atelier-text-secondary);margin:.25rem 0 1rem}
.strip-dialog>.strip-detail{padding:1rem 0 1.5rem;border-bottom:1px solid var(--atelier-border)}
.strip-dialog .strip-reading-value{font-size:3.5rem}
.strip-dialog .strip-parameter-row{min-height:3.5rem}
.strip-muted{font-size:.8125rem;line-height:1.5;color:var(--atelier-text-secondary)}
.strip-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
@media(min-width:1100px){.strip-variant-results .strip-parameter-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}.strip-variant-results .strip-dialog .strip-parameter-list{grid-template-columns:1fr}}
@media(max-width:700px),(pointer:coarse){
 .strip-stage{display:none!important}
 .strip-mobile-preview{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1.25rem;align-items:center}
 .strip-open{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;min-height:16rem;width:100%;padding:.75rem 0!important;background:none!important;border:0!important;border-radius:var(--radius-md,.5rem)!important;box-shadow:none!important}
 .strip-miniature{display:flex;flex-direction:column;gap:.18rem;background:var(--strip-paper);width:2.125rem;padding:2.5rem .4rem .5rem;box-shadow:3px 7px 10px var(--atelier-shadow-color);border-radius:.15rem;position:relative}
 .strip-miniature>.strip-chip{height:.65rem;width:100%;min-height:.65rem}
 .strip-miniature>.strip-chip.is-selected{box-shadow:0 0 0 1px var(--strip-paper),0 0 0 2px var(--atelier-strip-ink);transform:translateX(2px)}
 .strip-miniature.strip-handle-end{padding-top:.5rem;padding-bottom:2.5rem}
 .strip-miniature>.strip-chip span{display:none}
 .strip-open-label{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.8125rem;font-weight:600;line-height:1.4;min-height:3rem;color:var(--atelier-primary)}
 .strip-open-label svg{width:.85rem;height:.85rem}
 .strip-preview-value{font-size:3.25rem;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.05em;margin:1rem 0 .75rem;overflow-wrap:anywhere}
 .strip-preview-value span{display:block;font-size:.8125rem;letter-spacing:0;line-height:1.5;color:var(--atelier-text-secondary);margin-top:.35rem}
 .strip-miniature-jar{padding:0;width:3.5rem;height:3.5rem;border-radius:50%;background:none;box-shadow:none}
 .strip-miniature-jar>.strip-chip{border-radius:50%;height:3.5rem;min-height:3.5rem}
 .strip-dialog{width:calc(100vw - 1rem);max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);padding:1rem}
 .strip-dialog .strip-reading-value{font-size:3.25rem}
 .strip-dialog .strip-parameter-row{grid-template-columns:1.1rem .6rem minmax(0,1fr) minmax(2rem,auto) .7rem;gap:.5rem;padding:.9rem 0!important}
 .strip-row-name{font-size:.8125rem}.strip-row-value{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.strip-inspector *,.strip-inspector *:before,.strip-inspector *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@container strip-inspector (max-width:14rem){.strip-mobile-preview{grid-template-columns:minmax(0,1fr)}.strip-preview-text{min-width:0}.strip-open{min-height:0;max-width:100%}.strip-open-label{flex-wrap:wrap}.strip-stage{grid-template-columns:minmax(0,1fr)!important}.strip-object,.strip-detail,.strip-ledger{grid-column:1!important;grid-row:auto!important}}
@container strip-dialog (max-width:18rem){.strip-dialog .strip-parameter-row{grid-template-columns:1.1rem .6rem minmax(0,1fr) .85rem;row-gap:.3rem}.strip-dialog .strip-row-position{grid-column:1;grid-row:1}.strip-dialog .strip-parameter-row>.strip-chip{grid-column:2;grid-row:1}.strip-dialog .strip-row-name{grid-column:3;grid-row:1}.strip-dialog .strip-row-value{grid-column:3;grid-row:2;text-align:left}.strip-dialog .strip-row-value small{display:inline;max-width:none;margin-left:.35rem}.strip-dialog .strip-row-selected{grid-column:4;grid-row:1}.strip-dialog .strip-list-heading{display:block}.strip-dialog .strip-list-heading span{display:block;margin-top:.5rem}}
@container strip-dialog (max-width:12rem){.strip-dialog-head{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.strip-dialog-head>.strip-close{order:-1;align-self:flex-end;width:48px;height:48px;min-height:48px}.strip-dialog-head>div{width:100%}.strip-dialog-head h2{overflow-wrap:normal;word-break:normal;font-size:1.75rem}.strip-dialog .strip-list-heading h3{overflow-wrap:normal;word-break:normal}.strip-dialog .strip-parameter-row{grid-template-columns:.6rem minmax(0,1fr);column-gap:.5rem}.strip-dialog .strip-row-position{display:none}.strip-dialog .strip-parameter-row>.strip-chip{grid-column:1}.strip-dialog .strip-row-name,.strip-dialog .strip-row-value{grid-column:2}.strip-dialog .strip-row-selected{display:none}.strip-dialog .strip-parameter-row.is-selected:before{content:"";position:absolute;left:-.35rem;top:.8rem;bottom:.8rem;width:2px;background:var(--atelier-primary)}}
