:root{--bg:#f6f5f1;--panel:#fff;--panel-soft:#fbfaf7;--text:#1d1d1b;--muted:#686761;--line:#dfddd5;--accent:#0f766e;--accent-strong:#115e59;--danger:#b42318;--shadow:0 14px 45px rgba(28,26,20,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}a{color:inherit}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.home-shell{display:grid;grid-gap:32px;gap:32px;grid-template-columns:1fr;margin:0 auto;max-width:1180px;min-height:100vh;padding:56px 28px}.home-stack{align-self:start;display:grid;grid-gap:14px;gap:14px}.home-copy{align-self:end}.home-copy h1{font-size:48px;letter-spacing:0;line-height:1.02;margin:0 0 24px;max-width:620px}.home-copy p:last-child{color:var(--muted);font-size:18px;line-height:1.6;margin:0;max-width:540px}.auth-panel,.comments-panel,.upload-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.auth-panel{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:16px}.auth-panel div{display:grid;grid-gap:4px;gap:4px;min-width:0}.auth-panel span{color:var(--muted);font-size:13px;font-weight:600}.auth-panel strong{font-size:14px;overflow-wrap:anywhere}.upload-panel{align-self:start;display:grid;grid-gap:18px;gap:18px;padding:24px}.auth-required,label{gap:8px}label{display:grid;grid-gap:8px}.created-link span,.preview-header span,.stage-toolbar span,label span{color:var(--muted);font-size:13px;font-weight:600}input,textarea{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--text);outline:none;padding:11px 12px;width:100%}textarea{min-height:120px;resize:vertical}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.divider{align-items:center;color:var(--muted);display:grid;font-size:13px;grid-gap:12px;gap:12px;grid-template-columns:1fr auto 1fr}.divider:after,.divider:before{background:var(--line);content:"";height:1px}.primary-button,.secondary-button{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:40px;padding:0 14px;text-decoration:none;white-space:nowrap}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff}.primary-button:hover{background:var(--accent-strong)}.secondary-button{background:#fff;border:1px solid var(--line);color:var(--text)}.danger-button{background:#fff;border:1px solid rgba(180,35,24,.4);border-radius:6px;color:var(--danger);cursor:pointer;font-weight:700;min-height:40px;padding:0 14px}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.file-drop{background:var(--panel-soft);border:1px dashed var(--line);border-radius:6px;padding:14px}.file-drop strong{color:var(--text);font-size:14px}.upload-preview{border:1px solid var(--line);border-radius:8px;padding:12px}.upload-metadata,.upload-preview{display:grid;grid-gap:12px;gap:12px}.upload-metadata{align-items:end;grid-template-columns:minmax(0,1fr) minmax(220px,.6fr) auto}.preview-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.preview-frame{background:#fff;border:1px solid var(--line);border-radius:6px;height:min(62vh,720px);min-height:420px;width:100%}.created-links{display:grid;grid-gap:10px;gap:10px}.created-link{background:var(--panel-soft);border:1px solid var(--line);border-radius:6px;display:grid;grid-gap:6px;gap:6px;padding:14px}.created-link a{color:var(--accent-strong);overflow-wrap:anywhere}.created-link p{color:var(--muted);font-size:13px;line-height:1.4;margin:0}.created-link.is-private{border-color:rgba(15,118,110,.4)}.form-error{color:var(--danger)}.form-error,.form-note{font-size:14px;margin:0}.form-note{color:var(--muted);line-height:1.45}.review-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.review-topbar{align-items:center;background:hsla(48,22%,95%,.96);border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding:16px 20px;min-height:76px;z-index:20}.review-title-block{min-width:0}.review-topbar h1{font-size:20px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{align-items:center;display:flex;gap:10px}.name-field{width:180px}.name-field.needs-attention input{border-color:var(--danger);box-shadow:0 0 0 3px rgba(180,35,24,.14)}.topbar-author-name{display:grid;grid-gap:2px;gap:2px;min-width:160px}.topbar-author-name span{color:var(--muted);font-size:12px;font-weight:600}.topbar-author-name strong{font-size:14px}.review-canvas{background:#fff;flex:1 1 auto;min-height:0;overflow:hidden;position:relative}.review-status{background:#ecfdf5;border-bottom:1px solid rgba(15,118,110,.22);color:var(--accent-strong);font-size:14px;margin:0;padding:10px 20px}.document-frame{border:0;height:100%;width:100%}.comment-overlay{inset:0;pointer-events:auto;position:absolute}.comment-overlay.is-active{cursor:copy}.pin{align-items:center;background:var(--accent);border:2px solid #fff;border-radius:50%;box-shadow:0 6px 16px rgba(0,0,0,.22);color:#fff;display:flex;font-size:12px;font-weight:800;height:28px;justify-content:center;padding:0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:28px}.pin.is-selected{background:#111827;height:34px;width:34px}.pin.pending{background:#f59e0b}.comment-bubble{background:#292929;border:1px solid hsla(0,0%,100%,.12);border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.34);color:#fff;cursor:default;display:grid;grid-gap:14px;gap:14px;max-height:min(520px,calc(100vh - 128px));overflow:visible;padding:18px;position:absolute;width:min(360px,calc(100vw - 32px));z-index:10}.comment-bubble:before{border-bottom:11px solid transparent;border-right:13px solid #292929;border-top:11px solid transparent;content:"";left:-12px;position:absolute;top:22px}.comment-bubble.is-above:before{top:auto;bottom:22px}.bubble-actions,.bubble-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.bubble-header{border-bottom:1px solid hsla(0,0%,100%,.14);margin:-2px -18px 0;padding:0 18px 14px}.bubble-header h2{font-size:18px;line-height:1.2;margin:0}.icon-button{align-items:center;background:transparent;border:0;color:#fff;cursor:pointer;display:inline-flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.comment-bubble textarea{background:#1f1f1f;border-color:hsla(0,0%,100%,.16);color:#fff;min-height:92px}.comment-bubble textarea::placeholder{color:hsla(0,0%,100%,.58)}.bubble-comment,.bubble-reply{display:grid;grid-gap:4px;gap:4px}.bubble-comment p,.bubble-reply p{color:hsla(0,0%,100%,.78);line-height:1.45;margin:0}.bubble-replies{border-top:1px solid hsla(0,0%,100%,.12);display:grid;grid-gap:12px;gap:12px;max-height:170px;overflow:auto;padding-top:12px}.bubble-reply{padding-left:12px}.bubble-error{color:#fca5a5;font-size:14px;margin:0}.secondary-button.dark{background:#353535;border-color:hsla(0,0%,100%,.16);color:#fff}.danger-button.dark{background:transparent;border-color:hsla(0,94%,82%,.45);color:#fca5a5}.comments-panel{display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - 104px);overflow:auto;padding:18px}.comments-panel h2{color:var(--muted);font-size:12px;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.comment-composer,.comment-list,.thread{display:grid;grid-gap:10px;gap:10px}.comment-row,.reply-card,.thread-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:6px;padding:12px}.comment-row p,.reply-card p,.thread-card p{color:var(--muted);line-height:1.45;margin:6px 0 0}.reply-card{margin-left:18px}.reply-form{display:grid;grid-gap:8px;gap:8px}.comment-row{cursor:pointer;display:grid;grid-gap:3px;gap:3px;grid-template-columns:24px 1fr;text-align:left;width:100%}.comment-row span{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:800;height:24px;justify-content:center;width:24px}.comment-row p{grid-column:2}.comment-row.is-selected{border-color:var(--accent)}@media (max-width:900px){.home-copy h1{font-size:38px}.upload-metadata{grid-template-columns:1fr}.auth-panel,.review-topbar,.topbar-actions{align-items:stretch;flex-direction:column}.name-field{width:100%}}