:root{color-scheme:light;--bg:#f4f5f7;--card:#fff;--text:#15171a;--muted:#727780;--line:#e2e5e9;--shadow:0 10px 30px rgba(20,28,40,.06);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100dvh}.shell{width:min(100%,980px);margin:0 auto;padding:24px 18px max(36px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.eyebrow{font-size:.67rem;letter-spacing:.16em;font-weight:850;color:#758196}.topbar h1{font-size:1.85rem;line-height:1;margin:6px 0 8px;letter-spacing:-.035em}.topbar p{margin:0;color:var(--muted);font-size:.9rem}.icon-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--card);font-size:1.35rem;box-shadow:var(--shadow)}.tabs{display:flex;width:300px;max-width:100%;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--card);margin:0 0 20px}.tab{flex:1;border:0;border-radius:10px;background:transparent;padding:10px 12px;font-weight:780;color:var(--muted)}.tab.active{background:var(--text);color:#fff}.tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:99px;background:rgba(128,128,128,.16);font-size:.7rem;margin-left:4px}.panel{display:none}.panel.active{display:grid;gap:18px}.card{border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.composer{padding:16px}.composer textarea{display:block;width:100%;min-height:240px;max-height:55dvh;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:15px;background:#fafbfc;color:var(--text);font:500 1rem/1.55 inherit;outline:none}.composer textarea:focus{border-color:#a8b1bd;box-shadow:0 0 0 3px rgba(80,100,130,.1)}.actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:12px}button.primary,button.secondary{min-height:40px;border-radius:11px;padding:9px 15px;font-weight:780;border:1px solid var(--line)}button.primary{background:var(--text);color:#fff;border-color:var(--text)}button.secondary{background:var(--card);color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2{font-size:1rem;margin:0}.section-head>span{min-width:28px;height:28px;display:grid;place-items:center;border-radius:99px;background:rgba(128,128,128,.12);font-size:.78rem;font-weight:800;color:var(--muted)}.list{display:grid;gap:10px}.item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:var(--card)}.item-copy{min-width:0}.item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem}.item pre{white-space:pre-wrap;word-break:break-word;margin:6px 0;color:#41464e;font:500 .86rem/1.4 inherit;max-height:100px;overflow:hidden}.item small{color:var(--muted);font-size:.72rem}.copy-btn{border:1px solid var(--line);background:#f8f9fa;border-radius:10px;padding:8px 11px;font-weight:750}.file-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f0f2f5;font-size:1.15rem}.file-item{grid-template-columns:40px minmax(0,1fr)}.upload-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}.upload-card strong{font-size:.95rem}.upload-card p{margin:5px 0 0;color:var(--muted);font-size:.8rem}.empty{margin:0;padding:18px;border:1px dashed #d6d9de;border-radius:14px;text-align:center;color:var(--muted);background:rgba(255,255,255,.55);font-size:.84rem}.status{position:sticky;bottom:max(12px,env(safe-area-inset-bottom));margin:18px auto 0;width:max-content;max-width:100%;padding:9px 13px;border-radius:99px;background:#202226;color:#fff;font-size:.76rem;box-shadow:0 8px 25px rgba(0,0,0,.18);opacity:.92}.status.error{background:#9f2f35}@media(max-width:620px){.shell{padding:18px 12px max(28px,env(safe-area-inset-bottom))}.topbar h1{font-size:1.55rem}.tabs{width:100%}.composer{padding:12px}.composer textarea{min-height:210px}.actions>button{flex:1 1 105px}.item{grid-template-columns:1fr}.copy-btn{justify-self:start}.upload-card{align-items:flex-start;flex-direction:column}.upload-card button{width:100%}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#111214;--card:#1b1d20;--text:#f1f3f5;--muted:#a0a5ad;--line:#30343a}.composer textarea{background:#16181b}.item pre{color:#d2d5da}.copy-btn,.file-icon{background:#23262a}.empty{background:rgba(255,255,255,.025);border-color:#343840}}