:root{--ink:#171717;--muted:#727272;--line:#e4e4e4;--soft:#fafafa;color-scheme:light}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:white;font:14px/1.5 Arial,Helvetica,sans-serif}button,input{font:inherit;border-radius:0}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid #ccc;background:white;padding:10px 16px;color:#222}button:hover{border-color:#222;background:#fafafa}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#191919;color:white;border-color:#191919}input{border:1px solid #d7d7d7;background:white;color:#171717;padding:12px;width:100%}input[type=checkbox]{width:auto}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #333;outline-offset:3px}.top{height:92px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:16px 34px;position:sticky;top:0;background:white;z-index:5}.brand strong{display:block;font-size:23px;font-weight:500;letter-spacing:.11em}.brand span{display:block;font-size:8px;letter-spacing:.34em;color:#777;margin-top:6px}.top-right{display:flex;align-items:center;gap:15px;font-size:11px;color:#777}.top button{font-size:11px}.tag{font-size:10px;letter-spacing:.12em;color:#777;text-transform:uppercase}.auth{display:grid;grid-template-columns:1.15fr 1fr;min-height:calc(100vh - 92px)}.intro{padding:80px 6vw;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:50px}.intro h1{font-size:clamp(40px,5.5vw,80px);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin:22px 0;max-width:650px}.intro p{color:#707070;max-width:470px;line-height:1.8}.auth-panel{padding:70px 5vw;max-width:620px;width:100%;margin:auto}.auth-panel h2{font-size:38px;font-weight:400;letter-spacing:-.04em;margin:16px 0}.stack{display:grid;gap:16px}.hint{color:#777;font-size:12px;line-height:1.7}.tabs{display:flex;gap:18px;border-bottom:1px solid #ddd;margin-bottom:25px}.tabs button{border:0;border-bottom:1px solid transparent;padding:10px 0}.tabs button.active{border-bottom-color:#111}.field{display:grid;gap:7px;font-size:12px}.notice{border:1px solid #d6d6d6;padding:14px;font-size:12px;line-height:1.6;background:#fafafa}.app{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 92px)}.sidebar{border-right:1px solid var(--line);padding:24px 18px}.sidebar h3{font-size:16px;font-weight:400;margin:18px 10px}.sidebar button{width:100%;display:block;border:1px solid transparent;text-align:left;font-size:13px;margin:3px 0}.sidebar button.active{border-color:#bcbcbc;background:#fafafa}.tree{border-left:1px solid #ddd;margin:20px 10px;padding-left:8px}.tree button{font-size:11px;overflow-wrap:anywhere}.main{min-width:0}.heading{padding:36px 36px 28px;display:flex;justify-content:space-between;align-items:end;gap:20px}.heading h1{font-size:clamp(32px,4vw,59px);font-weight:400;letter-spacing:-.06em;line-height:1.1;margin:12px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.metric{padding:21px 26px;border-right:1px solid var(--line);min-height:120px;display:grid;gap:8px}.metric strong{font-size:26px;font-weight:400}.metric span{font-size:10px;letter-spacing:.09em;color:#777}.work{padding:28px 36px 50px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}.toolbar input{flex:1;min-width:160px}.toolbar button{font-size:12px}.file-row{display:grid;grid-template-columns:minmax(170px,1fr) 90px minmax(100px,150px) auto;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.file-row small{display:block;color:#777;font-size:11px}.file-row button{padding:6px 9px;font-size:11px}.actions{display:flex;flex-wrap:wrap;gap:5px}.empty{padding:60px 20px;text-align:center;border:1px solid var(--line);color:#777}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan{border:1px solid var(--line);padding:24px;display:grid;gap:12px}.plan h3{font-weight:400;font-size:24px;margin:0}.plan strong{font-weight:400;font-size:32px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:12px 8px;text-align:left;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.table th{font-weight:400;color:#777}.viewer{border:1px solid #ddd}.viewer canvas{display:block;width:100%;height:480px;touch-action:none}.viewer .toolbar{padding:10px;margin:0;border-bottom:1px solid #ddd}.foot{border-top:1px solid var(--line);padding:18px 34px;font-size:10px;color:#777;display:flex;justify-content:space-between;gap:20px}.status{position:fixed;right:20px;bottom:20px;max-width:480px;background:#222;color:white;padding:14px 20px;z-index:30}.status:empty{display:none}.hidden,[hidden]{display:none!important}.narrow{max-width:600px}.recover-output{word-break:break-all;border:1px solid #aaa;padding:16px;font-family:monospace}
@media(max-width:850px){.auth{grid-template-columns:1fr}.intro{padding:30px 24px;border-right:0;border-bottom:1px solid #ddd;gap:20px}.intro h1{font-size:43px}.intro .secondary{display:none}.auth-panel{padding:30px 24px}.app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;padding:10px}.sidebar button{width:auto}.sidebar h3,.sidebar .tree{display:none}.top{padding:14px 18px}.top-right .email{display:none}.heading{padding:24px 20px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid #ddd}.work{padding:24px 20px}.file-row{grid-template-columns:1fr auto}.file-row .project{display:none}.file-row .actions{grid-column:1/-1}.plan-grid{grid-template-columns:1fr}.viewer canvas{height:350px}}