@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--ink:#11100f;--muted:#77736d;--line:#dedbd5;--paper:#f7f6f2;--card:#fffdfa;--accent:#ff4f87;--green:#2a8c68;--yellow:#f6d66b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.mono{font-family:DM Mono,monospace}.shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:30px;background:#f3f1ec}.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:-.04em;font-size:21px}.brandmark{height:30px;width:30px;background:var(--ink);color:white;display:grid;place-items:center;border-radius:8px;font-size:13px}.workspace-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 10px 9px}.project{border:1px solid var(--ink);background:var(--card);padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:9px;font-size:13px}.dot{height:8px;width:8px;border-radius:50%;background:var(--green);display:inline-block}.nav{display:grid;grid-gap:4px;gap:4px}.nav button{border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;color:#67635d;font-size:13px}.nav button.active,.nav button:hover{background:#e6e2da;color:var(--ink)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:16px 10px;font-size:12px;color:var(--muted)}.account-wrap{position:relative}.account-button{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:5px 8px;display:flex;align-items:center;gap:7px;font-size:12px}.account-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:white;font-size:10px;font-weight:600}.account-menu{position:absolute;right:0;top:40px;width:210px;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 30px #201a1018;z-index:5;display:grid;grid-gap:6px;gap:6px}.account-menu strong{font-size:13px}.account-menu span{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.account-menu button{margin-top:8px;text-align:left;border:0;border-top:1px solid var(--line);padding:10px 0 0;background:transparent;color:#a24031;font-size:12px}.loading{place-items:center;color:var(--muted);font-size:13px}.loading,.login-page{min-height:100vh;display:grid}.login-page{place-items:center;background:var(--paper)}.login-card{width:420px;padding:42px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px #241d1210}.login-card .brand{margin-bottom:58px}.login-card h1{font-size:32px;letter-spacing:-.06em;margin:0}.login-card>p{color:var(--muted);font-size:13px;line-height:1.6;margin:12px 0 28px}.login-card form{display:grid;grid-gap:17px;gap:17px}.login-card label{font-size:12px;display:grid;grid-gap:7px;gap:7px}.login-card input{border:1px solid var(--line);background:#faf9f6;border-radius:7px;padding:12px;outline:none;font-size:13px}.login-card input:focus{border-color:var(--ink)}.login-submit{width:100%;margin-top:5px}.login-note{border-top:1px solid var(--line);margin-top:25px;padding-top:15px;color:var(--muted);font-size:11px;line-height:1.6}.form-error{color:#a24031;background:#fff0ed;border-radius:6px;padding:9px;font-size:11px}.main{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(247,246,242,.86)}.crumb{font-size:13px;color:var(--muted)}.crumb strong{color:var(--ink)}.presence{align-items:center;gap:14px}.avatars,.presence{display:flex}.avatar{height:28px;width:28px;border-radius:50%;border:2px solid var(--paper);display:grid;place-items:center;font-size:10px;font-weight:600;margin-left:-5px}.avatar:first-child{margin-left:0;background:#f4c7a1}.avatar:nth-child(2){background:#c5d8ff}.avatar:nth-child(3){background:#d7c5f5}.connector{font-size:12px;border:1px solid #add8c5;background:#edf9f3;color:var(--green);padding:7px 10px;border-radius:99px}.content{padding:34px;max-width:1480px}.headline{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.headline h1{font-size:34px;letter-spacing:-.06em;margin:0}.headline p{color:var(--muted);font-size:13px;margin:9px 0 0}.primary{background:var(--ink);color:#fff;border:0;padding:12px 17px;border-radius:7px;font-size:12px}.primary:hover{background:#302e2a}.grid{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(380px,.95fr);grid-gap:18px;gap:18px}.panel{border:1px solid var(--line);background:var(--card);border-radius:12px;overflow:hidden}.panel-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:13px;margin:0;letter-spacing:-.02em}.panel-head span{font-size:11px;color:var(--muted)}.task-list{padding:8px}.task{padding:16px 13px;border-bottom:1px solid #ece9e3;display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px}.task:last-child{border-bottom:0}.task:hover{background:#faf8f4}.task-title{font-size:14px;font-weight:600}.task-meta{display:flex;gap:9px;color:var(--muted);font-size:11px;margin-top:8px}.badge{font-size:10px;padding:5px 8px;border-radius:99px;height:max-content}.badge.waiting{background:#fff5d1;color:#806d1b}.badge.done{background:#e9f7f0;color:var(--green)}.badge.running{background:#eeeafa;color:#6653a2}.badge.failed{background:#ffe8e4;color:#a24031}.activity{padding:18px 20px}.event{display:grid;grid-template-columns:28px 1fr;grid-gap:12px;gap:12px;position:relative;padding-bottom:20px}.event:not(:last-child):before{content:"";position:absolute;left:13px;top:28px;height:calc(100% - 15px);border-left:1px dashed #cbc7be}.event-icon{z-index:1;height:27px;width:27px;border:1px solid var(--line);border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:11px}.event strong{font-size:12px}.event p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.right-stack{display:grid;grid-gap:18px;gap:18px}.diff{padding:17px 19px}.file{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #ece9e3;font-size:12px}.file:last-child{border-bottom:0}.file .change{color:var(--green);font-family:DM Mono;font-size:11px}.preview{height:230px;background:#20201f;padding:14px}.browser{height:100%;background:#fff;border-radius:5px;overflow:hidden}.browserbar{height:27px;background:#ebe9e5;display:flex;align-items:center;padding:0 9px;gap:4px}.browserbar i{height:6px;width:6px;border-radius:50%;background:#bcbbb7}.browserbody{padding:27px 30px}.mock-kicker{color:#a46b4b;font-size:9px;letter-spacing:.14em}.mock-title{font-size:25px;letter-spacing:-.07em;max-width:300px;margin:9px 0}.mock-copy{font-size:10px;color:#777;max-width:260px;line-height:1.6}.mock-button{display:inline-block;background:var(--accent);font-size:9px;padding:8px 11px;margin-top:15px}.prompt{border-top:1px solid var(--line);padding:16px 18px;display:flex;gap:10px}.prompt textarea{resize:none;min-height:64px;flex:1 1;border:1px solid var(--line);background:#faf9f6;border-radius:7px;padding:10px;font-size:12px;outline:none}.prompt textarea:focus{border-color:var(--ink)}.prompt button{align-self:end}.notice{margin:0 34px 24px;padding:13px 16px;border:1px solid #edcd65;background:#fff8dc;border-radius:8px;font-size:12px;display:flex;justify-content:space-between;align-items:center}.notice button{border:0;background:transparent;text-decoration:underline;font-size:11px}.empty{padding:45px;text-align:center;color:var(--muted);font-size:12px}@media(max-width:980px){.shell{grid-template-columns:190px}.content{padding:24px}.topbar{padding:0 24px}.grid{grid-template-columns:1fr}.headline{align-items:start;gap:20px;flex-direction:column}}