.shot{border:1px solid var(--border-input);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;overflow:hidden}.shot__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.shot__header h2{letter-spacing:-.035em;margin:5px 0 0;font-size:1.35rem}.shot__header .kicker{letter-spacing:.12em;font-size:.65rem}.shot__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.shot__body{grid-template-columns:258px minmax(0,1fr);display:grid}.shot__design{border-right:1px solid var(--border);background:var(--bg-subtle);padding:8px 20px 20px}.shot__group{border-bottom:1px solid var(--border);padding-block:18px}.shot__group:last-child{border-bottom:0}.shot__group summary{cursor:pointer;min-height:28px;font-size:.85rem;font-weight:600}.shot__group summary span{color:var(--text-subtle);font-family:var(--font-mono);margin-right:8px;font-size:.7rem}.shot label{color:var(--text-muted);justify-content:space-between;gap:8px;margin:14px 0 6px;font-size:.76rem;font-weight:500;display:flex}.shot label.btn{color:var(--text);justify-content:center;margin:0;display:inline-flex}.shot select,.shot input:not([type=range]):not([type=file]){border:1px solid var(--border-input);background:var(--surface);width:100%;min-width:0;min-height:38px;color:var(--text);font:inherit;border-radius:8px;padding:8px 10px;font-size:.8rem}.shot select{height:auto}.shot input[type=color]{cursor:pointer;padding:4px!important}.shot input[type=range]{width:100%;margin:2px 0 0;display:block}.shot output{font-family:var(--font-mono);color:var(--text);font-size:.72rem}.shot__hint{color:var(--text-subtle);margin:6px 0 0;font-size:.73rem;font-weight:400;line-height:1.55}.shot__swatches{grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0 8px;display:grid}.shot__swatches button{border:1px solid var(--border-input);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;min-height:56px;padding:4px 4px 6px;font-size:.64rem}.shot__swatches button[aria-pressed=true]{outline:2px solid var(--text);outline-offset:2px;color:var(--text)}.shot__swatch{border-radius:4px;height:24px;margin-bottom:5px;display:block}.shot__swatch--lilac{background:var(--shot-lilac)}.shot__swatch--mist{background:var(--shot-mist)}.shot__swatch--peach{background:var(--shot-peach)}.shot__swatch--sand{background:var(--shot-sand)}.shot__swatch--dusk{background:var(--shot-dusk)}.shot__swatch--ink{background:var(--shot-ink)}.shot__swatch--solid{background:var(--surface-inset)}.shot__swatch--transparent{background:repeating-conic-gradient(var(--surface-inset) 0% 25%,var(--surface) 0% 50%) 0 0 / 10px 10px}.shot__pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.shot__work{min-width:0;padding:20px 24px 14px}.shot__toolbar{border:1px solid var(--border-input);background:var(--bg-subtle);border-radius:12px;gap:4px;padding:5px;display:flex}.shot__toolbar button{min-width:56px;min-height:56px;font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:.69rem;display:flex}.shot__toolbar button[aria-pressed=true]{color:var(--text);background:var(--surface);border-color:var(--border-input);box-shadow:var(--shadow-sm)}.shot__toolbar button:hover,.shot__layer:hover{background:var(--surface);color:var(--text)}.shot__utility{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 0;display:flex}.shot__utility .shot__hint{margin:0}.shot label.shot__zoom{align-items:center;gap:6px;margin:0;font-size:.68rem;display:flex}.shot__zoom select{width:72px;min-height:32px;padding:3px 10px;font-size:.7rem}.shot__text-button{color:var(--text-muted);text-underline-offset:3px;font:inherit;cursor:pointer;background:0 0;border:0;min-height:30px;padding:4px 0;font-size:.73rem;text-decoration:underline}.shot__text-button:disabled{opacity:.4;cursor:default}.shot__stage{border:1px solid var(--border);background:repeating-conic-gradient(var(--surface-inset) 0% 25%,var(--bg-subtle) 0% 50%) 0 0 / 16px 16px;border-radius:10px;place-items:center;min-height:220px;padding:22px;display:grid;overflow:hidden}.shot__stage--drop{outline:3px solid var(--text);outline-offset:-3px}.shot__stage canvas{touch-action:none;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:510px;display:block}.shot__stage canvas[data-mode=select]{cursor:default}.shot__stage canvas:not([data-mode=select]){cursor:crosshair}.shot__stage canvas:focus-visible{outline:3px solid var(--text);outline-offset:4px}.shot__stage--zoom{height:510px;display:block;overflow:auto}.shot__stage--zoom canvas{max-width:none;max-height:none}.shot__empty{text-align:center;padding:40px 20px}.shot__empty h3{margin:12px 0;font-size:1.1rem}.shot__empty p{color:var(--text-muted);max-width:330px;margin:0 auto 18px;font-size:.8rem}.shot__understage{justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0 16px;display:flex}.shot__understage p{color:var(--text-subtle);max-width:420px;margin:0;font-size:.73rem}.shot__dimensions{font:.68rem var(--font-mono);color:var(--text-muted);flex-shrink:0;padding-top:2px}.shot__annotations{border-top:1px solid var(--border);grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);gap:22px;min-height:105px;padding:18px 0;display:grid}.shot__section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.shot__section-title h3{margin:0;font-size:.82rem}.shot__section-title h3 span{font:.7rem var(--font-mono);color:var(--text-subtle);margin-left:6px}.shot__layer-list{flex-wrap:wrap;gap:6px;max-height:170px;margin-top:10px;padding:2px;display:flex;overflow:auto}.shot__layer{font:.73rem var(--font);color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-input);cursor:pointer;border-radius:6px;min-height:32px;padding:4px 10px}.shot__layer[aria-pressed=true]{color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.shot__coords{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.shot__coords label{white-space:nowrap;font-size:.66rem}.shot__coords input{padding:6px!important}.shot__redact-note{color:var(--text-muted);margin:10px 0 0;font-size:.72rem}.shot__crop{border:1px solid var(--border-input);background:var(--bg-subtle);border-radius:10px;margin-bottom:16px;padding:16px}.shot__crop p{margin:0;font-size:.8rem}.shot__crop .shot__actions{margin-top:12px}.shot__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:18px;padding:18px 0 10px;display:flex}.shot__export-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shot__export-options label{margin-top:0}.shot__footer .btn{font-size:.8rem}.shot__status{color:var(--text-muted);min-height:1.6em;margin:6px 0 0;font-size:.73rem}.shot__group [data-shot=save-style]{margin-top:10px}.shot__host>.shot{min-height:100%}.shot__host>.shot:focus-within{box-shadow:none}.tm-shot-bg,.tm-shot-image,.tm-shot-marks,.tm-shot-export{animation-duration:7s;animation-iteration-count:infinite;animation-fill-mode:backwards}.tm-shot-bg{animation-name:tm-shot-background}.tm-shot-image{transform-origin:50%;animation-name:tm-shot-image}.tm-shot-marks{animation-name:tm-shot-marks}.tm-shot-export{animation-name:tm-shot-export}@keyframes tm-shot-background{0%,15%{opacity:0}30%,90%{opacity:1}to{opacity:0}}@keyframes tm-shot-image{0%,15%{transform:translateY(10px)scale(.92)}35%,90%{transform:none}to{transform:translateY(10px)scale(.92)}}@keyframes tm-shot-marks{0%,35%{opacity:0}55%,90%{opacity:1}to{opacity:0}}@keyframes tm-shot-export{0%,60%{opacity:0}75%,90%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.tm--shotstudio *{animation:none!important}}@media (width<=1100px){.shot__body{grid-template-columns:228px minmax(0,1fr)}.shot__work{padding:16px}.shot__footer{flex-wrap:wrap}.shot__annotations{grid-template-columns:1fr;gap:12px}.shot__coords label{font-size:.72rem}}@media (width<=720px){.shot__header{flex-direction:column;align-items:flex-start;padding:18px 16px}.shot__header h2{font-size:1.2rem}.shot__header .shot__actions{width:100%}.shot__header label.btn{margin-left:auto}.shot__body{flex-direction:column;display:flex}.shot__work{order:-1;padding:12px}.shot__design{border:0;border-top:1px solid var(--border);padding:2px 16px 14px}.shot__toolbar{overflow-x:auto}.shot__toolbar button{flex:0 0 54px;min-width:54px;padding-inline:3px}.shot__utility{gap:6px}.shot__utility .shot__actions{justify-content:flex-end;width:100%}.shot__stage{min-height:160px;padding:8px}.shot__understage{flex-direction:column;gap:7px}.shot__annotations{gap:16px}.shot__coords{grid-template-columns:1fr 1fr}.shot__coords label{font-size:.72rem}.shot__footer{flex-direction:column;align-items:stretch;gap:12px}.shot__footer .shot__actions{grid-template-columns:1fr 1fr;display:grid}.shot__footer .btn{padding-inline:10px}.shot__swatches{grid-template-columns:repeat(8,1fr)}.shot__swatches button{font-size:.6rem}.shot__empty{padding:22px 6px}.shot__stage--zoom{height:320px}}@media (width<=420px){.shot__swatches{grid-template-columns:repeat(4,1fr)}.shot__header .shot__actions{gap:8px}.shot__header label.btn{margin-left:0}}