:root{color-scheme:light;--paper:#f5f5f0;--ink:#242924;--muted:#7b8076;--line:#e2e5dc;--green:#d7f26a;--white:#fff;--radius:19px;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #73922c;outline-offset:4px}[hidden]{display:none!important}.app-shell{max-width:1240px;padding:0 48px;margin:0 auto}.topbar{height:101px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:-.8px}.brand-light{font-weight:400;margin-left:4px}.brand-icon{background:var(--ink);color:var(--green);border-radius:11px;width:38px;height:38px;display:grid;place-items:center;font-size:31px;font-weight:400;margin-right:11px}.connection{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#797d73;background:#eaece5;border-radius:100px;padding:9px 13px;white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;background:#a4a696}.online .dot{background:#619625;box-shadow:0 0 0 3px #61962514}.online{color:#4b5d36;background:#e8edde}.intro{display:flex;align-items:center;justify-content:space-between;margin:48px 0 32px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 12px;color:#777d70}h1{font-size:58px;line-height:1.1;letter-spacing:-3.5px;font-weight:650;margin:0 0 12px}h1 span{color:#94ab46}.subtitle{color:#7a7f73;font-size:15px;line-height:1.5;margin:0}.intro-mark{font-size:59px;font-weight:300;transform:rotate(-16deg);color:#c1c9ad;margin-right:8px}.workspace{display:grid;grid-template-columns:1.05fr 1fr;gap:25px;align-items:start}.text-column{min-width:0}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:12px}.section-index{display:block;font-size:10px;letter-spacing:1.6px;font-weight:650;color:#8a8f83;margin-bottom:10px}h2{margin:0;font-size:19px;font-weight:650;letter-spacing:-.5px}.small-icon{font-size:25px;letter-spacing:-2px;color:#a8af9b;width:35px;text-align:center}.compose textarea{resize:vertical;width:100%;height:169px;min-height:125px;border-radius:11px;border:1px solid #eceee7;background:#fafbf7;padding:17px;color:#363d32;outline:none;font-family:'Cascadia Code',Consolas,monospace;font-size:12px;line-height:1.7;transition:border-color .2s,box-shadow .2s}.compose textarea::placeholder{color:#979e8f}.compose textarea:focus{border-color:#b2c76f;box-shadow:0 0 0 3px #d7f26a25}.compose-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px}.hint{font-size:11px;color:var(--muted);line-height:1.5}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:42px;padding:10px 17px;border-radius:9px;font-size:12px;font-weight:650;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#2b361a}.primary:hover{background:#cce95b}.primary span{font-size:17px}.secondary{background:var(--ink);color:#f5f7ed}.secondary:hover{background:#424c38}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:27px 1px 14px}.list-heading h2{font-size:14px;letter-spacing:-.1px}.count{background:#eaece3;color:#737d66;font-size:10px;padding:3px 7px;border-radius:5px;margin-left:5px;vertical-align:middle;font-weight:600}.text-card{background:white;border:1px solid var(--line);border-radius:13px;padding:15px 18px;margin-bottom:10px}.text-card-head{display:flex;align-items:center;justify-content:space-between}.shared-text{font-family:'Cascadia Code',Consolas,monospace;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto;margin:9px 0 16px;tab-size:2}.copy-button{background:#f0f3e8;min-height:31px;padding:7px 10px;font-size:10px;color:#586b3b}.copy-button:hover{background:#e6ecd9}.file-panel{padding-bottom:18px;min-width:0}.drop-zone{width:100%;border:1.5px dashed #d4ddc2;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:202px;background:#f9fbf4;color:#6d785b;gap:8px;padding:23px 12px;transition:background .15s,border-color .15s}.drop-zone:hover,.drop-zone.dragging{background:#f0f6dc;border-color:#92b047}.drop-zone strong{font-size:13px;font-weight:600;color:#4e5c3f}.drop-zone>span:not(.drop-icon){font-size:11px}.drop-icon{width:41px;height:41px;border:1px solid #e0e7d4;background:white;border-radius:12px;display:grid;place-items:center;color:#8ca060;font-size:24px;margin-bottom:6px}.drop-zone .drop-note{font-size:9px!important;color:#9aa58a;margin-top:8px;letter-spacing:.2px}.empty{min-height:139px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#929b85;padding:25px 12px}.empty-icon{display:block;font-size:23px;font-weight:300;color:#bcc6ab;margin-bottom:8px}.empty strong{font-size:12px;font-weight:500;color:#7b876d}.empty p{font-size:10px;line-height:1.6;max-width:250px;margin:5px 0 0}.text-history .empty{border:1px dashed #e0e4d7;border-radius:13px;min-height:133px}.file-footnote{padding:15px 0 0;border-top:1px solid #edf0e6;font-size:9px;color:#929b85;display:flex;align-items:center;gap:7px}.file-footnote>span{font-size:16px}.file-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #f0f1eb}.file-row:last-child{border-bottom:0}.file-type{width:36px;height:43px;flex-shrink:0;background:#f1f3eb;border-radius:6px;display:grid;place-items:center;color:#899775;font-size:9px;font-weight:700}.file-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.file-name{font-weight:550;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info .hint{font-size:9px}.icon-button{border:0;background:transparent;text-decoration:none;padding:5px;min-width:27px;min-height:30px;border-radius:6px;display:inline-grid;place-items:center;color:#a0a795;font-size:19px}.icon-button:hover{background:#edf1e1;color:#526c32}.delete-button{font-size:18px}.delete-button:hover{color:#a1493d;background:#fbefec}.download-button{color:#637d3f;background:#eef3e3;font-size:17px}.connect-panel{display:flex;align-items:center;gap:16px;background:#eaf0dd;border:1px solid #dee7cc;border-radius:14px;padding:23px 25px;margin:33px 0 35px}.connect-icon{flex-shrink:0;width:39px;height:39px;border:1px solid #d5dfc2;border-radius:11px;display:grid;place-items:center;font-size:22px;color:#657d44;background:#f4f7ec}.connect-copy{flex:1;min-width:0}.connect-copy h2{font-size:13px;letter-spacing:-.1px;margin-bottom:6px}.connect-copy p{font-size:10px;margin:0;color:#80916a;overflow-wrap:anywhere}.connect-copy select{margin-top:8px;border:1px solid #d0dabb;background:#f8faef;border-radius:5px;color:#53673c;padding:4px;font-size:11px}footer{border-top:1px solid var(--line);padding:19px 0 26px;display:flex;justify-content:space-between;gap:12px;color:#969d8d;font-size:10px}footer>span:last-child{display:flex;align-items:center;gap:8px}footer>span>span{font-size:15px}.upload-status{padding:17px 0 8px}.upload-status>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#657648;margin-bottom:8px}.upload-status #upload-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}progress{width:100%;height:6px;accent-color:#96b64d;border:0;border-radius:6px;display:block}progress::-webkit-progress-bar{background:#edf1e3;border-radius:6px}progress::-webkit-progress-value{background:#9dbc53;border-radius:6px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:min(540px,90vw);padding:13px 21px;background:#303a27;color:#f4f8ed;font-size:12px;border-radius:10px;box-shadow:0 8px 35px #23311320;z-index:10;line-height:1.5}.join-panel{margin-bottom:25px;background:#f6f9e9;border-color:#c9dba3}.join-panel p{color:#72845b;font-size:13px;line-height:1.5}.join-panel form{display:flex;gap:10px}.join-panel input{flex:1;min-width:0;border:1px solid #cbd7b6;border-radius:8px;padding:10px;background:white;font-size:12px}.sr-only,.clipboard-helper{position:absolute!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important}.clipboard-helper{width:400px!important;height:100px!important}
@media(min-width:1450px){.app-shell{max-width:1320px}.intro{margin-top:60px}.compose textarea{height:190px}.drop-zone{min-height:223px}}
@media(max-width:900px){.app-shell{padding:0 25px}.workspace{gap:18px}.panel{padding:20px}.connect-panel{padding:20px;gap:12px}.connect-panel .button{font-size:10px;padding:10px 12px;gap:9px}.compose-footer .hint{font-size:9px}.list-heading>.hint{display:none}h1{font-size:50px}}
@media(max-width:650px){.app-shell{padding:0 18px}.topbar{height:76px}.brand{font-size:18px}.brand-icon{width:32px;height:32px;font-size:27px;margin-right:8px}.connection{font-size:10px;padding:8px 10px}.intro{margin:31px 0 24px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:45px;letter-spacing:-2.4px}.subtitle{font-size:12px;max-width:255px}.intro-mark{font-size:43px;margin-right:0}.workspace{grid-template-columns:1fr}.panel{padding:21px}.text-history{margin-bottom:6px}.panel-heading h2{font-size:18px}.compose textarea{height:150px}.file-panel{margin-top:3px}.drop-zone{min-height:175px}.connect-panel{flex-wrap:wrap;padding:19px;margin-top:24px;margin-bottom:25px}.connect-copy{flex-basis:70%}.connect-panel .button{width:100%;font-size:12px;margin-top:3px}.connect-icon{width:34px;height:34px}.connect-copy h2{font-size:12px}footer{font-size:9px}.join-panel form{flex-direction:column}.shared-text{font-size:11px}}
.file-copy-button{background:#eef3e3;color:#526c32;min-height:32px;padding:7px 9px;font-size:10px;gap:0;flex-shrink:0}.file-copy-button:hover{background:#e1ebcd}.clipboard-help{border-top:1px solid var(--line);padding:15px 0;margin-top:10px;font-size:11px;color:#6d785b;line-height:1.6}.clipboard-help summary{cursor:pointer;font-weight:600}.clipboard-help p{margin:10px 0;overflow-wrap:anywhere}@media(max-width:380px){.file-row{gap:6px}.file-type{display:none}.file-copy-button{font-size:9px;padding:7px}}
main{padding-top:32px}.panel-heading .section-title{font-size:13px;letter-spacing:1.4px;font-weight:650}.file-heading-icon svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.text-card-head{gap:10px;flex-wrap:wrap}.text-card-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.shared-text{margin-bottom:0}@media(max-width:650px){main{padding-top:24px}}
.file-preview{display:grid;place-items:center;width:72px;height:56px;flex-shrink:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fafbf7;text-decoration:none}.file-preview:hover{border-color:#92b047}.file-preview img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:650px){.file-row.has-preview{display:grid;grid-template-columns:68px minmax(0,1fr) 30px 30px;gap:8px 10px}.has-preview .file-preview{grid-column:1;grid-row:1 / span 2;width:68px;height:60px}.has-preview .file-info{grid-column:2 / span 3;grid-row:1}.has-preview .file-copy-button{grid-column:2;grid-row:2;justify-self:end}.has-preview .download-button{grid-column:3;grid-row:2}.has-preview .delete-button{grid-column:4;grid-row:2}}
.top-actions{display:flex;align-items:center;gap:10px}@media(max-width:650px){.top-actions{gap:6px}.top-actions .copy-button{padding:7px;font-size:9px}.brand{font-size:16px}.connection{font-size:9px;padding:8px}.join-panel input,.compose textarea{font-size:16px}.topbar{gap:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}