/* Proportional miniature of the real Workspace layout — designed for the hero, not a substitute UI. */
@media(min-width:901px){.hero-grid{grid-template-columns:minmax(380px,1fr) minmax(0,700px)!important;gap:30px!important}.hero h1{font-size:clamp(54px,4.7vw,66px)!important}.preview{width:700px!important;justify-self:end}}
.preview{padding:0!important;aspect-ratio:2.02/1!important;min-height:0!important;background:#0d131b!important;overflow:hidden!important}.ws-demo{height:100%;display:flex;flex-direction:column;color:#b7c7df;font-size:8px}.ws-top{height:39px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#121923;border-bottom:1px solid #253043}.ws-top>b{font-size:9px;color:#e8eef9;white-space:nowrap}.ws-top>b>i{display:inline-block;width:13px;height:13px;margin-right:5px;border-radius:3px;background:#17345e;border:1px solid #406eae;vertical-align:-3px;box-shadow:inset 0 0 0 4px #1d2840}.ws-top small{display:block;font-size:5px;letter-spacing:.1em;color:#65748c;margin-left:18px}.ws-top nav{display:flex;gap:11px;align-items:center;color:#7b899e;font-size:8px}.ws-top nav strong{padding:6px 8px;border-radius:6px;background:#2a3547;color:#fff}.ws-top em{font-style:normal;font-size:7px;padding:5px 7px;border-radius:12px;background:#1b2634;color:#e7eefb}.ws-top em i,.ws-queue-title i,.ws-online i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#37d688;box-shadow:0 0 8px #37d688;margin-right:4px}.ws-body{display:grid;grid-template-columns:18% 25% minmax(0,1fr) 18%;min-height:0;flex:1}.ws-nav{background:#0d131b;border-right:1px solid #202a39;padding:9px 6px;overflow:hidden}.ws-nav small,.ws-queue-title small,.ws-copilot>small{display:block;margin:0 3px 7px;font:700 6px JetBrains Mono;letter-spacing:.1em;color:#6382b0}.ws-nav button{display:flex;width:100%;gap:5px;align-items:center;border:0;background:transparent;color:#91a3bf;padding:6px 5px;border-radius:6px;font-size:8px;text-align:left;cursor:pointer;transition:.18s background,.18s color}.ws-nav button b{margin-left:auto;font-size:7px}.ws-nav button.active{background:#06333b;color:#41e0df}.ws-nav button:hover{background:#1a2637;color:#fff}.ws-nav>small:not(:first-child){margin-top:15px}.ws-online{display:flex;align-items:center;gap:4px;margin-top:6px;padding:8px 6px;border-radius:7px;background:#083137;color:#52e2dd;line-height:1.2}.ws-online em{margin-left:auto;border-radius:5px;padding:3px;font-style:normal;font-size:6px;background:#078493}.ws-queue{padding:10px;border-right:1px solid #202a39;background:#101720;min-width:0}.ws-queue-title{display:flex;justify-content:space-between}.ws-queue-title b{font-size:7px;color:#57d893}.ws-queue h3{font-size:15px;margin:4px 0 9px;color:#f1f5fd}.ws-queue input{width:100%;padding:7px;border:1px solid #263347;border-radius:7px;background:#17202c;color:#fff;font-size:7px}.ws-selects{display:flex;gap:5px;margin:8px 0}.ws-selects button{flex:1;border:1px solid #263347;border-radius:6px;background:#182230;color:#d2dced;padding:6px 3px;font-size:6px;white-space:nowrap}.ws-list button{width:100%;position:relative;border:1px solid #1d2734;border-radius:7px;background:#141b25;color:#e9effa;text-align:left;padding:8px;margin:4px 0;cursor:pointer;transition:.2s transform,.2s background,.2s border-color}.ws-list button:hover{transform:translateX(2px);border-color:#425e91}.ws-list button.selected{background:#1c3459;border-color:#4674bd}.ws-list b,.ws-list strong,.ws-list span{display:block}.ws-list b{font-size:8px}.ws-list time{position:absolute;right:7px;top:8px;color:#7390b3;font-size:6px}.ws-list strong{font-size:7px;margin:5px 0 2px}.ws-list span{font-size:6px;color:#8294ae}.ws-thread{padding:13px;background:#0d131b;min-width:0;overflow:hidden;transition:opacity .12s ease}.ws-thread.changing{opacity:.15}.ws-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ws-empty>i{height:8px;width:8px;border-radius:50%;background:#15aee2;box-shadow:0 0 16px #15aee2;animation:ws-pulse 2s ease-in-out infinite}.ws-empty h3{color:#eef4fd;font-size:14px;margin:10px 0 3px}.ws-empty p{font-size:8px;color:#607490;margin:0}.ws-thread header{display:flex;justify-content:space-between;align-items:start}.ws-thread header small{font:700 6px JetBrains Mono;color:#7990b8;letter-spacing:.12em}.ws-thread h3{font-size:13px;margin:4px 0;color:#f3f6fc}.ws-thread header button,.ws-compose button{border:0;border-radius:5px;background:#2f4e82;color:#eaf1ff;padding:6px;font-size:7px;font-weight:700}.ws-context{padding:8px;border-radius:7px;background:#182434;color:#779bd0;font-size:7px}.ws-bubble{max-width:78%;border:1px solid #293a50;border-radius:8px;background:#18212e;padding:8px;margin:10px 0;animation:ws-in .25s ease-out}.ws-bubble.ai{margin-left:auto;background:#1f3761;border-color:#3d68ab;animation-delay:.06s}.ws-bubble b{font-size:7px}.ws-bubble p{font-size:8px;line-height:1.4;margin:4px 0}.ws-bubble time{display:block;text-align:right;font-size:6px;color:#8ba4ca}.ws-compose{margin-top:12px;border:1px solid #2b394d;border-radius:7px;padding:8px;font-size:7px;color:#7489a6}.ws-compose button{float:right;margin-left:4px;padding:5px}.ws-copilot{padding:10px;border-left:1px solid #202a39;background:#101720;overflow:hidden}.ws-copilot h3{color:#eff4fb;font-size:10px;margin:8px 0 2px}.ws-copilot h3 i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#10bfe3;box-shadow:0 0 12px #10bfe3;margin-right:4px}.ws-copilot>p{font-size:6px;color:#647897;text-transform:uppercase;margin:0 0 12px}.ws-copilot-content{border:1px solid #2a394d;border-radius:7px;background:#17212f;padding:8px;line-height:1.4;font-size:7px}.ws-copilot-content b{color:#eef4fd}.ws-copilot-content p{color:#a1b2ca}.ws-copilot-content hr{border:0;border-top:1px solid #2b394d;margin:8px 0}.ws-copilot-content ol{padding-left:12px;margin:5px 0}.ws-copilot label{display:block;margin-top:13px;color:#e0e9f7;font-size:7px}.ws-copilot textarea{width:100%;height:40px;margin-top:5px;padding:7px;resize:none;border:1px solid #2a394d;border-radius:7px;background:#17212f;color:#fff;font-size:7px}.ws-demo>footer{padding:8px 10px;flex:none;background:#1c2941;border-top:1px solid #314362;font-size:7px;color:#c7d8f2}@keyframes ws-pulse{50%{transform:scale(1.4);box-shadow:0 0 24px #15aee2}}@keyframes ws-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:900px){.ws-top nav{display:none}.ws-body{grid-template-columns:23% minmax(0,1fr) 21%}}@media(max-width:650px){.preview{aspect-ratio:1.42/1!important}.ws-nav{display:none}.ws-body{grid-template-columns:42% minmax(0,1fr)}.ws-copilot{display:none}.ws-top em{display:none}}