/* Additions for clone-only widgets, using the original Dot design tokens */
#dot-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:var(--rd-text,#1c1a17);color:var(--rd-bg,#fff);padding:10px 16px;border-radius:10px;font:500 13px var(--font-sans),sans-serif;transition:.25s;z-index:9999;pointer-events:none}
#dot-toast.on{opacity:1;transform:translate(-50%,0)}
.dot-menu{position:fixed;z-index:9998;width:330px;max-height:420px;overflow:auto;background:var(--rd-bg,#fff);border:1px solid var(--rd-border,#e6e0d6);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.14);padding:6px}
.dot-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:9px 11px;border-radius:9px;background:none;border:0;cursor:pointer;color:var(--rd-text);font:13px var(--font-sans),sans-serif}
.dot-menu button small{color:var(--rd-muted);font-size:11.5px;line-height:1.4}
.dot-menu button:hover,.dot-menu button.on{background:var(--rd-surface)}
.dot-recent{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 10px;border:0;background:none;border-radius:8px;cursor:pointer;color:var(--rd-secondary);font:13px var(--font-sans),sans-serif;text-align:left}
.dot-recent span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dot-recent i{opacity:0;font-style:normal;padding:0 4px}
.dot-recent:hover{background:var(--rd-surface)}.dot-recent:hover i{opacity:.6}
.dot-recent.on{background:var(--rd-surface);color:var(--rd-text)}
.dot-on{color:var(--rd-accent)!important;background:color-mix(in srgb,var(--rd-accent) 10%,transparent)!important}
.dot-typing{display:inline-flex;gap:4px;padding:6px 0}
.dot-typing i{width:6px;height:6px;border-radius:50%;background:var(--rd-muted);animation:dotb 1s infinite}
.dot-typing i:nth-child(2){animation-delay:.15s}.dot-typing i:nth-child(3){animation-delay:.3s}
@keyframes dotb{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.dot-actions{display:flex;gap:6px;margin-top:12px}
.dot-actions button{border:1px solid var(--rd-border);background:none;border-radius:8px;padding:4px 10px;font:12px var(--font-sans),sans-serif;color:var(--rd-secondary);cursor:pointer}
.dot-actions button:hover{background:var(--rd-surface);color:var(--rd-text)}
.rd-prose pre{position:relative}
.dot-copy{position:absolute;top:9px;right:10px;border:1px solid var(--rd-border);background:var(--rd-bg);border-radius:6px;font:11px var(--font-sans),sans-serif;padding:3px 8px;cursor:pointer;color:var(--rd-secondary)}
.dot-err{color:#b94a3e}.dot-note,.dot-sub{color:var(--rd-muted);font-size:13px}
.dot-card{border:1px solid var(--rd-border);border-radius:14px;padding:16px 18px;background:var(--rd-bg);text-align:left;color:var(--rd-text);font:14px/1.6 var(--font-sans),sans-serif}
.dot-card>b{display:block;margin-bottom:8px;font-weight:600}
.dot-card summary{cursor:pointer;list-style:none}
.dot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:12px 0}
#dot-council{max-width:900px;margin:24px auto;padding:0 24px}
.dot-council-q{font:500 18px var(--font-serif,serif);margin:8px 0 14px}
.dot-verdict{background:var(--rd-surface)}
#dot-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;max-width:980px;margin:22px auto;padding:0 24px}
.dot-imgcard{margin:0;border:1px solid var(--rd-border);border-radius:14px;overflow:hidden;background:var(--rd-surface)}
.dot-imgcard img{display:block;width:100%;height:auto}
.dot-imgcard figcaption{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;font:12px var(--font-sans),sans-serif;color:var(--rd-secondary)}
.dot-imgcard figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dot-imgcard a{color:var(--rd-text);flex:none}
.dot-shimmer{aspect-ratio:1;background:linear-gradient(100deg,var(--rd-surface) 30%,var(--rd-bg) 50%,var(--rd-surface) 70%);background-size:300% 100%;animation:shim 1.3s infinite}
.dot-shimmer.wide{aspect-ratio:16/9;border-radius:10px}
@keyframes shim{to{background-position:-150% 0}}
#dot-gallery>.dot-card{grid-column:1/-1}
.dot-video{overflow:hidden;border-radius:10px;aspect-ratio:16/9}
.dot-kenburns{width:100%;height:100%;object-fit:cover;animation:kb 9s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.15) translate(-3%,-2%)}}
.dot-audio{max-width:760px;margin:10px auto 20px}.dot-audio #dot-audio-out{margin-top:14px}
.dot-select{border:1px solid var(--rd-border);border-radius:8px;background:var(--rd-bg);padding:5px 8px;font:12px var(--font-sans),sans-serif;max-width:220px;color:var(--rd-text)}
.dot-check{font:12px var(--font-sans),sans-serif;color:var(--rd-secondary);display:flex;align-items:center;gap:5px;margin-left:10px}
.dot-split{display:grid;grid-template-columns:minmax(340px,1fr) 1.3fr;flex:1;min-height:0}
.dot-pane{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--rd-border)}
.dot-pane:last-child{border-right:0}
.dot-preview{background:var(--rd-surface)}
.dot-preview iframe{flex:1;width:100%;border:0;background:#fff}
.dot-preview-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--rd-border);font:500 12px var(--font-sans),sans-serif;color:var(--rd-secondary);background:var(--rd-bg)}
.dot-preview-bar div{display:flex;gap:6px}
.dot-browser{display:flex;flex-direction:column;flex:1;min-height:0}
.dot-urlbar{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--rd-border)}
.dot-urlbar input{flex:1;border:1px solid var(--rd-border);border-radius:10px;padding:8px 12px;background:var(--rd-surface);font:13px var(--font-sans),sans-serif;color:var(--rd-text);outline:none}
.dot-urlbar>button:first-child{border:0;background:none;font-size:16px;cursor:pointer;color:var(--rd-secondary)}
.dot-browser .dot-split{grid-template-columns:1.6fr minmax(300px,1fr)}
.dot-ask{background:var(--rd-bg);padding-bottom:12px}
#dot-ask-log{flex:1;overflow:auto;padding:16px;font-size:14px}
.dot-ask .rd-composer-wrap{padding:0 12px}
.dot-page{max-width:980px;margin:0 auto;padding:40px 28px 80px}
.dot-page h3{font:600 15px var(--font-sans),sans-serif;margin:32px 0 10px}
.dot-page #dot-gallery{padding:0;margin:10px 0}
.dot-h1{font:400 34px/1.2 var(--font-serif,serif);margin:8px 0 6px;letter-spacing:-.5px}
.dot-list{display:flex;flex-direction:column;gap:6px}
.dot-list button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid var(--rd-border);border-radius:10px;padding:10px 14px;background:var(--rd-bg);cursor:pointer;color:var(--rd-text);font:13px var(--font-sans),sans-serif}
.dot-list small{color:var(--rd-muted)}
.dot-model{cursor:pointer}.dot-model small{color:var(--rd-muted);font-size:12px}.dot-model p{margin:8px 0 0;color:var(--rd-secondary);font-size:13px}
.dot-model:hover{border-color:var(--rd-accent)}
.rd-main{display:flex;flex-direction:column;min-height:0}
@media(max-width:860px){.dot-split,.dot-browser .dot-split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.rd-shell.dot-nav-open .rd-sidebar{transform:none!important;visibility:visible!important}}
/* video wait notice */
.veil-video-hint{margin:10px auto 0;max-width:720px;font-size:13px;line-height:1.4;color:#6b6b6b !important;text-align:center}
.veil-video-note{margin:6px 0 8px;font-size:12.5px;color:#777 !important}