.story-home-scene{position:absolute;inset:0;transform-origin:0 0;will-change:transform,opacity;--story-focus:0}
#demoRoot .story-home-scene .sidebar,#demoRoot .story-home-scene .topbar,#demoRoot .story-home-scene .hh-grid,#demoRoot .story-home-scene .hh-header{opacity:calc(1 - var(--story-focus)*.94)}
#demoRoot .story-agent{position:relative;min-height:102px;max-width:none}
#demoRoot .story-agent .hh-ask-input{resize:none;min-height:32px;line-height:1.55;font-size:16px;overflow:hidden;color:var(--ink-solid)}
#demoRoot .story-uploads{gap:7px;padding:8px 0 14px}
#demoRoot .story-upload-row{position:relative;gap:6px;padding:8px 9px;overflow:hidden;min-width:128px;font-size:11px}
.story-upload-name{font-weight:600}.story-upload-status{font-size:9px;opacity:.65;margin-left:auto}.story-upload-icon svg{width:16px;height:16px}.story-upload-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent}.story-upload-track>span{display:block;height:100%;background:var(--purple);transform-origin:left}
.story-upload-row.is-uploaded .story-upload-status{color:#a9d886;opacity:1}
#demoRoot .story-upload-remove{display:none}
#demoRoot .story-answer{font-size:14px;line-height:1.6;margin:0;padding:0;border:0}
.story-answer-heading{font-size:18px;font-weight:700;margin:0 0 15px}.story-review-results{display:grid;gap:9px}.story-result{display:flex;align-items:center;gap:10px;font-size:12px}.story-result>span:last-child{color:var(--muted)}.story-result-check{color:#b4ed92;font-size:14px}.story-result .hh-ask-cardref{font:inherit;font-weight:600;border:1px solid var(--border-d);border-radius:6px;background:var(--bg-inset);color:var(--ink-solid);padding:4px 9px}
.story-draft-heading{font-weight:600;margin:21px 0 10px}.story-draft-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story-draft{padding:13px 14px;border:1px solid var(--border-d);border-radius:9px;background:var(--bg-inset)}.story-draft-when{font-size:10px;color:var(--purple-text,var(--purple));margin-bottom:8px}.story-draft strong{display:block;font-size:14px;line-height:1.45}.story-draft p{font-size:11px!important;line-height:1.6;margin:6px 0 0!important;color:var(--muted)}
#demoRoot .story-confirm{font-size:10px!important;color:var(--muted);margin:12px 0 0;max-width:600px;line-height:1.6}
.story-send-pressed{transform:scale(.9);filter:brightness(1.3)}.story-open-active{border-color:var(--purple)!important;box-shadow:0 0 0 3px #7c5cff24}
.story-drag-stack{position:absolute;left:0;top:0;width:146px;height:50px;z-index:12;pointer-events:none;filter:drop-shadow(0 8px 10px #0005)}
.story-drag-file{position:absolute;inset:0;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#252329;border:1px solid #665d7b;border-radius:8px;font-size:12px;color:#eee9f8;transform:translate(calc((var(--file) - 1)*5px),calc((var(--file) - 1)*-5px)) rotate(calc((var(--file) - 1)*-2deg))}.story-file-mark{color:#b59cff;font-size:15px}.story-drag-stack>b{position:absolute;right:-12px;top:-15px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#7c5cff;color:#fff;font-size:11px}
.story-cursor{position:absolute;left:0;top:0;width:24px;height:28px;z-index:15;pointer-events:none;filter:drop-shadow(0 2px 3px #0006)}.story-cursor svg{width:24px;height:28px;fill:#fff;stroke:#201b29;stroke-width:1.5}.story-cursor:after{content:'';position:absolute;left:-13px;top:-13px;width:32px;height:32px;border:2px solid #bba9ff;border-radius:50%;opacity:0}.story-cursor.story-click:after{opacity:.65}
.story-task-layer{position:absolute;inset:0;padding:13px;background:#0a0a0b;z-index:10;transform-origin:center;will-change:transform,opacity}
#demoRoot .story-task{border:1px solid var(--purple);border-radius:13px;padding:23px;box-shadow:none}
#demoRoot .story-task .card-modal-headrow{flex-shrink:0}.story-task-heading{flex:1;min-width:0;width:100%}#demoRoot .story-task .card-modal-title{font-size:25px;text-align:left}.story-task-icon{width:12px;height:12px;display:block;background:var(--purple);border-radius:4px}.story-task .card-modal-meta{margin:10px 0 15px}.story-task .card-modal-tabs{flex-shrink:0;margin-bottom:16px;gap:5px}.story-task .card-modal-tab{white-space:nowrap;font-size:12px;padding:9px 11px}.story-task .card-modal-tab svg{vertical-align:-2px}.story-task .rev-extra-tab[data-rev-extra=share]{margin-left:auto}#demoRoot .story-task .rev-topbar{min-height:34px}#demoRoot .story-task .story-review-content{min-height:0;overflow:hidden}
@media(max-width:900px){
 #demoRoot .story-agent{padding:18px 16px}
 #demoRoot .story-agent .hh-ask-input{font-size:14px}
 .story-answer-heading{font-size:17px}.story-draft-grid{grid-template-columns:1fr;gap:8px}.story-draft{padding:9px 11px}.story-draft strong{font-size:12px}.story-draft p{font-size:10px!important}.story-draft-when{margin-bottom:4px}.story-draft-heading{margin-top:14px}.story-result{font-size:11px}.story-review-results{gap:6px}
 .story-task-layer{padding:7px}#demoRoot .story-task{padding:12px}.story-task .card-modal-meta{margin:6px 0 10px}.story-task .card-modal-tabs{gap:0;margin-bottom:10px;flex-wrap:nowrap;overflow:hidden}.story-task .card-modal-tab{font-size:10px;padding:8px}.story-task .card-modal-tab svg{display:none}.story-task .rev-extra-tab{display:none}#demoRoot .story-task .story-review-content{overflow:auto;scrollbar-width:none}
}
@media(prefers-reduced-motion:reduce){.story-cursor,.story-drag-stack{display:none!important}}

/* Keep upload/thinking status below the typed request instead of on top of it. */
#demoRoot .story-agent [data-story-thinking]{position:static;inset:auto;transform:none;padding:10px 0 6px;font-size:12px;min-height:0;opacity:1}