/* Independent trial: authored artwork and display lettering retain their own scale. */
:root{--trial-orange:#ff6b3d;--trial-paper:#eeeee6;--trial-ink:#212121;--trial-body:14px;--trial-leading:22px;--trial-focus:2px solid var(--trial-orange)}
.impeccable-trial{caret-color:var(--trial-orange);accent-color:var(--trial-orange)}
.impeccable-trial ::selection{background:#ff6b3d;color:#212121}
.impeccable-trial :focus-visible{outline:var(--trial-focus);outline-offset:5px}
.impeccable-trial a{text-underline-offset:4px}
.impeccable-trial .figma-frame .trial-wrap{white-space:normal;overflow-wrap:break-word;text-wrap:pretty;height:auto;min-height:93px}
.impeccable-trial .capsule-trigger{transition:background-color 160ms ease-out,box-shadow 160ms ease-out}
.impeccable-trial .capsule-trigger:hover{background:#ffffff0b;box-shadow:inset 0 0 0 2px #ffffff38}
.impeccable-trial .capsule-trigger:active{background:#00000024;box-shadow:inset 0 0 0 2px #ff6b3d9c}
.impeccable-trial .capsule-trigger:focus-visible{outline:3px solid var(--trial-orange);outline-offset:-5px}
.impeccable-trial .marquee-hit:focus-visible{outline:3px solid var(--trial-orange);outline-offset:-5px}
.impeccable-trial .marquee-hit.is-dragging{background:#ffffff03}
.impeccable-trial .preview-dock{right:12px;bottom:12px;padding:3px;border:0;border-radius:6px;background:#202220ed;backdrop-filter:none;box-shadow:0 4px 16px #0002;gap:2px;font-size:11px}
.impeccable-trial .preview-dock button,.impeccable-trial .baseline-link{padding:7px 10px;border-radius:3px;transition:background-color 120ms ease-out,color 120ms ease-out}
.impeccable-trial .baseline-link{display:flex;align-items:center;color:#d6d7d0;text-decoration:none}
.impeccable-trial .baseline-link:hover{background:#fff2;color:#fff}
.impeccable-trial #image-preview{border:0;border-radius:12px;padding:20px;background:#171917;width:calc(var(--trial-viewport-width,100vw)*.76)}
.impeccable-trial #image-preview::backdrop{background:#080a08e8;backdrop-filter:blur(8px)}
.impeccable-trial .modal-image-stage{position:relative;width:100%;height:calc(100% - 24px);display:grid;place-items:center;min-height:0}
.impeccable-trial #modal-image,.impeccable-trial .modal-outgoing{position:absolute;inset:auto;left:50%;top:50%;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform:translate(-50%,-50%);background:transparent}
.impeccable-trial .modal-outgoing{z-index:1;pointer-events:none}
.impeccable-trial #modal-caption{height:24px;color:#c1c4bb;letter-spacing:.6px}
.impeccable-trial .modal-close{z-index:3;background:#171917d9;border-radius:6px;transition:background-color 140ms ease-out,color 140ms ease-out}
.impeccable-trial .modal-controls button{border-radius:5px;transition:background-color 140ms ease-out,transform 140ms ease-out}
.impeccable-trial .modal-controls button:not(:disabled):hover,.impeccable-trial .modal-close:hover{background:#3b3e38}
.impeccable-trial .modal-controls button:not(:disabled):active,.impeccable-trial .modal-close:active{transform:scale(.95)}
.impeccable-trial #modal-count{font-variant-numeric:tabular-nums;min-width:50px;text-align:center;color:#c1c4bb}
.impeccable-trial #image-preview[aria-busy=true] #modal-caption{color:#ddd}
.capsule-accordion{position:absolute;display:flex;align-items:stretch;isolation:isolate}
.capsule-accordion[hidden]{display:none}
.capsule-panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;padding:0;border:0;cursor:pointer;appearance:none;text-align:inherit}
.capsule-panel img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;pointer-events:none;user-select:none;transform-origin:center}
.capsule-panel:focus-visible{outline:3px solid #ff754a;outline-offset:3px;z-index:2}
.capsule-panel:active{cursor:grabbing}
@media(prefers-reduced-motion:reduce){.impeccable-trial *{transition:none!important}.impeccable-trial #image-preview::backdrop{backdrop-filter:none}}
