.preview{padding:0!important;overflow:hidden!important;background:#11161f!important}.demo-window{height:100%;min-height:408px;display:flex;flex-direction:column;color:#dce5f5;font-size:11px}.demo-top{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #293344;background:#171d28}.demo-top b{font-size:10px;letter-spacing:.02em;white-space:nowrap}.demo-top b i,.demo-copilot h3 i{display:inline-block;width:11px;height:11px;border-radius:4px;background:#2577ff;box-shadow:0 0 10px #2577ff88;margin-right:6px;vertical-align:-1px}.demo-top small{display:block;color:#61708b;font-size:6px;letter-spacing:.12em;margin-left:17px}.demo-top nav{display:flex;gap:12px;color:#8593ab;font-size:9px}.demo-top nav strong{padding:6px 9px;border-radius:7px;background:#303a4d;color:#fff}.demo-top em{font-style:normal;font-size:8px;color:#9facbe}.demo-body{display:grid;grid-template-columns:190px minmax(0,1fr) 155px;flex:1;min-height:0}.demo-queue{padding:14px 11px;background:#121821;border-right:1px solid #293344}.demo-queue>small,.demo-copilot>small{font:700 8px JetBrains Mono;letter-spacing:.11em;color:#56d6df}.demo-queue>small b{float:right;color:#47d88d}.demo-queue h3{font-size:16px;margin:4px 0 10px}.demo-queue input,.demo-copilot input{width:100%;padding:8px;border:1px solid #303b4f;border-radius:8px;background:#1a2230;color:#fff;font-size:9px}.demo-filters{display:flex;gap:6px;margin:10px 0}.demo-filters button{flex:1;border:1px solid #303b4f;border-radius:7px;background:#1c2533;color:#bac6d9;padding:6px 3px;font-size:8px}.demo-filters .on{color:#fff;background:#263a57}.demo-list button{display:block;width:100%;text-align:left;background:#161d27;color:#e8eef9;border:1px solid #202938;border-radius:9px;padding:9px;margin:6px 0;cursor:pointer;transition:background .18s,border-color .18s}.demo-list button:hover,.demo-list button.selected{background:#253756;border-color:#5070aa}.demo-list b,.demo-list span{display:block}.demo-list b{font-size:10px}.demo-list span{margin-top:4px;color:#8595ad;font-size:8px;line-height:1.35}.demo-thread{padding:17px;background:#151b24;min-width:0}.demo-thread>header{display:flex;justify-content:space-between;align-items:center}.demo-thread>header small{font:700 8px JetBrains Mono;color:#9caac3;letter-spacing:.12em}.demo-thread>header button,.demo-compose button,.demo-empty button{border:0;border-radius:7px;background:#5579ef;color:#fff;font-size:9px;font-weight:700;padding:7px 9px}.demo-thread>h3{font-size:16px;margin:7px 0}.demo-context{padding:9px;border-radius:8px;background:#202b3d;color:#8fa9cf;font-size:9px}.demo-bubble{max-width:82%;margin:13px 0;padding:10px;border:1px solid #334154;border-radius:10px;background:#202833}.demo-bubble.ai{margin-left:auto;background:#263d68;border-color:#4b72b6}.demo-bubble b{font-size:9px}.demo-bubble p{font-size:10px;line-height:1.45;margin:5px 0 0}.demo-compose{margin-top:18px;padding:10px;border:1px solid #313e52;border-radius:9px;color:#8292aa;font-size:9px}.demo-compose button{float:right;padding:5px 7px}.demo-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#697994}.demo-empty i{width:10px;height:10px;border-radius:50%;background:#16b6e3;box-shadow:0 0 16px #16b6e3}.demo-empty h3{font-size:15px;color:#e9eff8;margin:14px 0 4px}.demo-empty p{font-size:10px;margin:0 0 14px}.demo-copilot{padding:14px 11px;border-left:1px solid #293344;background:#121821}.demo-copilot h3{font-size:12px;margin:8px 0 2px}.demo-copilot>p{margin:0 0 15px;font-size:8px;color:#8493ad}.demo-summary{border:1px solid #303c50;border-radius:9px;background:#1d2633;padding:10px;font-size:9px;line-height:1.45}.demo-summary b{color:#fff}.demo-summary p{color:#a8b6ca}.demo-summary hr{border:0;border-top:1px solid #344054;margin:9px 0}.demo-copilot label{display:block;margin-top:15px;font-size:9px;color:#dce5f5}.demo-copilot input{margin-top:6px}.demo-window>footer{padding:10px 13px;border-top:1px solid #293344;background:#202d48;color:#c7d6f3;font-size:9px}@media(max-width:900px){.demo-top nav{display:none}.demo-body{grid-template-columns:180px minmax(0,1fr)}.demo-copilot{display:none}}@media(max-width:600px){.demo-window{min-height:380px}.demo-body{grid-template-columns:1fr}.demo-queue{display:none}.demo-thread{padding:14px}}