.shot-capture-notice{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:12px;font-size:12px}
.shot-capture-notice[hidden]{display:none}.shot-capture-notice button{margin:0;min-height:30px;padding:5px 10px}
.shot-dialog{width:min(1080px,96vw);max-width:96vw;max-height:94vh;padding:16px;border:1px solid var(--border2);border-radius:14px;background:var(--surface);color:var(--text);overflow:auto;box-shadow:0 24px 80px #0005}
.shot-dialog::backdrop{background:#111827a6}
.shot-dialog [hidden]{display:none!important}
.shot-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.shot-heading h3{margin:0}
.shot-dialog button{margin:0;min-height:32px;padding:5px 10px;font-size:12px}
.shot-dialog .shot-close{font-size:22px;line-height:1;padding:4px 9px}
.shot-sources{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.shot-sources span{font-size:12px}
.shot-hint{font-size:12px;color:var(--muted);margin:12px 0;min-height:19px}
.shot-stage{max-height:61vh;overflow:auto;border:1px solid var(--border);border-radius:9px;background:var(--surface2)}
.shot-stage canvas{display:block;max-width:100%;height:auto;touch-action:none;cursor:crosshair;margin:auto}
.shot-empty{min-height:220px;display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted);font-size:13px}
.shot-toolbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;position:sticky;bottom:0;margin-top:12px;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:0 3px 12px #0001}
.shot-toolbar button[aria-pressed]{min-width:32px;font-size:18px;padding:2px 7px}
.shot-toolbar button[aria-pressed=true]{background:var(--ring);color:var(--accent);border-color:var(--accent)}
.shot-toolbar input[type=color]{width:32px;height:32px;min-height:32px;padding:3px}
.shot-toolbar select{width:70px;height:32px;min-height:32px;padding:3px;font-size:12px}
.shot-toolbar .shot-text{width:160px;min-height:32px;padding:4px 8px;font-size:12px}
.shot-toolbar .shot-send{margin-left:auto;background:var(--accent);border-color:var(--accent);color:#fff}
@media(max-width:600px){.shot-dialog{padding:12px}.shot-stage{max-height:52vh}.shot-sources span{width:100%}.shot-toolbar .shot-send{margin-left:0}.shot-empty{min-height:150px}}
.shot-dialog{--surface:var(--panel);--surface2:var(--editor-bg);--border2:var(--border);--ring:var(--editor-selected)}
.shot-dialog .btn-ghost{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}
.shot-dialog .shot-send{background:var(--accent);color:white}
.app:has(.support-layout){height:100dvh;min-height:0;overflow:hidden}
.app:has(.support-layout)>.content{display:flex;flex-direction:column;min-height:0;overflow:auto}
.support-layout{flex:1;min-height:0;height:auto;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:10px}
.support-layout>.panel{margin:0;min-height:0;padding:10px}
.support-layout>.support-conversation{overflow:hidden}
.support-conversation-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;flex-shrink:0}
.support-conversation-tools h2{font-size:14px;margin:0;overflow-wrap:anywhere}
.support-media-root{margin-left:auto}
.support-messages{min-height:0}
.support-source{font-size:11px;color:var(--muted)}
.support-compose{flex-shrink:0;margin-top:8px;align-items:flex-end}
.support-compose textarea{min-height:50px;height:58px;max-height:25dvh;min-width:0}
@media(max-width:800px){.support-layout{grid-template-columns:1fr;grid-template-rows:minmax(110px,25%) minmax(0,1fr)}.support-layout aside{max-height:none}.support-messages{max-height:none}.support-conversation-tools{gap:5px}.support-conversation-tools h2{font-size:12px}}