:root{--bg:#eff8f3;--panel:#fff;--text:#12231e;--muted:#64736e;--line:#d5e2dc;--accent:#176b58;--accent2:#24a17f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:14px/1.45 Manrope,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}html[data-theme=dark]{--bg:#101715;--panel:#18211e;--text:#edf7f3;--muted:#9baba5;--line:#34423d;--accent:#51c9a7;--accent2:#51c9a7}button,input,select,textarea{font:inherit}#topbar{height:58px;display:flex;align-items:center;gap:13px;padding:0 18px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand img{display:block}.tagline{color:var(--muted);white-space:nowrap}.suite-nav{display:flex;gap:12px;align-items:center;overflow:hidden}.suite-nav a{color:var(--muted);text-decoration:none;white-space:nowrap}.suite-nav a.current{color:var(--accent);font-weight:800}.spacer{flex:1}.btn{border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:8px 12px;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:750}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.icon{width:37px;height:37px;padding:8px}.suite-theme-icon{width:19px;height:19px;stroke:currentColor;stroke-width:2}.wide{width:100%}#app{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 58px)}#controls{padding:24px 18px;background:var(--panel);border-right:1px solid var(--line)}#controls h2{font-size:17px;margin:0 0 5px}.muted{color:var(--muted);font-size:13px}.check{display:flex;gap:8px;margin:24px 0 4px;font-weight:650}#viewer{position:relative;min-width:0;padding:28px;overflow:auto}.drop-card{max-width:610px;margin:12vh auto 0;display:block;text-align:center;padding:56px 36px;border:2px dashed #9cc7b9;border-radius:20px;background:var(--panel);cursor:pointer}.drop-card svg{color:var(--accent2)}.drop-card h1{font-size:31px;margin:16px 0 8px}.drop-card p{font-size:16px;color:var(--muted);max-width:480px;margin:auto}.drop-card span{color:var(--accent);font-weight:750}.drop-card.drag{border-color:var(--accent);transform:translateY(-2px)}#pages{display:flex;flex-direction:column;align-items:center;gap:24px}.page{position:relative;background:#fff;box-shadow:0 5px 24px #0b241a24}.page canvas{display:block;width:100%;height:100%}.field-layer{position:absolute;top:0;right:0;bottom:0;left:0}.pdf-field{position:absolute;margin:0;border:1px solid #1687d9;background:#eff8ffdc;color:#0f172a;border-radius:2px;padding:1px 3px;outline:none;min-width:2px;min-height:2px}.pdf-field:focus{border:2px solid #0874c4;background:#fff;box-shadow:0 0 0 3px #1687d933}.pdf-field[type=checkbox],.pdf-field[type=radio]{padding:0;accent-color:#0874c4}.pdf-field.changed{background:#fff7c7dc;border-color:#b58a00}textarea.pdf-field{resize:none}#notice{max-width:720px;margin:0 auto 20px;padding:12px 16px;background:#fff6d5;border:1px solid #dbc56d;border-radius:10px;color:#5e4c08}.spinner{width:24px;height:24px;border:3px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#07140dc0;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700}#loading[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}#toasts{position:fixed;right:18px;bottom:18px;z-index:110}.toast{background:#17241f;color:#fff;border-radius:10px;padding:11px 15px;margin-top:8px;box-shadow:0 8px 25px #0004}.toast.error{background:#9f2d2d}@media(max-width:900px){.suite-nav,.tagline{display:none}#app{display:block}#controls{border:0;border-bottom:1px solid var(--line);padding:12px 18px}#viewer{padding:16px}.drop-card{margin-top:8vh;padding:40px 22px}}#app:has(#controls[hidden]){grid-template-columns:minmax(0,1fr)}#empty-state{width:100%}.drop-card{width:min(610px,calc(100% - 32px))}