:root{color:#1b1c1e;font-synthesis:none;background:#ebece8;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #c8cac4;border-radius:8px;padding:9px 12px}button:hover:not(:disabled){background:#f3f3ef}button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#fff;background:#1b1c1e;border-color:#1b1c1e}.primary:hover:not(:disabled){background:#34363a}.login-shell{background:radial-gradient(circle at 20% 0,#fff 0,#ebece8 56%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #d9dad5;border-radius:18px;gap:18px;width:min(420px,100%);padding:36px;display:grid;box-shadow:0 18px 55px #25271f18}.login-card h1,.login-card p{margin:0}.login-card p{color:#6d7069}.login-card label{gap:7px;font-weight:600;display:grid}.login-card input{border:1px solid #c8cac4;border-radius:8px;padding:11px 12px}.brand-mark{color:#fff;background:#1b1c1e;border-radius:10px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.alert,.error-banner{color:#871d1d;background:#fff0ef;border:1px solid #f0c7c4;border-radius:8px;padding:11px 13px}.app-shell{grid-template:58px 1fr/244px 1fr;min-height:100vh;display:grid}.topbar{color:#fff;background:#1b1c1e;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.topbar div{align-items:center;gap:14px;display:flex}.topbar span{color:#bfc1bb;font-size:13px}.topbar button{color:#fff;background:0 0;border-color:#55575b;padding:6px 10px}.presence{border-right:1px solid #4e5053;padding-right:8px;gap:0!important}.presence i{color:#fff;border:2px solid #1b1c1e;border-radius:50%;place-items:center;width:27px;height:27px;margin-left:-6px;font-size:12px;font-style:normal;font-weight:700;display:grid}.presence i:first-child{margin-left:0}.presence span{margin-left:8px}.sidebar{background:#f7f7f3;border-right:1px solid #d3d5cf;padding:18px 12px}.sidebar h2{margin:0 8px 12px;font-size:15px}.sidebar>button{text-align:left;background:0 0;border-color:#0000;gap:4px;width:100%;margin-bottom:6px;display:grid}.sidebar>button.active{background:#dedfd9}.sidebar small{color:#777a73}.publish-card{border-top:1px solid #d3d5cf;gap:10px;margin-top:24px;padding:18px 8px;display:grid}.publish-card p{color:#6d7069;margin:0;font-size:13px;line-height:1.45}.publish-card small{overflow-wrap:anywhere}.workspace{min-width:0}.toolbar{z-index:20;background:#fff;border-bottom:1px solid #d3d5cf;flex-wrap:wrap;align-items:center;gap:7px;min-height:58px;padding:9px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #2221}.toolbar-spacer{flex:1}.status{color:#5c6358;white-space:nowrap;font-size:13px}.status.dirty{color:#946400}.toolbar-divider{background:#dedfd9;align-self:stretch;width:1px;min-height:28px}.toolbar-select{background:#fff;border:1px solid #c8cac4;border-radius:8px;max-width:205px;padding:9px 30px 9px 10px}.danger-button:not(:disabled){color:#9d2020}.active-tool{color:#fff;background:#2c65d8;border-color:#2c65d8}.active-tool:hover:not(:disabled){background:#2458bd}.page-color{align-items:center;gap:5px;font-size:13px;display:flex}.page-color input{border:1px solid #ccc;border-radius:7px;width:34px;height:34px;padding:2px}.properties{z-index:19;background:#f7f7f3;border-bottom:1px solid #d3d5cf;flex-wrap:wrap;align-items:center;gap:9px;padding:8px 16px;display:flex;position:relative}.properties label{align-items:center;gap:6px;font-size:13px;display:flex}.properties input[type=number]{width:72px;padding:7px}.properties input[type=color]{border:1px solid #ccc;width:38px;height:34px;padding:2px}.properties select{background:#fff;border:1px solid #c8cac4;border-radius:7px;padding:7px}.conflict-banner{background:#fff7dc;border:1px solid #e7ce74;border-radius:8px;align-items:center;gap:12px;margin:12px 16px 0;padding:11px 13px;display:flex}.conflict-banner span{flex:1}.error-banner{margin:12px 16px 0}.pages-list{justify-items:center;gap:18px;padding:22px;display:grid}.pdf-page-wrap{width:min(1120px,100%);position:relative}.page-label{color:#777a73;font-size:12px;position:absolute;top:0;right:calc(100% + 8px)}.pdf-page{background:#fff;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 22px #24261e20}.pdf-page canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.editor-item{z-index:2;min-width:16px;min-height:16px;position:absolute}.editor-item.selected{outline-offset:1px;outline:2px solid #2c65d8}.editor-item textarea,.editor-item img,.editor-item .cover,.editor-item .page-background,.editor-item .shape{resize:none;border:0;width:100%;height:100%;margin:0;padding:4px;position:absolute;inset:0;overflow:hidden}.editor-item textarea{line-height:1.15}.editor-item img{pointer-events:none;padding:0}.item-page-background{z-index:1}.shape{pointer-events:none}.shape-rectangle{background:var(--shape-fill);border:var(--shape-width) var(--shape-style) var(--shape-stroke)!important}.shape-ellipse{background:var(--shape-fill);border-radius:50%;border:var(--shape-width) var(--shape-style) var(--shape-stroke)!important}.shape-line{border-top:var(--shape-width) var(--shape-style) var(--shape-stroke)!important;height:0!important;top:50%!important}.drag-surface{z-index:2;position:absolute;inset:0}.item-text .drag-surface{background:0 0;height:12px;bottom:auto}.resize-handle{z-index:3;background:#2c65d8;border:2px solid #fff;border-radius:50%;width:15px;height:15px;padding:0;position:absolute;bottom:-7px;right:-7px}.empty-state{color:#62655f;place-items:center;min-height:100vh;display:grid}.dialog-backdrop{z-index:100;background:#10110e99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:16px;width:min(760px,100%);max-height:min(760px,92vh);padding:22px;overflow:auto;box-shadow:0 24px 80px #0005}.dialog header{justify-content:space-between;align-items:start;gap:20px;display:flex}.dialog h2,.dialog h3,.dialog p{margin:0}.dialog header p{color:#74776f;margin-top:4px}.user-list,.history-list{gap:7px;margin:20px 0;display:grid}.user-list>div,.history-list>button{text-align:left;border-bottom:1px solid #e3e4df;align-items:center;gap:12px;padding:11px;display:grid}.user-list>div{grid-template-columns:1fr 1.5fr auto auto}.history-list>button{grid-template-columns:1fr 1.5fr auto}.user-list span,.user-list small,.history-list span,.history-list small{color:#6d7069}.user-delete{color:#9d2020;border-color:#e5bcbc}.user-form{border-top:1px solid #ddd;grid-template-columns:1fr 1fr;gap:10px;padding-top:18px;display:grid}.user-form h3{grid-column:1/-1}.user-form input,.user-form select{border:1px solid #c8cac4;border-radius:8px;min-width:0;padding:10px}@media (width<=800px){.app-shell{grid-template:58px auto 1fr/1fr}.sidebar{border-bottom:1px solid #ddd;border-right:0;gap:6px;display:flex;overflow-x:auto}.sidebar h2,.publish-card{display:none}.sidebar>button{min-width:150px;margin:0}.toolbar{flex-wrap:wrap}.page-label{display:none}.pages-list{padding:10px}}