.feature-visual{min-width:0;overflow:hidden;border-radius:14px;background:var(--card)}
.feature-scene{position:relative;width:100%;aspect-ratio:var(--scene-ratio);overflow:hidden;--mini-bg:#fcfcfd;--mini-card:#fff;--mini-side:#f4f4f6;--mini-ink:#29292e;--mini-muted:#919199;--mini-line:#17172014;--mini-brand:#827be6}
.dark .feature-scene{--mini-bg:#202024;--mini-card:#29292d;--mini-side:#262629;--mini-ink:#e3e4e6;--mini-muted:#909095;--mini-line:#ffffff0d}
.mini-canvas{position:absolute;inset:0;transform-origin:top left;font:12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--mini-ink);background:radial-gradient(ellipse at 50% 85%,#827be61a,transparent 70%),var(--mini-side);overflow:hidden;text-align:left}
.mini-canvas *{box-sizing:border-box}.mini-canvas p{font:12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--mini-muted)}.mini-canvas h4{font-size:13px;line-height:1.5;font-weight:500;letter-spacing:0}.mini-canvas strong{font-weight:500}.mini-canvas small{font-size:10px;color:var(--mini-muted)}.mini-canvas img{display:block;width:13px;height:13px;object-fit:contain;flex:none}.mini-icon{width:14px;height:14px;display:block;flex:none}.mini-canvas kbd{font:10px/16px -apple-system,BlinkMacSystemFont,sans-serif;border:1px solid var(--mini-line);background:var(--mini-side);padding:1px 5px;color:var(--mini-muted);border-radius:4px}
.mini-window{position:absolute;inset:20px 18px;border:1px solid var(--mini-line);border-radius:10px;background:var(--mini-bg);overflow:hidden;box-shadow:0 8px 24px #0000000c}.mini-header{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 12px;border-bottom:1px solid var(--mini-line);font-size:11px;color:var(--mini-muted)}.mini-header>span{display:flex;align-items:center;gap:7px}.mini-header .mini-icon{width:12px;height:12px}.mini-grow{flex:1}
.mini-line{height:5px;border-radius:3px;background:var(--mini-line);margin-top:10px;width:90%}.mini-line.short{width:60%}
.mini-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--mini-muted);border:1px solid var(--mini-line);border-radius:4px;padding:2px 5px;white-space:nowrap}.mini-chip .mini-icon{width:10px;height:10px}
.mini-toolbar{display:flex;align-items:center;gap:7px;padding:7px 10px;border-top:1px solid var(--mini-line);color:var(--mini-muted);font-size:10px}.mini-toolbar>.mini-icon{width:11px;height:11px}.mini-send{display:grid;place-items:center;background:var(--mini-brand);color:var(--mini-bg);border-radius:5px;width:23px;height:23px}.mini-send .mini-icon{width:13px;height:13px}
.mini-browser{position:absolute;inset:28px 30px 46px;background:var(--mini-bg);border:1px solid var(--mini-line);border-radius:10px;box-shadow:0 5px 24px #00000006;overflow:hidden}.mini-doc{padding:24px 35px}.mini-doc-label{font-size:10px;color:var(--mini-muted)}.mini-doc h4{font:italic 23px/1.4 'PP Kyoto',Georgia,serif;margin-top:12px}.mini-doc>p{margin-top:8px}.mini-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.mini-doc-grid>span{padding:12px;border:1px solid var(--mini-line);border-radius:6px;font-size:10px;color:var(--mini-muted)}.mini-doc-grid strong{display:block;margin-top:5px;font-size:12px;color:var(--mini-ink)}
.mini-launcher{position:absolute;left:70px;right:70px;top:135px;border:1px solid var(--mini-line);border-radius:12px;background:color-mix(in srgb,var(--mini-card) 94%,transparent);backdrop-filter:blur(16px);box-shadow:0 16px 36px #0002;overflow:hidden}.mini-launcher-top{position:relative;padding:20px 15px 8px;min-height:66px}.mini-launcher-top>p{font-size:13px;max-width:310px;color:var(--mini-ink);padding-top:12px}.mini-launcher-top>small{position:absolute;right:12px;top:8px;display:flex;align-items:center;gap:5px;font-size:9px}.mini-switch{display:block;width:22px;height:13px;background:var(--mini-brand);border-radius:99px;padding:2px;flex:none}.mini-switch:before{content:'';display:block;width:9px;height:9px;border-radius:50%;background:var(--mini-card);transform:translateX(9px)}.mini-switch.off{background:var(--mini-line)}.mini-switch.off:before{transform:none}.mini-attachments{display:flex;align-items:flex-end;gap:7px;padding:0 15px 12px}.mini-gesture{position:absolute;bottom:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--mini-muted)}.mini-gesture kbd{font-size:16px;line-height:26px;padding:3px 10px;background:var(--mini-card);box-shadow:0 2px 0 var(--mini-line)}.mini-gesture small{margin-left:6px;font-size:11px}
.mini-screenshot-scene .mini-browser{inset:25px 30px 110px}.mini-screenshot-scene .mini-launcher{top:230px;left:85px;right:45px}.mini-selection{position:absolute;left:65px;top:125px;width:315px;height:130px;border:1px solid var(--mini-brand);background:#827be60b}.mini-selection>i{position:absolute;width:6px;height:6px;background:var(--mini-card);border:1px solid var(--mini-brand)}.mini-selection>i:nth-child(1){left:-3px;top:-3px}.mini-selection>i:nth-child(2){right:-3px;top:-3px}.mini-selection>i:nth-child(3){left:-3px;bottom:-3px}.mini-selection>i:nth-child(4){right:-3px;bottom:-3px}.mini-selection>span{position:absolute;right:0;top:-25px;display:flex;align-items:center;gap:4px;font-size:10px;background:var(--mini-card);padding:2px 6px;border-radius:4px;color:var(--mini-muted)}
.mini-shot{display:flex;gap:7px;align-items:flex-start;width:72px;height:44px;padding:6px;background:var(--mini-side);border:1px solid var(--mini-line);border-radius:5px;overflow:hidden}.mini-shot>.mini-icon{width:13px;height:13px;color:var(--mini-brand)}.mini-shot>div{flex:1;padding-top:3px}.mini-shot>div>span{display:block;height:3px;background:var(--mini-line);border-radius:2px;margin-bottom:5px}.mini-shot>div>span:last-child{width:65%}
.mini-note{padding:18px 22px}.mini-note h4{font-size:14px}.mini-note p{margin-top:12px;max-width:240px;color:var(--mini-ink)}.mini-caret{display:inline-block;height:12px;width:1px;background:var(--mini-brand);margin-left:3px;vertical-align:middle}.mini-voice-hud{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);height:28px;border-radius:99px;background:#080808;color:#fff;display:flex;align-items:center;gap:9px;padding:0 14px;box-shadow:0 3px 10px #0003}.mini-voice-hud>span{display:flex;align-items:center;gap:2px;height:24px}.mini-voice-hud b{width:2px;border-radius:3px;background:#fff}.mini-voice-hud .mini-icon{width:12px;height:12px}
.mini-search{display:flex;align-items:center;gap:7px;border:1px solid var(--mini-line);border-radius:5px;margin:10px 12px;padding:5px 7px;font-size:10px;color:var(--mini-muted)}.mini-search small{margin-left:auto;font-size:9px}.mini-date{display:flex;justify-content:space-between;margin:10px 12px 6px;font-size:10px;color:var(--mini-muted)}.mini-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px}.mini-history-grid article{border:1px solid var(--mini-line);border-radius:5px;overflow:hidden}.mini-history-grid .mini-shot{border:0;border-bottom:1px solid var(--mini-line);border-radius:0;width:100%;height:54px;padding:10px}.mini-history-grid strong{display:flex;align-items:center;justify-content:space-between;padding:5px 6px 0;font-size:10px}.mini-history-grid small{font-size:8px}.mini-history-grid p{font-size:8px;padding:0 6px 6px;white-space:nowrap}
.mini-recording{display:flex;align-items:center;gap:6px;color:var(--mini-muted);font-size:10px;padding:9px 12px;border-bottom:1px solid var(--mini-line)}.mini-recording>span{width:5px;height:5px;background:#dc736d;border-radius:50%}.mini-recording time{margin-left:auto;font-variant-numeric:tabular-nums}.mini-recording .mini-icon{width:10px;height:10px}.mini-transcript{padding:8px 12px}.mini-transcript>div{display:flex;gap:10px;margin-bottom:8px}.mini-transcript small{font-size:9px;flex:none;padding-top:2px}.mini-transcript p{font-size:10px;color:var(--mini-ink)}.mini-transcript b{font-size:9px;font-weight:500;display:block;color:var(--mini-brand)}.mini-bottom-note{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--mini-muted);padding:6px 12px;border-top:1px solid var(--mini-line)}.mini-bottom-note .mini-icon{width:10px;height:10px}
.mini-scheduled article{margin:10px 12px;border:1px solid var(--mini-line);border-radius:6px;padding:10px;background:var(--mini-card)}.mini-scheduled h4{display:flex;align-items:center;gap:5px;font-size:11px}.mini-scheduled h4>.mini-icon{width:11px;height:11px;color:var(--mini-muted)}.mini-scheduled .mini-switch{margin-left:auto}.mini-scheduled p{font-size:10px;margin-top:5px}.mini-meta{margin-top:6px}.mini-run{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--mini-muted);margin-top:7px}.mini-run .mini-icon{width:10px;height:10px}.mini-scheduled .mini-second-task{padding:8px 10px}
.mini-message-background{position:absolute;inset:24px 22px 32px;border:1px solid var(--mini-line);border-radius:10px;background:var(--mini-bg);padding:18px}.mini-message{font-size:11px;max-width:235px}.mini-message small{display:block;margin-top:8px;font-size:9px}.mini-reply-window{position:absolute;left:35px;right:18px;top:103px;background:var(--mini-card);border:1px solid var(--mini-line);border-radius:10px;box-shadow:0 10px 25px #0002;overflow:hidden}.mini-reply-window>p{padding:14px 15px 8px;color:var(--mini-ink);font-size:11px}.mini-reply-context{padding:0 15px 8px}
.mini-dream-status{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--mini-muted);padding:11px 12px}.mini-dream-status .mini-icon{color:var(--mini-brand);width:12px;height:12px}.mini-dream-status small{margin-left:auto;font-size:9px}.mini-memory-entry{display:flex;align-items:center;gap:8px;margin:0 12px 10px;padding:9px;border:1px solid var(--mini-line);border-radius:6px}.mini-memory-entry strong{font-size:10px}.mini-memory-entry p{font-size:9px}.mini-memory-entry>.mini-icon{width:12px;height:12px;color:var(--mini-muted)}.mini-memory-entry>.mini-icon:last-child{margin-left:auto;color:#69a875}.mini-proposed{margin:0 12px;border:1px solid #827be632;background:#827be607;border-radius:6px;padding:8px 9px}.mini-proposed>div{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--mini-brand)}.mini-proposed .mini-icon{width:11px;height:11px}.mini-proposed span{margin-left:auto;border:1px solid var(--mini-line);border-radius:4px;padding:1px 6px;color:var(--mini-muted)}.mini-proposed h4{font-size:11px;margin-top:5px}.mini-proposed p{font-size:9px;margin-top:3px}
.mini-workspace{position:absolute;inset:22px 20px;display:grid;grid-template-columns:172px 1fr;background:var(--mini-side);border:1px solid var(--mini-line);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000000a}.mini-workspace aside{padding:17px 10px}.mini-workspace-brand{display:flex;align-items:center;gap:5px;margin:6px 4px 18px}.mini-workspace-brand em{font:italic 15px 'Cetus Welcome',Georgia,serif}.mini-workspace-brand .mini-icon{margin-left:auto;color:var(--mini-muted)}.mini-workspace aside p{display:flex;align-items:center;gap:7px;height:30px;padding:5px 6px;color:var(--mini-ink);font-size:11px;white-space:nowrap}.mini-workspace aside p.selected{background:var(--mini-line);border-radius:5px}.mini-workspace aside label{display:flex;align-items:center;gap:6px;margin:20px 6px 5px;font-size:10px;color:var(--mini-muted)}.mini-workspace aside label .mini-icon{width:11px;height:11px}.mini-segment{display:flex;border:1px solid var(--mini-line);border-radius:99px;margin-bottom:10px;padding:2px;font-size:10px}.mini-segment>span{flex:1;text-align:center;padding:3px}.mini-segment>span:first-child{background:var(--mini-brand);color:var(--mini-bg);border-radius:99px}.mini-workspace-main{margin:7px 7px 7px 0;background:var(--mini-bg);border:1px solid var(--mini-line);border-radius:10px;position:relative;overflow:hidden}.mini-workspace-thread{padding:20px 18px}.mini-user{padding:10px 12px;border-radius:12px;background:var(--mini-card);border:1px solid var(--mini-line);font-size:12px;margin-left:22px}.mini-tool-result{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--mini-muted);margin:20px 0 12px}.mini-tool-result .mini-icon{width:12px;height:12px;color:#69a875}.mini-workspace-thread>p{font-size:12px;color:var(--mini-ink)}.mini-file{display:flex;align-items:center;gap:6px;margin-top:10px;border:1px solid var(--mini-line);border-radius:6px;padding:8px;font-size:10px;color:var(--mini-muted)}.mini-file .mini-icon{width:12px;height:12px}.mini-complete{display:flex;align-items:center;gap:5px;color:var(--mini-muted);font-size:10px;margin-top:20px}.mini-complete .mini-icon{width:12px;height:12px}.mini-followup{position:absolute;left:16px;right:16px;bottom:16px;border:1px solid var(--mini-line);background:var(--mini-card);border-radius:10px;padding:12px;color:var(--mini-muted);font-size:11px}.mini-followup>div{display:flex;align-items:center;gap:5px;margin-top:20px;font-size:10px}
.mini-runtime{position:absolute;inset:22px 20px;background:var(--mini-bg);border:1px solid var(--mini-line);border-radius:12px;overflow:hidden}.mini-runtime-head{display:flex;align-items:center;gap:7px;height:42px;padding:0 16px;border-bottom:1px solid var(--mini-line);font-size:12px}.mini-runtime-head>span{margin-left:auto;color:var(--mini-muted);font-size:11px}.mini-runtime-head>.mini-icon{margin-left:8px;color:var(--mini-muted)}.mini-runtime-thread{padding:25px 32px}.mini-runtime-thread>p{color:var(--mini-ink);font-size:13px}.mini-terminal{margin-top:17px;border:1px solid var(--mini-line);border-radius:7px;font-size:11px;background:var(--mini-card)}.mini-terminal>div{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--mini-line);padding:7px 10px;color:var(--mini-muted)}.mini-terminal code{display:block;padding:12px;font:11px/1.5 ui-monospace,monospace;color:var(--mini-muted)}.mini-terminal .mini-icon{width:12px;height:12px}.mini-runtime-composer{position:absolute;bottom:18px;left:25px;right:25px;border:1px solid #827be650;background:var(--mini-card);border-radius:12px;padding:12px}.mini-runtime-composer p{font-size:12px;height:35px}.mini-runtime-composer>div{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--mini-muted)}
.feature-card .feature-visual{border-radius:14px 14px 0 0}.feature-card .card-copy{padding-top:10px}.feature-card .feature-scene{background:transparent}
#runtime-panel{min-height:0;background:transparent;display:flex;align-items:center}#runtime-panel>.feature-visual{width:100%}.shortcut-layout{align-items:center}.shortcut-list kbd{font-size:11px}
@media(max-width:700px){.shortcut-list>div{gap:12px}.shortcut-list kbd{font-size:10px}}

.mini-workspace aside button{display:block;width:100%;background:transparent;border:0;border-radius:5px;text-align:left;font:11px/20px -apple-system,BlinkMacSystemFont,sans-serif;color:var(--mini-ink);padding:5px 6px;white-space:nowrap}
.mini-workspace aside button:hover{background:var(--mini-line)}