/* Match the ATLAS standalone shell; preserve the SPECTRA dial and controls. */
@font-face{font-family:Inter;src:url(/assets/Inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
.spectra-motion-shell{background:#111617;color:#eeeae3;font:15px Inter,Arial,sans-serif}
.spectra-motion-shell .public-preview>header,.spectra-motion-shell main{max-width:1100px;margin:auto;padding:22px 32px}
.spectra-motion-shell .public-preview>header{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #343c3d}
.spectra-motion-shell .motion-brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}
.spectra-motion-shell .motion-brand img:first-child{width:40px}
.spectra-motion-shell .motion-brand img:last-child{width:190px}
.spectra-motion-shell .public-preview>header .watch-language{margin:0 0 0 auto}
.spectra-motion-shell main>section{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.spectra-motion-shell main>section{padding:24px 0 36px;gap:40px}
.spectra-motion-controls{min-width:0}
.spectra-motion-controls #description{font-size:13px;line-height:1.8;color:#a5b0ad;margin:12px 0}
.motion-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.spectra-motion-controls .motion-field{display:grid;gap:5px;margin:0 0 12px;font-size:11px;color:#a5b0ad}
.spectra-motion-controls select{width:100%;min-width:0;height:40px;padding:8px 12px;font:12px Inter,Arial,sans-serif;color:#ecede4;background:#19221d;border:1px solid #5b6b62;border-radius:3px;color-scheme:dark}
.spectra-motion-controls select:focus-visible{outline:2px solid #efc898;outline-offset:4px}
.spectra-motion-controls select:disabled{opacity:.55;cursor:not-allowed}
.spectra-motion-controls .motion-toggle{display:flex;position:relative;align-items:center;justify-content:center;min-width:0;min-height:42px;margin:0;padding:8px;border:1px solid #5b6b62;border-radius:3px;background:#19221d;color:#ecede4;font-size:11px;cursor:pointer;text-align:center}
.motion-toggle input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.spectra-motion-controls .motion-toggle:has(input:checked){background:#dbd9ca;color:#142016}
.spectra-motion-controls .motion-toggle:has(input:focus-visible){outline:2px solid #efc898;outline-offset:4px}
.spectra-motion-controls .motion-toggle.is-disabled{opacity:.5;cursor:not-allowed}
.spectra-motion-controls .motion-toggle-wide{width:100%;font-size:12px;margin-bottom:12px}
.motion-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.spectra-motion-controls #status{font-size:12px;line-height:1.7;color:#edcda5;margin:12px 0 0}
.spectra-motion-controls .motion-detail-actions>button,.spectra-motion-controls #pause{min-height:42px;padding:8px 12px;border:1px solid #5b6b62;border-radius:3px;background:#19221d;color:#ecede4;font:11px Inter,Arial,sans-serif}
.spectra-motion-controls button[aria-pressed=true]{background:#dbd9ca;color:#142016}
.spectra-motion-controls .motion-speed{margin:12px 0}
.motion-playback-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.motion-playback-row p{margin:0;font-size:11px;color:#a5b0ad}
.motion-playback-row output{font-variant-numeric:tabular-nums;letter-spacing:1px;margin-left:10px}
.motion-playback-status{font-size:11px;line-height:1.7;color:#a5b0ad;margin-top:12px}
.motion-playback-status p{margin:0;font:inherit;line-height:inherit}
.motion-playback-status #status{margin:0;font:inherit;line-height:inherit}
.spectra-motion-controls .motion-seconds-option{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:11px;color:#a5b0ad}
.motion-seconds-option input{margin:0;accent-color:#dbd9ca}
.spectra-motion-shell .public-preview-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px 0;gap:20px}
.spectra-motion-shell .public-preview-footer a{color:inherit;text-decoration:none}
.spectra-motion-shell .public-preview-footer>a:first-child{font-size:13px}
.spectra-motion-shell .public-preview-footer .site-legal{flex:1 0 100%;padding-top:20px;margin-top:8px;border-top:1px solid #343c3d;display:flex;flex-direction:column;gap:7px;color:#a5b0ad;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.spectra-motion-shell .public-preview-footer .site-legal a:hover{text-decoration:underline}
.spectra-motion-shell .note{font-size:13px;line-height:1.8;color:#a5b0ad}
.spectra-motion-shell .note>a{display:table;margin-top:14px;border-bottom:1px solid #5b6b62;padding-bottom:7px;color:#efc898;font-size:13px;text-decoration:none}
@media(max-width:740px){.spectra-motion-shell .public-preview>header .watch-language{margin-left:0}}
@media(max-width:700px){.spectra-motion-shell main>section{grid-template-columns:1fr;gap:28px}}
@media(max-width:540px){.spectra-motion-shell .public-preview>header,.spectra-motion-shell main{padding:18px}.spectra-motion-shell .motion-brand img:first-child{width:30px}.spectra-motion-shell .motion-brand img:last-child{width:140px}.spectra-motion-shell .public-preview-footer{align-items:flex-start}}