html,body,#root{height:100%}body{overflow:hidden}button{font:inherit}.app{flex-direction:column;height:100dvh;display:flex}.app.scroll{overflow-y:auto}.topbar-inner{align-items:center;gap:10px;min-height:58px;padding:10px 16px;display:flex}.brand{color:#fff;flex:none;align-items:center;gap:10px;display:inline-flex}.brand:hover{color:#fff}.brand .brand-tile{width:32px;height:32px;font-size:13px}.wordmark{font-size:15px;font-weight:700}.sheet-tabs{scrollbar-width:none;gap:2px;margin-left:14px;display:flex;overflow-x:auto}.tab{color:var(--body);white-space:nowrap;border-radius:8px;padding:7px 11px;font-size:13.5px;font-weight:500}.tab:hover{color:#fff;background:var(--surface)}.tab.active{color:#06121f;background:linear-gradient(135deg, var(--cyan-2), var(--orange-2))}.spacer{flex:auto}.count{background:var(--orange);color:#06121f;text-align:center;border-radius:999px;min-width:20px;padding:2px 6px;font:700 11px/1.2 Roboto,sans-serif}.pill.small{padding:6px 10px;font-size:12.5px}.pill.danger:hover,.tool.danger:hover{color:#fecaca;border-color:#ef444499}.pill:disabled{opacity:.5;cursor:default}.avatar-btn{all:unset;cursor:pointer;border-radius:999px;display:inline-flex}.avatar{color:#06121f;border-radius:999px;flex:none;place-items:center;font-weight:700;display:inline-grid}.menu{position:relative}.menu-pop{z-index:40;background:#0a0c14f7;flex-direction:column;min-width:230px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.menu-head{border-bottom:1px solid var(--line);flex-direction:column;margin-bottom:4px;padding:8px 10px 10px;display:flex}.menu-head span{color:var(--muted);font-size:12.5px}.menu-pop a,.menu-pop button{all:unset;cursor:pointer;color:#e5e7eb;border-radius:8px;padding:8px 10px;font-size:14px}.menu-pop a:hover,.menu-pop button:hover{background:var(--surface-2);color:#fff}.workspace{flex:auto;min-height:0;display:flex}.stage{flex:auto;min-width:0;position:relative}.sheet-frame{background:0 0;border:0;width:100%;height:100%;display:block}.banner{background:#0a0c14f0;width:min(620px,100% - 32px);padding:12px 16px;font-size:14px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.linkish{all:unset;color:var(--cyan);cursor:pointer}.toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;scrollbar-width:none;background:#080a12eb;border-radius:14px;flex-direction:column;align-items:center;gap:6px;max-height:calc(100% - 24px);padding:6px;display:flex;position:absolute;top:50%;left:14px;overflow-y:auto;transform:translateY(-50%);box-shadow:0 12px 36px #00000073}.tool-group{flex-direction:column;gap:2px;display:flex}.tool-sep{background:var(--line);flex:none;width:24px;height:1px}.tool{all:unset;color:#cbd5e1;cursor:pointer;border:1px solid #0000;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.tool:hover{background:var(--surface-2);color:#fff}.tool[aria-pressed=true]{background:linear-gradient(135deg, var(--cyan-2), var(--orange-2));color:#06121f}.tool:disabled{opacity:.35;cursor:default;background:0 0}.tool:focus-visible,.swatch:focus-visible{outline:2px solid var(--cyan-2);outline-offset:1px}.stroke-dot{background:currentColor;border-radius:999px;display:block}.swatches{grid-template-columns:repeat(2,16px);gap:6px;padding:4px 0;display:grid}.swatch{all:unset;cursor:pointer;border-radius:5px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0000004d}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px #0d1220,0 0 0 4px #fff}.sidebar{border-left:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06080fe6;flex-direction:column;flex:0 0 370px;min-height:0;display:flex}.side-head{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:14px 16px 12px;display:flex}.side-title{align-items:center;gap:8px;display:flex}.side-title h2{flex:1;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.icon-btn{all:unset;cursor:pointer;width:30px;height:30px;color:var(--body);border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2);color:#fff}.side-body{flex:auto;min-height:0;overflow-y:auto}.seg{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:3px;display:flex}.seg button{all:unset;text-align:center;cursor:pointer;color:var(--body);border-radius:7px;flex:1;padding:6px 4px;font-size:13px}.seg button span{color:var(--muted);font-size:12px}.seg button[aria-selected=true]{background:var(--surface-2);color:#fff}.field{box-sizing:border-box;border:1px solid var(--line);color:#fff;resize:vertical;background:#ffffff0f;border-radius:9px;width:100%;padding:9px 11px;font:400 14px/1.45 Roboto,sans-serif}.field:focus{border-color:#22d3eeb3;outline:none;box-shadow:0 0 0 3px #22d3ee26}select.field option{background:#0d1220}.threads,.comments,.reviewers{margin:0;padding:0;list-style:none}.thread-row{all:unset;box-sizing:border-box;cursor:pointer;border-bottom:1px solid #ffffff0f;gap:10px;width:100%;padding:12px 16px;display:flex}.thread-row:hover{background:var(--surface)}.thread-row.is-closed{opacity:.6}.swatch-dot{border-radius:3px;flex:none;width:10px;height:10px;margin-top:5px;display:inline-block}.side-title h2 .swatch-dot{margin-top:0}.thread-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.thread-meta{color:var(--muted);margin:0;font-size:12.5px}.thread-meta strong{color:#e5e7eb;font-weight:500}.thread-side{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.badge{white-space:nowrap;font-size:11px}.badge.status-approved{color:#22d3ee}.badge.status-done{color:#4ade80}.badge.status-rejected{color:#f87171}.quote{color:#cbd5e1;border-left:2px solid var(--line-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-left:8px;font-size:13px;display:-webkit-box;overflow:hidden}.quote.big{-webkit-line-clamp:6;margin:0}.preview{color:#f3f4f6;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.muted{color:var(--muted)}.small{font-size:12.5px}.pad{padding:16px}.empty{padding:22px 18px;font-size:14px}.empty p{margin:0 0 8px}kbd{border:1px solid var(--line-2);color:#e5e7eb;border-radius:4px;padding:2px 5px;font:500 11px/1 IBM Plex Mono,monospace}.thread-actions{flex-wrap:wrap;gap:6px;display:flex}.comment{border-bottom:1px solid #ffffff0d;gap:10px;padding:12px 16px;display:flex}.comment-main{flex:1;min-width:0}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#f3f4f6;margin:4px 0 0;font-size:14.5px}.comment-actions{gap:12px;margin-top:4px;display:flex}.comment-actions button{all:unset;cursor:pointer;color:var(--muted);font-size:12px}.comment-actions button:hover{color:var(--cyan)}.composer{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:12px 16px 14px;display:flex}.composer-row{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.shortcuts{border-top:1px solid var(--line);color:var(--muted);padding:10px 16px;font-size:13px}.shortcuts summary{cursor:pointer}.shortcuts dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:10px 0 2px;display:grid}.shortcuts dt{color:#e5e7eb;font-family:IBM Plex Mono,monospace}.shortcuts dd{margin:0}.notice{color:#fed7aa;background:#fb923c1f;border:1px solid #fb923c59;border-radius:9px;padding:10px 12px;font-size:14px}.notice.error{color:#fecaca;background:#ef44441f;border-color:#ef444466}.side-body .notice{margin:12px 16px}.narrow{width:min(520px,100% - 32px);margin:56px auto}.narrow.wide{width:min(760px,100% - 32px)}.panel{flex-direction:column;gap:12px;padding:28px 26px;display:flex}.panel h1{margin:0;font-size:26px}.panel p{margin:0}.label{color:var(--body);margin-bottom:-6px;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel .pill{align-self:flex-start}.add-row{grid-template-columns:1.4fr 1fr auto;gap:8px;margin-top:6px;display:grid}.reviewers li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.modal-backdrop{z-index:100;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#0d1220fa;flex-direction:column;gap:12px;width:min(440px,100%);padding:24px;display:flex}.modal h2{margin:0;font-size:19px}.modal .pill{align-self:flex-end}.toast{border:1px solid var(--line-2);z-index:200;cursor:pointer;background:#0a0c14f7;border-radius:10px;max-width:min(560px,100% - 32px);padding:11px 16px;font-size:14px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}@media (width<=900px){.sidebar{border-left:0;border-top:1px solid var(--line-2);z-index:30;background:#06080ff7;border-radius:16px 16px 0 0;height:min(62dvh,560px);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -16px 40px #00000080}}@media (width<=760px){.topbar-inner{gap:6px;padding:8px 10px}.wordmark,.hide-sm{display:none}.sheet-tabs{margin-left:4px}.tab{padding:6px 8px;font-size:13px}.toolbar{flex-direction:row;inset:auto 8px 10px;overflow:auto hidden;transform:none}.tool-group{flex-direction:row}.swatches{grid-template-columns:repeat(6,16px);padding:0 4px}.tool-sep{width:1px;height:24px}.add-row{grid-template-columns:1fr}.banner{bottom:76px}}