:root{--ink:#f2f5f7;--muted:#b8c6d1;--panel:#15202b;--panel-2:#1f2d3a;--line:#33485b;--accent:#f07a36;--green:#79d59a}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#0b1218}.desktop{min-height:100%;background:linear-gradient(135deg,#102638,#402b34 48%,#152c26);position:relative;overflow:hidden}.desktop:before{content:"";position:absolute;inset:52px 0 0 72px;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;opacity:.55}.topbar{height:38px;background:#101820;border-bottom:1px solid #263847;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative;z-index:4}.dock{position:absolute;z-index:5;top:48px;left:12px;width:54px;display:grid;gap:10px}.dock button,.desktop-icon{border:1px solid rgba(255,255,255,.18);background:rgba(18,29,39,.8);color:var(--ink);border-radius:8px;cursor:pointer}.dock button{height:48px;font-weight:800}.workspace{position:relative;z-index:2;padding:76px 24px 24px 94px;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,104px));gap:18px}.desktop-icon{min-height:94px;padding:10px;display:grid;place-items:center;gap:8px}.desktop-icon span,.app-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#dfe8ed;color:#14212b;font-weight:900}.window{position:absolute;z-index:10;left:110px;top:70px;width:min(1020px,calc(100vw - 140px));height:min(700px,calc(100vh - 95px));background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.45);display:flex;flex-direction:column}.window[hidden],.drawer[hidden]{display:none}.window-bar{height:38px;background:#0e151d;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 10px}.window-bar button{background:#a63a30;border:0;color:white;border-radius:50%;width:24px;height:24px}.window-body{flex:1;overflow:auto;background:#111b24}.browser{height:100%;display:flex;flex-direction:column}.browser-bar{display:flex;gap:8px;padding:8px;background:#17232e;border-bottom:1px solid var(--line)}.browser-bar input{flex:1;padding:9px;border-radius:999px;border:1px solid var(--line);background:#0d151d;color:var(--ink)}iframe{width:100%;height:100%;border:0;background:white}.chat{display:grid;grid-template-columns:210px 1fr;height:100%}.chat nav{border-right:1px solid var(--line);overflow:auto;background:#0f1820}.chat nav button{display:block;width:100%;padding:10px 12px;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:var(--muted);cursor:pointer}.chat nav button.active{background:var(--accent);color:#111}.thread{padding:22px;max-width:850px}.message{margin:0 0 14px;padding:12px;border:1px solid var(--line);background:#192633;border-radius:8px}.message strong{color:var(--green)}.music-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.music-grid a{display:block;padding:12px;border:1px solid var(--line);border-radius:8px;background:#192633;color:#dbeafe;text-decoration:none}.trash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;padding:20px}.file{display:grid;place-items:center;gap:8px;text-align:center}.file:before{content:"";width:54px;height:64px;border-radius:8px;background:linear-gradient(#e8eef2,#aebcca)}.empty-trash{text-align:center;padding:70px 20px;color:var(--muted)}.drawer{position:absolute;z-index:12;left:82px;bottom:24px;width:min(600px,calc(100vw - 110px));padding:16px;background:rgba(12,19,26,.95);border:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.drawer button{padding:12px;border:1px solid var(--line);background:#17232e;color:var(--ink);border-radius:8px}.text-panel{padding:22px;max-width:760px}.calc{display:grid;gap:10px;max-width:360px;padding:20px}.calc input{padding:12px;background:#0d151d;color:var(--ink);border:1px solid var(--line)}@media(max-width:760px){.workspace{padding-left:20px;padding-top:90px}.dock{top:42px;left:12px;grid-auto-flow:column;width:auto}.window{left:8px;top:92px;width:calc(100vw - 16px);height:calc(100vh - 104px)}.chat{grid-template-columns:1fr}.chat nav{max-height:150px}.desktop:before{left:0}.drawer{left:8px;width:calc(100vw - 16px)}}