:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183039;background:#f3f1eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.hidden,.visually-hidden{display:none!important}.app-shell{min-height:100vh}.topbar{height:78px;background:#142c36;color:#f7f8f4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;box-shadow:0 2px 16px #1d343316;position:sticky;top:0;z-index:20}.brand-lockup{display:flex;align-items:center;gap:13px;min-width:240px}.brand-mark{width:34px;height:38px;position:relative;border:1.5px solid #d8b770;border-radius:3px;padding:7px 6px;display:flex;flex-direction:column;gap:5px;transform:rotate(-3deg)}.brand-mark span{height:2px;background:#d8b770;border-radius:2px}.brand-mark span:nth-child(2){width:74%}.brand-mark span:nth-child(3){width:86%}.brand-name{font-family:Georgia,serif;font-size:23px;line-height:1}.brand-subtitle{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:#b0c2c1;margin-top:6px}.topbar-center{display:flex;align-items:center;gap:14px;margin-right:auto}.topbar-center strong{font-size:14px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{font-size:11px;color:#b9d9cb;background:#31534e;padding:7px 10px;border-radius:99px;white-space:nowrap}.topbar-actions{display:flex;gap:8px}.button{border:0;border-radius:9px;padding:11px 15px;font-weight:700;font-size:12px;white-space:nowrap;transition:transform .15s,background .15s,box-shadow .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:#bd764f;color:white;box-shadow:0 5px 14px #9a503033}.button.primary:hover:not(:disabled){background:#aa6542}.button.secondary{background:#e8eee9;color:#174b45}.button.secondary:hover:not(:disabled){background:#dce9e2}.button.light{background:#f2ead7;color:#253b3c}.button.quiet{background:transparent;color:#d9e3df;border:1px solid #6f8987}.button.full-width{width:100%}.body-shell{display:flex;min-height:calc(100vh - 78px)}.side-nav{width:228px;background:#e8ebe5;border-right:1px solid #d8ded8;padding:29px 14px 18px;display:flex;flex-direction:column;flex-shrink:0}.nav-section-label{color:#738a84;font-size:10px;letter-spacing:2px;font-weight:800;padding:0 15px 17px}.nav-item{border:0;background:transparent;color:#405c59;width:100%;height:46px;border-radius:9px;padding:0 14px;text-align:left;display:flex;gap:12px;align-items:center;font-weight:700;font-size:13px;margin-bottom:5px}.nav-item:hover{background:#dce6df}.nav-item.active{background:#d5e4da;color:#164d45;box-shadow:inset 3px 0 #338a73}.nav-icon{font-size:20px;line-height:1;width:20px;text-align:center;font-weight:400}.nav-count{margin-left:auto;background:#ccddd4;color:#275d52;border-radius:99px;padding:2px 7px;font-size:10px}.nav-bottom{margin-top:auto;padding:16px 14px;border-top:1px solid #cfdbd3}.nav-help-title{font-family:Georgia,serif;color:#29534b;font-size:15px}.nav-bottom p{font-size:11px;line-height:1.55;color:#69807b;margin:8px 0 0}.main-content{flex:1;min-width:0;padding:35px 36px 60px}.view{display:none}.view.active{display:block}.view-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.9px;color:#7b9b8e}.view-heading h1{font-family:Georgia,serif;font-weight:400;font-size:34px;letter-spacing:-1.1px;margin:7px 0;color:#19383a}.view-heading p{color:#738882;margin:0;font-size:14px}.script-grid{display:grid;grid-template-columns:minmax(450px,1fr) 312px;gap:21px;align-items:start}.viewer-card,.notes-card,.setup-card,.review-card,.packet-card{background:#fffefa;border:1px solid #e0e4dd;border-radius:13px;box-shadow:0 8px 28px #3750430d}.viewer-card{overflow:hidden}.viewer-toolbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #e6e9e2;gap:12px}.viewer-title{display:flex;align-items:center;gap:9px;min-width:0;color:#35544e;font-size:12px}.viewer-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-dot{height:9px;width:9px;border-radius:50%;background:#b6c9bd;flex-shrink:0}.page-controls{display:flex;align-items:center;gap:10px;color:#647a75;font-size:12px;white-space:nowrap}.page-controls input{width:44px;padding:4px;border:1px solid #dbe2db;border-radius:6px;text-align:center;color:#345b51;background:#fbfcfa}.icon-button{border:1px solid #d8e2da;background:#f7faf6;color:#3a6960;width:26px;height:26px;border-radius:6px;font-size:23px;line-height:18px}.page-viewport{min-height:650px;max-height:calc(100vh - 275px);overflow:auto;background:#d9ddd7;display:flex;justify-content:center;align-items:flex-start;padding:25px;position:relative}.script-empty-state{width:100%;height:600px;display:flex;align-items:center;justify-content:center;gap:45px}.sample-page{position:relative;width:275px;height:410px;background:#fffcf4;box-shadow:0 12px 30px #36464133;transform:rotate(-3deg);padding:42px 32px}.sample-page-number{text-align:right;font-family:Georgia,serif;color:#96a19a;font-size:12px;margin-bottom:34px}.sample-line{height:5px;width:100%;background:#d9dcd4;border-radius:5px;margin:9px 0}.sample-line.short{width:62%}.sample-line.medium{width:80%}.sample-character{font-family:Georgia,serif;font-size:10px;font-weight:bold;letter-spacing:2px;color:#657c71;text-align:center;margin-top:28px}.sample-ring{position:absolute;left:22px;top:230px;border:3px solid #c16f4d;border-radius:50%;width:138px;height:32px;transform:rotate(-4deg)}.sample-ring span{position:absolute;right:-12px;top:-13px;background:#c16f4d;color:white;font:700 10px sans-serif;border-radius:50%;width:21px;height:21px;display:grid;place-items:center}.empty-copy{display:flex;flex-direction:column;align-items:flex-start;max-width:205px;gap:11px}.empty-copy strong{font-family:Georgia,serif;color:#284c49;font-size:25px;font-weight:400;line-height:1.18}.empty-copy span{font-size:13px;line-height:1.5;color:#637b74}.empty-copy button{margin-top:10px}.page-stage{position:relative;line-height:0;box-shadow:0 7px 24px #27363040;background:white;touch-action:manipulation}.page-stage canvas{display:block;max-width:none}.annotation-layer{position:absolute;inset:0;cursor:crosshair;touch-action:manipulation}.note-marker{position:absolute;width:42px;height:28px;border:3px solid #bf6e4e;border-radius:50%;background:#bf6e4e18;transform:translate(-50%,-50%) rotate(-6deg);box-shadow:0 1px 2px #fff8;cursor:pointer;pointer-events:auto}.note-marker::after{content:attr(data-number);position:absolute;right:-13px;top:-17px;width:21px;height:21px;background:#b85d3d;color:#fff;border-radius:50%;display:grid;place-items:center;font:700 11px sans-serif;transform:rotate(6deg)}.note-marker.selected{outline:3px solid #efd1bb;outline-offset:4px}.viewer-footer{display:flex;justify-content:space-between;gap:12px;padding:12px 17px;color:#7a8f89;font-size:11px}.notes-card{padding:20px;min-height:402px}.notes-card-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e7e9e2;padding-bottom:16px}.notes-card h2,.review-card h2,.setup-card h2{font-family:Georgia,serif;font-size:21px;font-weight:400;margin:4px 0 0;color:#254748}.tiny-badge{border-radius:6px;background:#e9f0ea;color:#538271;padding:5px 8px;font-size:11px;font-weight:700}.page-notes-list{padding-top:14px}.empty-list{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 12px;gap:9px;color:#82958e;font-size:12px}.empty-list strong{color:#45665c;font-family:Georgia,serif;font-weight:400;font-size:20px}.empty-list-icon{font-size:31px;color:#96b0a2}.note-item{border:1px solid #e7e6df;border-radius:9px;padding:11px 12px;margin-bottom:10px;background:#fffdf8}.note-item-top{display:flex;gap:9px;align-items:center;margin-bottom:7px}.note-num{border-radius:50%;width:23px;height:23px;display:grid;place-items:center;background:#bf6e4e;color:white;font-size:11px;font-weight:800}.note-character{font-size:11px;font-weight:800;color:#264f4a;letter-spacing:.7px}.note-item p{font-size:12px;line-height:1.45;margin:0 0 8px;color:#536e67}.note-item-actions{display:flex;gap:12px}.text-button{background:none;border:0;color:#3c7969;font-size:11px;font-weight:800;padding:0}.text-button.danger{color:#b86d58}.note-form-panel{border:1px solid #dbe7dd;background:#f8fbf7;border-radius:10px;padding:13px;margin-top:16px}.form-topline{display:flex;justify-content:space-between;margin-bottom:14px;color:#28544a;font-size:13px}.note-form-panel label,.setup-card label{display:flex;flex-direction:column;gap:6px;color:#55726a;font-size:11px;font-weight:800;margin-bottom:11px}.note-form-panel input,.note-form-panel select,.note-form-panel textarea,.setup-card input{width:100%;border:1px solid #d8e2d9;border-radius:7px;background:#fff;color:#214340;padding:10px 11px;outline:0;font-size:12px}.note-form-panel textarea{resize:vertical}.note-form-panel input:focus,.note-form-panel select:focus,.note-form-panel textarea:focus,.setup-card input:focus{border-color:#5d9b84;box-shadow:0 0 0 3px #82b79d25}.form-help{font-size:10px;line-height:1.5;color:#83968c;margin-bottom:12px}.setup-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.setup-card{padding:23px}.card-heading{display:flex;gap:14px;margin-bottom:20px}.step-number{height:31px;width:31px;border-radius:8px;display:grid;place-items:center;background:#e3efe7;color:#34816e;font-weight:800;font-size:11px;flex-shrink:0}.setup-card h2{margin:0}.setup-card p{font-size:12px;color:#7a8e86;margin:6px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.short-form{grid-template-columns:120px 1fr auto;align-items:end}.form-grid .add-button{align-self:end;margin-bottom:11px;grid-column:1/-1;justify-self:start}.form-grid.short-form .add-button{grid-column:auto}.inline-info{background:#f2f6f1;border:1px solid #e2e9e1;border-radius:8px;color:#6f877c;font-size:11px;line-height:1.4;padding:11px 13px;margin-top:7px}.setup-list{margin-top:15px}.setup-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e8eae4;font-size:12px}.setup-row strong{color:#31544d}.setup-row span{color:#758b83}.setup-row button{border:0;background:transparent;color:#b36b53;font-size:11px;font-weight:800}.setup-empty{color:#8ba098;font-size:12px;padding:12px 0}.review-grid{display:grid;grid-template-columns:minmax(340px,440px) minmax(300px,1fr);gap:19px;align-items:start}.review-card{padding:23px}.review-card-heading{display:flex;justify-content:space-between;gap:10px;align-items:start}.review-card h2{margin:0}.review-card p{font-size:12px;color:#82958d;margin:5px 0}.count-pill{background:#e7efe7;color:#47806f;border-radius:99px;padding:7px 11px;font-size:10px;font-weight:800;white-space:nowrap}.review-actor-list{min-height:220px;padding-top:14px}.review-actor{border:1px solid #e3e9e1;border-radius:9px;padding:13px;margin:8px 0;background:#fff}.review-actor-top{display:flex;gap:10px;align-items:start}.review-actor input[type=checkbox]{accent-color:#2e826c;margin-top:3px}.review-actor-main{flex:1;min-width:0}.review-actor strong{font-size:13px;color:#274b45}.review-actor .actor-email{display:block;font-size:11px;color:#8b9a92;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.review-actor-bottom{display:flex;justify-content:space-between;align-items:center;margin-left:25px;margin-top:10px}.review-actor-bottom span{font-size:11px;color:#6b857a}.review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.review-card .send-note{font-size:11px;line-height:1.5;margin:12px 0 0}.packet-card{min-height:420px;overflow:hidden}.packet-placeholder{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:35px;color:#81978d}.packet-placeholder strong{font-family:Georgia,serif;color:#436a5e;font-size:23px;font-weight:400}.packet-placeholder span{font-size:12px;line-height:1.5;max-width:250px}.packet-icon{font-size:43px;color:#a3bdab}.packet-preview-header{padding:14px 17px;border-bottom:1px solid #e6eae2;display:flex;justify-content:space-between;color:#2b514a;font-size:13px}.packet-preview iframe{width:100%;height:690px;border:0;background:#e7e9e3}.toast{position:fixed;bottom:22px;right:22px;max-width:320px;border-radius:9px;background:#173e39;color:white;padding:12px 15px;font-size:12px;box-shadow:0 10px 30px #173e3940;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s;pointer-events:none;z-index:50}.toast.visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.script-grid{grid-template-columns:minmax(360px,1fr) 280px}.main-content{padding:28px 24px}.topbar-center{display:none}.setup-layout{grid-template-columns:1fr}}@media(max-width:800px){.topbar{height:auto;min-height:67px;padding:12px 17px;flex-wrap:wrap}.brand-lockup{min-width:0}.brand-subtitle{display:none}.topbar-actions{margin-left:auto}.topbar-actions .quiet{display:none}.body-shell{display:block}.side-nav{position:sticky;top:67px;z-index:18;width:100%;height:54px;flex-direction:row;padding:4px 10px;align-items:center;gap:3px;border-right:0;border-bottom:1px solid #d8ded8}.nav-section-label,.nav-bottom{display:none}.nav-item{width:auto;flex:1;justify-content:center;margin:0;height:43px;padding:0 8px;gap:7px}.main-content{padding:21px 17px 55px}.view-heading h1{font-size:28px}.script-grid,.review-grid{grid-template-columns:1fr}.notes-card{min-height:0}.page-viewport{max-height:none;min-height:520px}.script-empty-state{height:500px}.sample-page{width:220px;height:330px}.empty-copy{max-width:190px}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.brand-name{font-size:20px}.topbar-actions .button{padding:9px 11px;font-size:11px}.side-nav{top:64px}.nav-item{font-size:11px}.nav-icon{font-size:17px;width:18px}.nav-count{display:none}.view-heading{align-items:start}.view-heading h1{font-size:27px}.view-heading p{line-height:1.4}.heading-actions{display:none}.page-viewport{padding:13px;min-height:480px}.script-empty-state{height:480px;flex-direction:column;gap:17px}.sample-page{height:280px;width:190px;padding:25px}.sample-page-number{margin-bottom:20px}.sample-ring{top:176px}.empty-copy{text-align:center;align-items:center;max-width:260px}.empty-copy strong{font-size:21px}.empty-copy button{margin-top:0}.setup-card{padding:18px}.form-grid,.form-grid.three,.form-grid.short-form{grid-template-columns:1fr}.form-grid.short-form .add-button{grid-column:1}.review-actions .button{width:100%}}

.packet-preview-actions{display:flex;gap:15px}
.annotation-layer{touch-action:pan-y}
.note-marker{width:8%;height:3.5%;min-width:28px;min-height:18px;border-radius:3px;transform:translate(-50%,-50%);touch-action:none}
.note-marker::after{border-radius:3px;transform:none}
.note-marker.draft-mark{border-style:dashed;background:#bf6e4e24;pointer-events:none;z-index:3}
.note-marker.draft-mark::after{display:none}
.sample-ring{border-radius:3px;transform:rotate(-2deg)}
.sample-ring span{border-radius:3px}
@media(max-width:800px){.topbar-actions .quiet{display:block}}
@media(max-width:550px){.topbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:7px 0 0}.topbar-actions .button{width:100%}.side-nav{top:110px}}

.gmail-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dbe6dd;background:#f5faf5;border-radius:9px;padding:14px;margin-top:18px}
.gmail-panel strong{display:block;color:#274b45;font-size:13px}
.gmail-panel p{font-size:11px;line-height:1.45;margin:5px 0 0;color:#607c71}
.gmail-panel .account-mismatch{color:#9b492f}
.gmail-panel .button{flex:none}
.client-setup{padding:13px 14px;border:1px dashed #bdcfc4;border-radius:9px;margin-top:10px;background:#fcfdfb}
.client-setup summary{cursor:pointer;font-size:11px;font-weight:650;color:#607c71}
.client-setup[open] label{margin-top:12px}
.client-setup label,.mail-compose label{display:block;font-size:12px;font-weight:650;color:#31534b}
.client-setup input,.mail-compose input,.mail-compose textarea{display:block;width:100%;margin-top:6px;border:1px solid #ccd9cf;border-radius:7px;padding:10px;font:inherit;color:#284a43;background:#fff}
.client-setup p,.mail-compose p{font-size:11px;line-height:1.5;color:#71877b;margin:8px 0 0}
.mail-compose{display:grid;gap:12px;margin-top:18px}
.mail-compose textarea{resize:vertical;min-height:108px}
.mail-compose code{font-size:11px}
.delivery-status{display:block;margin-top:5px;font-size:10px;line-height:1.4}
.delivery-status.sent{color:#24745c}
.delivery-status.attention{color:#a15432}
@media(max-width:550px){.gmail-panel{align-items:flex-start;flex-direction:column}.gmail-panel .button{width:100%}}