:root{--db-bg:#faf9f6;--db-surface:#fff;--db-pasteboard:#f1f4f6;--db-stage:#e8ecef;--db-ink:#233c4b;--db-muted:#64748b;--db-border:#e4e8ec;--db-control-border:#8795a1;--db-primary:#2176ae;--db-primary-hover:#1a648f;--db-primary-pressed:#155675;--db-selected:#e8f3fa;--db-hover:#f3f6f8;--db-sage:#9caf91;--db-peach:#f0d0ab;--db-success:#3d6b4f;--db-success-bg:#eef4ea;--db-warning:#a76518;--db-warning-bg:#fff5e6;--db-danger:#b84a40;--db-danger-bg:#fff0ee;--db-guide-trim:#233c4b;--db-guide-margin:#d946ef;--db-guide-bleed:#06b6d4;--db-selection:#2196f3;--db-content-bounds:#e58c30;--db-radius-control:6px;--db-radius-panel:10px;--db-radius-dialog:12px;--db-space-1:4px;--db-space-2:8px;--db-space-3:12px;--db-space-4:16px;--db-space-6:24px;--db-space-8:32px;--db-titlebar:56px;--db-menubar:32px;--db-contextbar:44px;--db-statusbar:28px;--db-toolrail:48px;--db-panel-left:248px;--db-panel-right:304px;--db-font-ui:"Noto Sans KR",ui-sans-serif,system-ui,-apple-system,"Malgun Gothic",sans-serif;--db-font-serif:"Noto Serif KR",ui-serif,Georgia,"Apple SD Gothic Neo",serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--db-font-ui);color:var(--db-ink);background:var(--db-bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}a{color:var(--db-primary);text-decoration:none}:focus-visible{outline:2px solid var(--db-primary);outline-offset:1px}.btn{align-items:center;gap:var(--db-space-2);height:36px;padding:0 var(--db-space-4);border:1px solid var(--db-border);border-radius:var(--db-radius-control);background:var(--db-surface);color:var(--db-ink);white-space:nowrap;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--db-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--db-primary);border-color:var(--db-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--db-primary-hover)}.btn-danger{border-color:var(--db-danger);color:var(--db-danger)}.btn-danger:hover:not(:disabled){background:var(--db-danger-bg)}.btn-sm{height:30px;padding:0 var(--db-space-3);font-size:13px}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--db-hover)}.field{height:32px;padding:0 var(--db-space-2);border:1px solid var(--db-control-border);border-radius:var(--db-radius-control);background:var(--db-surface);width:100%}.field:focus{border-color:var(--db-primary);box-shadow:0 0 0 2px var(--db-selected);outline:none}select.field{padding-right:var(--db-space-1)}.panel{background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius-panel)}.muted{color:var(--db-muted)}.hint{color:var(--db-muted);font-size:12px}.tag{border-radius:999px;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.tag-ok{background:var(--db-success-bg);color:var(--db-success)}.tag-warn{background:var(--db-warning-bg);color:var(--db-warning)}.tag-danger{background:var(--db-danger-bg);color:var(--db-danger)}.scrim{padding:var(--db-space-6);z-index:80;background:#233c4b52;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--db-surface);border-radius:var(--db-radius-dialog);max-height:92vh;overflow:auto;box-shadow:0 24px 64px #233c4b3d}.app-header{align-items:center;gap:var(--db-space-4);height:72px;padding:0 var(--db-space-8);background:var(--db-surface);border-bottom:1px solid var(--db-border);display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.library{max-width:1240px;padding:56px var(--db-space-8) 80px;margin:0 auto}.library h1{letter-spacing:-.02em;margin:0 0 var(--db-space-6);font-size:34px;font-weight:700}.start-cards{gap:var(--db-space-4);grid-template-columns:1fr 1fr;display:grid}.start-card{align-items:center;gap:var(--db-space-4);text-align:left;padding:var(--db-space-6);border:1px solid var(--db-border);border-radius:var(--db-radius-panel);background:var(--db-surface);width:100%;display:flex}.start-card:hover{border-color:var(--db-primary);background:var(--db-hover)}.start-card.accent{background:#f2f8fc;border-color:#cfe4f2}.start-card .t{font-size:17px;font-weight:700}.start-card .d{color:var(--db-muted);margin-top:2px;font-size:13px}.book-grid{gap:var(--db-space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.book-card{border:1px solid var(--db-border);border-radius:var(--db-radius-panel);background:var(--db-surface);overflow:hidden}.book-thumb{aspect-ratio:4/3;background:var(--db-pasteboard);border-bottom:1px solid var(--db-border);justify-content:center;align-items:center;display:flex;overflow:hidden}.book-card .body{padding:var(--db-space-3) var(--db-space-4) var(--db-space-4)}.editor{background:var(--db-bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.titlebar{height:var(--db-titlebar);align-items:center;gap:var(--db-space-3);padding:0 var(--db-space-4);background:var(--db-surface);border-bottom:1px solid var(--db-border);flex:none;display:flex}.menubar{height:var(--db-menubar);padding:0 var(--db-space-2);background:var(--db-surface);border-bottom:1px solid var(--db-border);flex:none;align-items:stretch;display:flex}.menubar .menu-label{border-radius:4px;padding:0 12px;font-size:13px}.menubar .menu-label:hover,.menubar .menu-label[data-open="1"]{background:var(--db-hover)}.contextbar{height:var(--db-contextbar);align-items:center;gap:var(--db-space-3);padding:0 var(--db-space-3);background:var(--db-surface);border-bottom:1px solid var(--db-border);flex:none;display:flex;overflow:auto hidden}.workarea{flex:1;min-height:0;display:flex}.toolrail{width:var(--db-toolrail);align-items:center;gap:var(--db-space-1);padding:var(--db-space-2) 0;background:var(--db-surface);border-right:1px solid var(--db-border);flex-direction:column;flex:none;display:flex}.tool{border-radius:var(--db-radius-control);width:36px;height:36px;color:var(--db-muted);justify-content:center;align-items:center;display:flex}.tool:hover{background:var(--db-hover);color:var(--db-ink)}.tool[data-on="1"]{background:var(--db-primary);color:#fff}.panel-left{width:var(--db-panel-left);background:var(--db-surface);border-right:1px solid var(--db-border);flex-direction:column;flex:none;min-height:0;display:flex}.panel-right{width:var(--db-panel-right);background:var(--db-surface);border-left:1px solid var(--db-border);flex-direction:column;flex:none;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--db-border);flex:none;display:flex}.tabs button{height:40px;color:var(--db-muted);border-bottom:2px solid #0000;flex:1;font-size:13px;font-weight:500}.tabs button[data-on="1"]{color:var(--db-primary);border-bottom-color:var(--db-primary)}.panel-body{min-height:0;padding:var(--db-space-3);flex:1;overflow:auto}.panel-section{padding:var(--db-space-3) 0;border-top:1px solid var(--db-border)}.panel-section:first-child{border-top:none;padding-top:0}.panel-title{color:var(--db-muted);margin-bottom:var(--db-space-2);font-size:12px;font-weight:700}.stage{background:var(--db-stage);flex:1;min-width:0;position:relative;overflow:auto}.statusbar{height:var(--db-statusbar);align-items:center;gap:var(--db-space-3);padding:0 var(--db-space-4);color:var(--db-muted);background:var(--db-surface);border-top:1px solid var(--db-border);flex:none;font-size:12px;display:flex}.num{align-items:center;gap:6px;display:flex}.num label{color:var(--db-muted);font-size:12px}.num input{text-align:right;width:76px}.layer-row{align-items:center;gap:var(--db-space-2);height:34px;padding:0 var(--db-space-2);border-radius:var(--db-radius-control);font-size:13px;display:flex}.layer-row:hover{background:var(--db-hover)}.layer-row[data-on="1"]{background:var(--db-selected)}.layer-row[draggable=true]{cursor:grab}.layer-row[data-dragging="1"]{opacity:.4}.layer-drop{height:0;position:relative}.layer-drop[data-on="1"]:after{content:"";background:var(--db-primary);border-radius:2px;height:2px;position:absolute;top:-1px;left:4px;right:4px}.layer-page[data-on="1"]{outline:2px solid var(--db-primary);outline-offset:2px;border-radius:6px}.thumb-item{width:100%;padding:var(--db-space-2) 0;text-align:center}.thumb-frame{background:var(--db-surface);border:2px solid #0000;border-radius:4px;width:100%;display:block;overflow:hidden}.thumb-item[data-on="1"] .thumb-frame{border-color:var(--db-primary)}.thumb-label{color:var(--db-muted);margin-top:4px;font-size:12px}.dropdown{z-index:90;min-width:200px;padding:var(--db-space-1);background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius-panel);position:absolute;box-shadow:0 12px 32px #233c4b2e}.dropdown button{align-items:center;gap:var(--db-space-2);width:100%;height:32px;padding:0 var(--db-space-2);text-align:left;border-radius:4px;font-size:13px;display:flex}.dropdown button:hover:not(:disabled){background:var(--db-hover)}.dropdown button:disabled{opacity:.4;cursor:not-allowed}.dropdown .sep{height:1px;margin:var(--db-space-1) 0;background:var(--db-border)}.dropdown .shortcut{color:var(--db-muted);margin-left:auto;font-size:11px}.handle{border:1.5px solid var(--db-selection);z-index:3;background:#fff;border-radius:2px;width:9px;height:9px;position:absolute}.handle.content{border-color:var(--db-content-bounds)}@media (max-width:900px){.start-cards{grid-template-columns:1fr}.library{padding:32px var(--db-space-4) 64px}.library h1{font-size:26px}}@keyframes db-spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite db-spin}