.db{--db-bg: var(--white);--db-bg-card: var(--bgLightGray);--db-bg-input: var(--lightGray);--db-border: var(--darkGray);--db-border-focus: var(--purple);--db-text: var(--black);--db-text-muted: var(--lessDark);--db-text-faint: var(--gray);--db-accent: var(--purple);--db-danger: var(--danger);--db-radius: 12px;--db-radius-sm: 8px;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--db-bg);color:var(--db-text)}.db-btn-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:var(--db-radius-sm);background:var(--db-accent);color:var(--onAccent);font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .18s}.db-btn-primary:hover:not(:disabled){opacity:.88}.db-btn-primary:disabled{opacity:.5;cursor:not-allowed}.db-btn-ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--db-border);border-radius:var(--db-radius-sm);background:var(--db-bg-card);color:var(--db-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .18s,color .18s}.db-btn-ghost:hover{border-color:var(--db-text-muted);color:var(--db-text)}.db-btn-danger{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:var(--db-radius-sm);background:var(--db-danger);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .18s}.db-btn-danger:hover{opacity:.88}.db-btn-continue{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .65rem;border:1.5px solid var(--db-accent);border-radius:var(--db-radius-sm);background:transparent;color:var(--db-accent);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s;white-space:nowrap}.db-btn-continue:hover{background:var(--db-accent);color:#fff}.db-list__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem 0}.db-list__title{font-size:1.25rem;font-weight:700;color:var(--db-text);margin:0 0 .2rem}.db-list__count{font-size:.8125rem;color:var(--db-text-muted);margin:0}.db-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;padding:1.25rem 1.5rem}.db-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:var(--db-radius);background:var(--db-bg-card);border:1px solid var(--db-border);cursor:pointer;transition:border-color .2s,box-shadow .2s;position:relative}.db-card:hover{border-color:var(--db-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--db-accent) 15%,transparent)}.db-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.db-card__name{font-size:.9375rem;font-weight:600;color:var(--db-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.db-card__type{font-size:.75rem;color:var(--db-text-faint);margin-top:2px}.db-card__prompt{font-size:.8125rem;color:var(--db-text-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.db-card__footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--db-border);padding-top:.6rem;margin-top:auto}.db-card__pages{font-size:.75rem;color:var(--db-text-faint)}.db-card__delete{font-size:.75rem;padding:.25rem .5rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--db-text-faint);cursor:pointer;opacity:0;transition:opacity .15s,color .15s,border-color .15s}.db-card:hover .db-card__delete{opacity:1}.db-card__delete:hover{color:var(--db-danger);border-color:var(--db-danger)}.db-badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:99px;font-size:.6875rem;font-weight:600;white-space:nowrap;flex-shrink:0}.db-badge--pending{background:color-mix(in srgb,var(--gray) 22%,transparent);color:var(--db-text-muted)}.db-badge--generating{background:color-mix(in srgb,var(--db-accent) 18%,transparent);color:var(--db-accent)}.db-badge--ready{background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green)}.db-badge--failed{background:color-mix(in srgb,var(--db-danger) 18%,transparent);color:var(--db-danger)}.db-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;text-align:center;color:var(--db-text-muted)}.db-empty__icon{font-size:2.5rem;opacity:.4}.db-empty__text{font-size:.875rem;max-width:280px}.db-modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.db-modal{background:var(--db-bg);border:1px solid var(--db-border);border-radius:var(--db-radius);padding:1.5rem;max-width:360px;width:calc(100% - 2rem);box-shadow:0 8px 40px #0000002e}.db-modal__title{font-size:1rem;font-weight:700;color:var(--db-text);margin:0 0 .5rem}.db-modal__body{font-size:.875rem;color:var(--db-text-muted);margin:0 0 1.25rem}.db-modal__body strong{color:var(--db-text)}.db-modal__actions{display:flex;gap:.75rem}.db-modal__actions>button{flex:1}.db-form{max-width:640px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.db-form__header h2{font-size:1.25rem;font-weight:700;color:var(--db-text);margin:0 0 .25rem}.db-form__header p{font-size:.8125rem;color:var(--db-text-muted);margin:0}.db-field{display:flex;flex-direction:column;gap:.375rem}.db-label{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--db-text-muted)}.db-label span{font-weight:400;text-transform:none;letter-spacing:0;color:var(--db-text-faint)}.db-input,.db-textarea,.db-select{width:100%;padding:.6rem .875rem;border:1px solid var(--db-border);border-radius:var(--db-radius-sm);background:var(--db-bg-input);color:var(--db-text);font-size:.875rem;box-sizing:border-box;transition:border-color .18s,box-shadow .18s}.db-input::-moz-placeholder,.db-textarea::-moz-placeholder{color:var(--db-text-faint)}.db-input::placeholder,.db-textarea::placeholder{color:var(--db-text-faint)}.db-input:focus,.db-textarea:focus,.db-select:focus{outline:none;border-color:var(--db-border-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--db-border-focus) 20%,transparent)}.db-textarea{resize:none}.db-hint{font-size:.75rem;color:var(--db-text-faint)}.db-toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.db-toggle-btn{padding:.5rem .75rem;border-radius:var(--db-radius-sm);border:1px solid var(--db-border);background:var(--db-bg-input);color:var(--db-text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s;text-align:center}.db-toggle-btn:hover{border-color:var(--db-accent);color:var(--db-text)}.db-toggle-btn--active{border-color:var(--db-accent);background:color-mix(in srgb,var(--db-accent) 10%,var(--db-bg-input));color:var(--db-accent);font-weight:600}.db-template-row{display:flex;flex-wrap:wrap;gap:.5rem}.db-template-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:var(--db-radius-sm);border:1px solid var(--db-border);background:var(--db-bg-input);color:var(--db-text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.db-template-btn:hover,.db-template-btn--active{border-color:var(--db-accent);color:var(--db-text)}.db-form__actions{display:flex;gap:.75rem;padding-top:.5rem}.db-form__actions>button{flex:1}.db-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;min-height:60vh;padding:2rem;text-align:center}.db-progress__icon{width:5rem;height:5rem;border-radius:1.25rem;border:1px solid var(--db-border);background:var(--db-bg-card);display:flex;align-items:center;justify-content:center;font-size:2rem}.db-progress__title{font-size:1.125rem;font-weight:700;color:var(--db-text);margin:0 0 .25rem}.db-progress__doc{font-size:.8125rem;color:var(--db-text-muted);margin:0}.db-progress__bar-wrap{width:100%;max-width:320px;display:flex;flex-direction:column;gap:.5rem}.db-progress__bar-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--db-text-muted)}.db-progress__bar-track{width:100%;height:6px;border-radius:99px;background:var(--db-border);overflow:hidden}.db-progress__bar-fill{height:100%;border-radius:99px;background:var(--db-accent);transition:width .5s ease}.db-progress__pct{font-size:.75rem;color:var(--db-text-faint)}.db-progress__error{background:color-mix(in srgb,var(--db-danger) 10%,var(--db-bg));border:1px solid color-mix(in srgb,var(--db-danger) 30%,transparent);border-radius:var(--db-radius-sm);padding:.75rem 1rem;font-size:.875rem;color:var(--db-danger);max-width:320px}.db-progress__cancel{font-size:.75rem;color:var(--db-text-faint);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.db-progress__cancel:hover{color:var(--db-text-muted)}.db-editor-toolbar{position:fixed;top:0;left:9rem;right:20rem;height:40px;display:flex;align-items:center;gap:.25rem;padding:0 .75rem;border-bottom:1px solid var(--db-border);background:var(--db-bg-card);z-index:20;overflow:visible}.db-editor-toolbar__icon-btn{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;min-width:28px!important;width:auto!important;height:28px!important;padding:0 6px!important;border-radius:6px!important;color:var(--db-text-muted);background:transparent;cursor:pointer;transition:background .15s,color .15s,min-width .2s;flex-shrink:0;white-space:nowrap;overflow:visible!important}.db-editor-toolbar__icon-btn:hover{background:var(--db-bg-input)!important;color:var(--db-text)!important}.db-editor-toolbar__icon-btn.Active{background:color-mix(in srgb,var(--db-accent) 15%,transparent)!important;color:var(--db-accent)!important}.db-editor-toolbar__icon-btn.ShowTextOnHover{overflow:visible!important}.db-editor-toolbar__divider{width:1px;height:16px;background:var(--db-border);flex-shrink:0;margin:0 .15rem}.db-editor-toolbar__select{height:26px;padding:0 .4rem;font-size:.7rem;border-radius:5px;border:1px solid var(--db-border);background:var(--db-bg-input);color:var(--db-text-muted);cursor:pointer;outline:none;flex-shrink:0}.db-editor-toolbar__select:hover{border-color:var(--db-accent);color:var(--db-text)}.db-arrange-suggestion{position:fixed;top:40px;left:9rem;right:20rem;height:36px;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1rem;background:color-mix(in srgb,var(--db-accent) 10%,var(--db-bg-card));border-bottom:1px solid color-mix(in srgb,var(--db-accent) 25%,transparent);z-index:19;animation:db-arrange-suggestion-in .2s ease-out}@keyframes db-arrange-suggestion-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.db-arrange-suggestion__text{font-size:.75rem;color:var(--db-text-muted)}.db-arrange-suggestion__actions{display:flex;gap:.5rem}.db-arrange-suggestion__btn{height:24px;padding:0 .75rem;border-radius:5px;font-size:.7rem;font-weight:500;border:none;cursor:pointer;transition:background .15s}.db-arrange-suggestion__btn--yes{background:var(--db-accent);color:#fff}.db-arrange-suggestion__btn--yes:hover{background:color-mix(in srgb,var(--db-accent) 80%,black)}.db-arrange-suggestion__btn--no{background:var(--db-bg-input);color:var(--db-text-muted);border:1px solid var(--db-border)}.db-arrange-suggestion__btn--no:hover{background:var(--db-bg-hover);color:var(--db-text)}.db-editor{display:flex;flex:1;min-height:0;overflow:hidden}.db-sidebar{width:9rem;flex-shrink:0;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;border-right:1px solid var(--db-border);background:var(--db-bg-card);padding:.75rem .5rem;display:flex;flex-direction:column;gap:.5rem;z-index:10}.db-sidebar--left{left:0}.db-sidebar--right{width:20rem;left:auto;right:0;border-right:none;border-left:1px solid var(--db-border)}.db-sidebar__thumb{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem;border-radius:var(--db-radius-sm);border:1px solid var(--db-border);cursor:pointer;background:var(--db-bg);transition:border-color .15s,background .15s}.db-sidebar__thumb:hover{border-color:var(--db-text-muted)}.db-sidebar__thumb--active{border-color:var(--db-accent);background:color-mix(in srgb,var(--db-accent) 8%,var(--db-bg))}.db-sidebar__thumb--overflow{border-color:#f97316}.db-sidebar__thumb-preview{width:100%;aspect-ratio:210 / 297;border-radius:4px;background:#80808014;display:flex;flex-direction:column;padding:6px;gap:4px;position:relative;overflow:hidden;--thumb-card-bg: rgba(10, 10, 10, .18);--thumb-card-border: rgba(255, 255, 255, .08);--thumb-label: rgba(17, 24, 39, .85);--thumb-snippet: rgba(17, 24, 39, .6);--thumb-empty-border: rgba(17, 24, 39, .2);--thumb-empty-text: rgba(17, 24, 39, .45)}.db-sidebar__thumb-preview--dark{background:linear-gradient(140deg,#10131fd9,#090c16eb);--thumb-card-bg: rgba(255, 255, 255, .08);--thumb-card-border: rgba(255, 255, 255, .12);--thumb-label: rgba(237, 242, 255, .92);--thumb-snippet: rgba(205, 215, 240, .75);--thumb-empty-border: rgba(255, 255, 255, .18);--thumb-empty-text: rgba(210, 219, 245, .7)}.db-sidebar__thumb-preview--dark:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 35% -20%,rgba(99,102,241,.22),transparent 65%)}.db-sidebar__thumb-preview--light{background:linear-gradient(140deg,#f8faffe6,#e8ebf9f2)}.db-sidebar__thumb-list{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow:hidden;position:relative}.db-sidebar__thumb-row{display:grid;grid-template-columns:18px 1fr;gap:4px;align-items:flex-start;background:var(--thumb-card-bg);border-radius:6px;padding:5px 6px;border:1px solid var(--thumb-card-border);box-shadow:0 6px 16px #0f121c26}.db-sidebar__thumb-icon{font-size:.75rem;opacity:.85;line-height:1;display:flex;align-items:center;justify-content:center}.db-sidebar__thumb-text{display:flex;flex-direction:column;gap:2px;min-width:0}.db-sidebar__thumb-label{font-size:.7rem;font-weight:600;color:var(--thumb-label);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-sidebar__thumb-snippet{font-size:.6rem;color:var(--thumb-snippet);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-sidebar__thumb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;border-radius:6px;border:1px dashed var(--thumb-empty-border);color:var(--thumb-empty-text);font-size:.65rem}.db-sidebar__thumb-empty span:first-child{font-size:1rem}.db-sidebar__thumb-more{position:absolute;bottom:6px;right:6px;padding:2px 6px;border-radius:999px;font-size:.625rem;font-weight:600;background:#6366f12e;color:#111827b3;border:1px solid rgba(99,102,241,.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.db-sidebar__thumb-preview--dark .db-sidebar__thumb-more{background:#94a3ff47;color:#edf2ffdb;border-color:#94a3ff73}.db-sidebar__thumb-flag{position:absolute;top:4px;right:6px;font-size:.75rem;line-height:1}.db-sidebar__page-num{font-size:.6875rem;color:var(--db-text-faint)}.db-canvas-area{flex:1;margin-left:9rem;margin-right:20rem;margin-top:40px;position:relative;overflow:hidden;padding:0;background:var(--db-bg);min-width:0;display:flex;flex-direction:column}.db-loading-overlay{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e233cc7,#080910e0),#080910e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.db-loading-overlay__content{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:260px;padding:2.75rem 3.25rem;border-radius:1.25rem;background:linear-gradient(160deg,#202642e0,#121521f2) padding-box,linear-gradient(160deg,#8ca0ff73,#181a2699) border-box;border:1px solid transparent;box-shadow:0 24px 60px #0e101aa6,inset 0 1px #ffffff14;color:#f4f7fff5;text-align:center;position:relative}.db-loading-overlay__spinner{width:48px;height:48px;border-radius:999px;border:4px solid rgba(255,255,255,.14);border-top-color:var(--softBlue);animation:db-spin .9s linear infinite;box-shadow:0 0 0 8px #4057be1f,0 0 30px #7482ff52}.db-loading-overlay__text{font-size:1.05rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.db-loading-overlay__hint{margin:0;font-size:.875rem;color:#cdd7f0c7;letter-spacing:.02em}@keyframes db-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.db-canvas-inner-wrapper{flex:1;overflow-y:auto;overflow-x:auto;padding:1.5rem;display:flex;justify-content:center;align-items:flex-start}.db-canvas-area .db-page-wrapper{max-width:100%;overflow:hidden}.db-canvas-inner{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.db-page{border-radius:var(--db-radius);overflow:hidden;border:2px solid var(--db-border);box-shadow:0 2px 12px #0000000f;transition:border-color .18s,box-shadow .18s;cursor:pointer;max-width:100%;box-sizing:border-box}.db-page--active{border-color:var(--db-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--db-accent) 18%,transparent)}.db-page__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid rgba(128,128,128,.12)}.db-page__num{font-size:.6875rem;color:#808080a6}.db-page__title{font-size:.6875rem;color:#808080a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.db-page__body{--db-page-padding: 1.5rem;display:flex;flex-direction:column;gap:1rem;padding:var(--db-page-padding);overflow-x:hidden;overflow-y:auto;position:relative;max-height:calc(100% - 60px);box-sizing:border-box;width:100%}.db-page__body>*{min-width:0;max-width:100%;box-sizing:border-box}.db-page__body.db-page__body--overflow{outline:2px dashed #ef4444;outline-offset:-2px}.db-page__body--overflow:after{content:"⚠️ Content exceeds page bounds";position:fixed;bottom:20px;right:20px;background:#ef4444;color:#fff;padding:8px 16px;border-radius:8px;font-size:.75rem;font-weight:600;z-index:9999;box-shadow:0 4px 12px #ef444466}.db-page__body [contenteditable]{outline:none}.db-page__body [contenteditable]:focus{outline:none}.db-page__empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;opacity:.3}.db-page__add-section{display:flex;justify-content:center;padding:.625rem;border-top:1px solid rgba(128,128,128,.12)}.db-page__add-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--db-accent);background:none;border:none;cursor:pointer;padding:.35rem .625rem;border-radius:6px;transition:background .15s}.db-page__add-btn:hover{background:color-mix(in srgb,var(--db-accent) 10%,transparent)}.db-exporting .db-page__header{display:none!important}.db-exporting .db-page{border:none!important;box-shadow:none!important;cursor:default!important}.db-exporting .db-section__toolbar,.db-exporting .db-page__add-section{display:none!important}.db-section{position:relative;padding-left:36px;transition:outline .15s,background .15s}.db-section:hover{background:#6366f108;border-radius:6px}.db-section__toolbar{position:absolute;top:4px;right:4px;z-index:15;display:none;align-items:center;gap:2px;background:var(--db-bg);border:1px solid var(--db-border);border-radius:8px;padding:2px 4px;box-shadow:0 2px 8px #0000001a}.db-section:hover .db-section__toolbar{display:flex}.db-section__toolbar-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:4px;color:var(--db-text-muted);font-size:.75rem;transition:background .12s,color .12s}.db-section__toolbar-btn:hover{background:var(--db-bg-input);color:var(--db-text)}.db-section__toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.db-section__toolbar-btn--active{color:var(--db-accent)}.db-section__toolbar-btn--drag{cursor:grab;font-size:1rem;letter-spacing:.05em}.db-section__toolbar-btn--drag:active{cursor:grabbing}.db-section__toolbar-btn--danger:hover{color:var(--db-danger);background:color-mix(in srgb,var(--db-danger) 10%,transparent)}.db-page-wrapper--drag-over{position:relative}.db-page-wrapper--drag-over:before{content:"";position:absolute;inset:0;border:3px dashed var(--db-accent);border-radius:12px;background:color-mix(in srgb,var(--db-accent) 8%,transparent);pointer-events:none;z-index:1000}.db-section{transition:box-shadow .2s ease,transform .2s ease}.db-section[data-dragging=true]{opacity:.35;box-shadow:0 4px 20px #00000026}.db-section__drag-handle{position:absolute;left:-36px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:linear-gradient(135deg,var(--db-accent, #6366f1),#8b5cf6);border-radius:6px;cursor:grab;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;z-index:25;opacity:0;transition:opacity .2s,transform .2s,background .2s;box-shadow:0 2px 8px #6366f166}.db-section:hover .db-section__drag-handle{opacity:1}.db-section__drag-handle:hover{transform:translateY(-50%) scale(1.1);background:linear-gradient(135deg,#8b5cf6,#a855f7)}.db-section__drag-handle:active{cursor:grabbing}.db-section--selected .db-section__drag-handle{opacity:1;background:linear-gradient(135deg,var(--db-accent, #6366f1),#8b5cf6)}.db-section--selected{outline:2px solid var(--db-accent, #6366f1);outline-offset:2px;border-radius:6px;background:#6366f10d}.db-section--multi-selected{outline:2px solid #f59e0b;outline-offset:2px;border-radius:6px;background:#f59e0b0a}.db-section--multi-selected .db-section__drag-handle{background:#f59e0b!important;opacity:1}.db-section{position:relative}.db-section__drop-indicator{position:absolute;left:0;right:0;height:3px;background:#3b82f6;z-index:1000;pointer-events:none;box-shadow:0 0 8px #3b82f699;animation:dropIndicatorPulse .8s ease-in-out infinite}@keyframes dropIndicatorPulse{0%,to{opacity:1;box-shadow:0 0 8px #3b82f699}50%{opacity:.7;box-shadow:0 0 12px #3b82f6e6}}.db-section__drop-indicator--before{top:-2px}.db-section__drop-indicator--after{bottom:-2px}.db-add-panel-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(min-width:640px){.db-add-panel-overlay{align-items:center}}.db-add-panel{background:var(--db-bg);border:1px solid var(--db-border);border-radius:16px 16px 0 0;width:100%;max-width:440px;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 -4px 40px #00000026}@media(min-width:640px){.db-add-panel{border-radius:16px}}.db-add-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--db-border)}.db-add-panel__title{font-size:.9375rem;font-weight:600;color:var(--db-text)}.db-add-panel__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--db-bg-input);border-radius:6px;cursor:pointer;font-size:1.125rem;color:var(--db-text-muted);transition:background .12s}.db-add-panel__close:hover{background:var(--db-border)}.db-add-panel__grid{flex:1;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.db-add-panel__item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem;border-radius:var(--db-radius-sm);border:1px solid var(--db-border);background:var(--db-bg-card);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.db-add-panel__item:hover{border-color:var(--db-accent)}.db-add-panel__item--selected{border-color:var(--db-accent);background:color-mix(in srgb,var(--db-accent) 10%,var(--db-bg-card))}.db-add-panel__item-icon{font-size:1.25rem}.db-add-panel__item-label{font-size:.75rem;font-weight:600;color:var(--db-text)}.db-add-panel__item-desc{font-size:.6875rem;color:var(--db-text-faint)}.db-add-panel__footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--db-border)}.db-add-panel__footer>button{flex:1}.db-palette-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.db-palette-modal{background:var(--db-bg);border:1px solid var(--db-border);border-radius:var(--db-radius);width:100%;max-width:360px;margin:1rem;box-shadow:0 8px 40px #0000002e}.db-palette-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--db-border)}.db-palette-modal__title{font-size:.9375rem;font-weight:600;color:var(--db-text)}.db-palette-modal__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--db-bg-input);border-radius:6px;cursor:pointer;font-size:1.125rem;color:var(--db-text-muted);transition:background .12s}.db-palette-modal__close:hover{background:var(--db-border)}.db-palette-modal__body{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.db-palette__section-label{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--db-text-muted);margin:0 0 .625rem}.db-palette__presets{display:flex;flex-wrap:wrap;gap:.5rem}.db-palette__preset-btn{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;padding:.35rem .75rem;border-radius:var(--db-radius-sm);border:1px solid var(--db-border);background:var(--db-bg-input);color:var(--db-text-muted);cursor:pointer;transition:border-color .15s,color .15s}.db-palette__preset-btn:hover{border-color:var(--db-accent);color:var(--db-text)}.db-palette__preset-swatch{width:12px;height:12px;border-radius:50%;border:1px solid rgba(128,128,128,.25)}.db-palette__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.db-palette__row-label{font-size:.875rem;color:var(--db-text);width:6rem;flex-shrink:0}.db-palette__inputs{display:flex;align-items:center;gap:.5rem;flex:1}.db-palette__color-picker{width:2rem;height:2rem;border-radius:var(--db-radius-sm);border:1px solid var(--db-border);background:transparent;cursor:pointer;padding:0}.db-palette__hex{flex:1;padding:.375rem .5rem;border:1px solid var(--db-border);border-radius:var(--db-radius-sm);background:var(--db-bg-input);color:var(--db-text);font-size:.8125rem;font-family:monospace;transition:border-color .15s}.db-palette__hex:focus{outline:none;border-color:var(--db-border-focus)}.db-palette-modal__footer{padding:0 1.25rem 1.25rem}.db-palette-modal__footer>button{width:100%}.db-export{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid var(--db-border);background:var(--db-bg-card)}.db-export__error{font-size:.75rem;color:var(--db-danger);background:color-mix(in srgb,var(--db-danger) 10%,var(--db-bg));border:1px solid color-mix(in srgb,var(--db-danger) 25%,transparent);border-radius:var(--db-radius-sm);padding:.5rem .75rem}.db-export__row{display:flex;gap:.5rem}.db-error-toast{position:fixed;bottom:1rem;right:1rem;z-index:300;background:color-mix(in srgb,var(--db-danger) 12%,var(--db-bg));border:1px solid color-mix(in srgb,var(--db-danger) 35%,transparent);color:var(--db-danger);font-size:.8125rem;padding:.75rem 1rem;border-radius:var(--db-radius-sm);max-width:320px;display:flex;align-items:flex-start;gap:.5rem;box-shadow:0 4px 24px #0000001f}.db-error-toast__close{background:none;border:none;cursor:pointer;color:inherit;opacity:.7;margin-left:auto;flex-shrink:0}.db-ai-panel{position:fixed;top:0;right:0;bottom:0;width:20rem;min-width:20rem;z-index:100;overflow:hidden;display:flex;flex-direction:column;border-left:1px solid var(--db-border);background:var(--db-bg);box-shadow:-4px 0 24px #0000001f}.db-ai-panel>*{flex:1;min-height:0}.db-ai-panel--right{position:fixed;top:0;right:0;bottom:0;width:20rem;min-width:20rem;z-index:100;overflow:hidden;display:flex;flex-direction:column;border-left:1px solid var(--db-border);background:var(--db-bg);box-shadow:-4px 0 24px #0000001f}.db-ai-panel--right>*{flex:1;min-height:0}.db-ai-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:var(--db-text-faint)}.db-ai-panel__empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.db-ai-panel__empty-text{font-size:.875rem;line-height:1.5}.db-editor-sidebar{display:flex;flex-direction:column;flex:1;min-height:0}.db-editor-sidebar__preview{display:flex;flex-direction:column;gap:.75rem;margin:1.25rem 1.25rem .75rem;padding:1.25rem 1.5rem;border-radius:1rem;background:linear-gradient(145deg,#20263cd9,#121623eb) padding-box,linear-gradient(145deg,#6366f159,#0f172a66) border-box;border:1px solid transparent;box-shadow:0 18px 40px #0a0e1673;color:#eef2fff5;position:relative;overflow:hidden}.db-editor-sidebar__preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0%,rgba(99,102,241,.18),transparent 55%)}.db-editor-sidebar__preview-header{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.db-editor-sidebar__preview-title{display:flex;flex-direction:column;gap:.25rem}.db-editor-sidebar__preview-page{font-weight:700;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.db-editor-sidebar__preview-name{font-size:.8rem;color:#d2dbf5c7}.db-editor-sidebar__preview-count{background:#0f172aa8;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;color:#e2e8ffd9;border:1px solid rgba(148,163,255,.24)}.db-editor-sidebar__preview-body{display:flex;flex-direction:column;gap:.55rem;max-height:280px;overflow-y:auto;padding-right:.25rem}.db-editor-sidebar__preview-row{display:grid;grid-template-columns:28px 1fr auto;align-items:flex-start;gap:.65rem;padding:.55rem .75rem;background:#0f172a61;border-radius:.75rem;border:1px solid rgba(99,102,241,.18);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.db-editor-sidebar__preview-row:hover{border-color:#94a3ff52}.db-editor-sidebar__preview-icon{font-size:1.05rem;line-height:1}.db-editor-sidebar__preview-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.db-editor-sidebar__preview-label{font-size:.82rem;font-weight:600;color:#ecf2ffeb}.db-editor-sidebar__preview-sub{font-size:.72rem;color:#c3cdf0bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.db-editor-sidebar__preview-order{font-size:.75rem;color:#94a3ffb3;font-weight:600}.db-editor-sidebar__preview-empty{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem .75rem;color:#d2dbf5b8;font-size:.82rem}.db-editor-sidebar__preview-empty span{font-size:1.5rem;opacity:.65}.db-editor-sidebar__header{display:flex;align-items:center;gap:.5rem;padding:0 .5rem;height:40px;border-bottom:1px solid var(--db-border);flex-shrink:0}.db-editor-sidebar__back{padding:.5rem;border:none;background:transparent;color:var(--db-text-muted);cursor:pointer;font-size:1rem;border-radius:4px;transition:all .15s}.db-editor-sidebar__back:hover{background:color-mix(in srgb,var(--db-accent) 10%,transparent);color:var(--db-text)}.db-editor-sidebar__tabs{display:flex;gap:.25rem;flex:1}.db-editor-sidebar__tab{flex:1;padding:.5rem .75rem;border:1px solid transparent;border-radius:6px;background:var(--db-bg);color:var(--db-text-muted);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .15s}.db-editor-sidebar__tab:hover{background:color-mix(in srgb,var(--db-accent) 10%,transparent);color:var(--db-text)}.db-editor-sidebar__tab--active{background:var(--db-accent);color:var(--db-bg);border-color:var(--db-accent)}.db-editor-sidebar__content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.db-editor-sidebar__content>*{flex:1;min-height:0}.db-editor-sidebar__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1.5rem;text-align:center}.db-editor-sidebar__empty-icon{font-size:2.5rem;opacity:.3}.db-editor-sidebar__empty-text{font-size:.875rem;color:var(--db-text-muted);line-height:1.5}.db-settings-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.db-settings-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--db-border);flex-shrink:0;background:var(--db-bg-card)}.db-settings-panel__header-left{display:flex;align-items:center;gap:.625rem;min-width:0}.db-settings-panel__type-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:color-mix(in srgb,var(--db-accent) 14%,transparent);color:var(--db-accent);flex-shrink:0}.db-settings-panel__header-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.db-settings-panel__title{font-size:.8125rem;font-weight:700;color:var(--db-text);line-height:1.2}.db-settings-panel__subtitle{font-size:.6875rem;color:var(--db-text-muted);line-height:1.2}.db-settings-panel__type-badge{font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--db-accent);background:color-mix(in srgb,var(--db-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--db-accent) 30%,transparent);padding:.2rem .5rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.db-settings-panel__content{flex:1;overflow-y:auto;padding:1rem 1rem 1.25rem;display:block;gap:1rem}.db-settings-panel__group{display:flex;flex-direction:column;gap:.625rem}.db-settings-panel__group+.db-settings-panel__group{padding-top:.25rem}.db-settings-panel__text-input{width:100%;padding:.5rem .625rem;border:1px solid var(--db-border, rgba(255, 255, 255, .1));border-radius:6px;background:var(--db-bg-input, rgba(0, 0, 0, .2));color:var(--db-text);font-size:.8125rem;box-sizing:border-box;outline:none;transition:border-color .18s}.db-settings-panel__text-input:focus{border-color:var(--db-accent)}.db-settings-panel__palette-presets{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.db-settings-panel__palette-preset{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border:1px solid var(--db-border, rgba(255, 255, 255, .1));border-radius:6px;background:#ffffff08;color:var(--db-text);font-size:.75rem;cursor:pointer;transition:border-color .18s,background .18s;text-align:left;min-width:0}.db-settings-panel__palette-preset:hover{border-color:var(--db-accent);background:#ffffff0f}.db-settings-panel__palette-preset-swatch{width:18px;height:18px;border-radius:4px;flex-shrink:0;border:1px solid rgba(255,255,255,.12)}.db-settings-panel__palette-preset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.db-settings-panel__delete-page-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;color:#ff6b6b;background:#ff6b6b14;border:1px solid rgba(255,107,107,.3);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.db-settings-panel__delete-page-btn:hover:not(:disabled){background:#ff6b6b2e;border-color:#ff6b6b99}.db-settings-panel__delete-page-btn:disabled{opacity:.35;cursor:not-allowed}.db-settings-panel__group-header{display:flex;align-items:center;justify-content:space-between}.db-settings-panel__group-label{font-size:.6875rem;font-weight:600;color:var(--db-text-muted);text-transform:uppercase;letter-spacing:.05em}.db-settings-panel__group-hint{font-size:.625rem;color:var(--db-text-faint);font-weight:500}.db-settings-panel__color-picker{display:flex;align-items:center;gap:.5rem}.db-settings-panel__color-swatch-wrap{position:relative;width:32px;height:32px;border-radius:7px;overflow:hidden;border:1px solid var(--db-border);cursor:pointer;flex-shrink:0}.db-settings-panel__color-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0}.db-settings-panel__color-swatch{display:block;width:100%;height:100%;border-radius:6px}.db-settings-panel__color-text{flex:1;padding:.5rem .625rem;border:1px solid var(--db-border);border-radius:6px;background:var(--db-bg);color:var(--db-text);font-size:.75rem;font-family:monospace;transition:border-color .15s}.db-settings-panel__color-text:focus{outline:none;border-color:var(--db-accent)}.db-settings-panel__align-buttons{display:flex;gap:.25rem}.db-settings-panel__align-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--db-border);border-radius:6px;background:var(--db-bg);color:var(--db-text-muted);cursor:pointer;transition:all .15s}.db-settings-panel__align-btn:hover{background:color-mix(in srgb,var(--db-accent) 10%,transparent);color:var(--db-accent);border-color:color-mix(in srgb,var(--db-accent) 40%,transparent)}.db-settings-panel__align-btn--active{background:var(--db-accent);color:#fff;border-color:var(--db-accent)}.db-settings-panel__level-buttons,.db-settings-panel__style-buttons{display:flex;gap:.25rem}.db-settings-panel__level-btn,.db-settings-panel__style-btn{flex:1;padding:.4rem .5rem;border:1px solid var(--db-border);border-radius:6px;background:var(--db-bg);color:var(--db-text-muted);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .15s;text-align:center}.db-settings-panel__level-btn:hover,.db-settings-panel__style-btn:hover{background:color-mix(in srgb,var(--db-accent) 10%,transparent);color:var(--db-accent)}.db-settings-panel__level-btn--active,.db-settings-panel__style-btn--active{background:var(--db-accent);color:#fff;border-color:var(--db-accent)}.db-settings-panel__number-input{display:flex;align-items:center;gap:0;border:1px solid var(--db-border);border-radius:6px;overflow:hidden;background:var(--db-bg)}.db-settings-panel__stepper-btn{width:26px;height:28px;border:none;background:var(--db-bg-card);color:var(--db-text-muted);cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,color .12s}.db-settings-panel__stepper-btn:hover{background:color-mix(in srgb,var(--db-accent) 14%,transparent);color:var(--db-accent)}.db-settings-panel__stepper-input{width:4.5rem;font-size:.75rem;border:1px solid var(--db-border);border-radius:6px;background:var(--db-bg-input);color:var(--db-text);text-align:center;padding:.25rem 0;outline:none;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.db-settings-panel__stepper-input::-webkit-inner-spin-button,.db-settings-panel__stepper-input::-webkit-outer-spin-button{-webkit-appearance:none}.db-settings-panel__unit{padding:0 .375rem;font-size:.6875rem;color:var(--db-text-faint);flex-shrink:0}.db-settings-panel__spacing-grid{display:grid;grid-template-columns:1fr 1fr;gap:.375rem}.db-settings-panel__spacing-cell{display:flex;align-items:center;gap:.375rem;background:var(--db-bg-card);border:1px solid var(--db-border);border-radius:6px;padding:.25rem .375rem}.db-settings-panel__spacing-label{font-size:.625rem;font-weight:700;color:var(--db-text-faint);text-transform:uppercase;width:10px;flex-shrink:0;text-align:center}.db-settings-panel__spacing-cell .db-settings-panel__number-input{border:none;background:transparent;flex:1}.db-settings-panel__spacing-cell .db-settings-panel__stepper-btn{width:18px;height:20px;font-size:.875rem;background:transparent}.db-settings-panel__spacing-cell .db-settings-panel__stepper-input{width:28px;font-size:.6875rem;border-left:1px solid var(--db-border);border-right:1px solid var(--db-border)}.db-settings-panel__accordion{border:1px solid var(--db-border);border-radius:8px;overflow:hidden}.db-settings-panel__accordion-trigger{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border:none;background:var(--db-bg-card);color:var(--db-text-muted);font-size:.75rem;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,color .15s}.db-settings-panel__accordion-trigger:hover{background:color-mix(in srgb,var(--db-accent) 8%,transparent);color:var(--db-text)}.db-settings-panel__accordion-chevron{transition:transform .2s;flex-shrink:0}.db-settings-panel__accordion-chevron--open{transform:rotate(180deg)}.db-settings-panel__accordion-body{padding:.75rem;display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--db-border)}.db-settings-panel__border-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.db-settings-panel__border-cell{display:flex;flex-direction:column;gap:.3rem}.db-settings-panel__border-cell--full{grid-column:1 / -1}.db-settings-panel__border-cell-label{font-size:.625rem;font-weight:600;color:var(--db-text-faint);text-transform:uppercase;letter-spacing:.04em}.db-settings-panel__list-item{display:flex;align-items:flex-start;gap:.5rem}.db-settings-panel__list-item>div{flex:1}.db-settings-panel__remove-btn{width:22px;height:22px;border:1px solid var(--db-border);border-radius:4px;background:var(--db-bg);color:var(--db-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.db-settings-panel__remove-btn:hover{background:color-mix(in srgb,#ef4444 12%,transparent);color:#ef4444;border-color:#ef4444}.db-settings-panel__add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border:1px dashed var(--db-border);border-radius:7px;background:transparent;color:var(--db-text-muted);cursor:pointer;font-size:.75rem;font-weight:500;transition:all .15s}.db-settings-panel__add-btn:hover{background:color-mix(in srgb,var(--db-accent) 8%,transparent);border-color:color-mix(in srgb,var(--db-accent) 50%,transparent);color:var(--db-accent)}.db-settings-panel__select,.db-settings-panel__input{width:100%;padding:.4375rem .625rem;border:1px solid var(--db-border);border-radius:6px;background:var(--db-bg);color:var(--db-text);font-size:.75rem;font-family:inherit;transition:border-color .15s}.db-settings-panel__select:focus,.db-settings-panel__input:focus{outline:none;border-color:var(--db-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--db-accent) 15%,transparent)}.db-settings-panel__range-row{display:flex;align-items:center;gap:.625rem}.db-settings-panel__range{flex:1;accent-color:var(--db-accent)}.db-settings-panel__range-badge{font-size:.6875rem;font-weight:600;color:var(--db-accent);background:color-mix(in srgb,var(--db-accent) 12%,transparent);padding:.2rem .5rem;border-radius:4px;white-space:nowrap;min-width:42px;text-align:center}.db-settings-panel__drop-zone{position:relative;border:2px dashed var(--db-border);border-radius:10px;background:color-mix(in srgb,var(--db-border) 15%,transparent);cursor:pointer;transition:border-color .15s,background .15s;overflow:hidden;min-height:80px;display:flex;align-items:center;justify-content:center}.db-settings-panel__drop-zone:hover,.db-settings-panel__drop-zone--over{border-color:var(--db-accent);background:color-mix(in srgb,var(--db-accent) 6%,transparent)}.db-settings-panel__drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem}.db-settings-panel__drop-icon{color:var(--db-text-faint)}.db-settings-panel__drop-text{font-size:.75rem;color:var(--db-text-muted);text-align:center}.db-settings-panel__image-preview{max-width:100%;max-height:160px;-o-object-fit:contain;object-fit:contain;display:block}.db-settings-panel__image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;opacity:0;transition:opacity .18s;color:#fff;font-size:.75rem;font-weight:600}.db-settings-panel__drop-zone--has-image:hover .db-settings-panel__image-overlay{opacity:1}.db-settings-panel__error{display:flex;align-items:center;gap:.3rem;color:#ef4444;font-size:.6875rem;margin-top:.25rem}.db-settings-panel__chart-data{display:flex;flex-direction:column;gap:.375rem}.db-settings-panel__chart-data-header{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;padding:0 .125rem}.db-settings-panel__chart-data-header>span{font-size:.625rem;font-weight:600;color:var(--db-text-faint);text-transform:uppercase;letter-spacing:.04em}.db-settings-panel__chart-data-row{display:grid;grid-template-columns:1fr 1fr;gap:.375rem}.db-settings-panel__table-headers{display:flex;flex-direction:column;gap:.375rem}.db-settings-panel__table-header-item{display:flex;align-items:center;gap:.375rem}.db-settings-panel__table-col-index{width:18px;height:18px;border-radius:4px;background:color-mix(in srgb,var(--db-border) 50%,transparent);color:var(--db-text-faint);font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-settings-panel__table-rows{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.db-settings-panel__table-row-block{border:1px solid var(--db-border);border-radius:7px;overflow:hidden}.db-settings-panel__table-row-label{display:flex;align-items:center;justify-content:space-between;padding:.3rem .5rem;background:var(--db-bg-card);border-bottom:1px solid var(--db-border);font-size:.6875rem;font-weight:600;color:var(--db-text-muted)}.db-settings-panel__table-row-cells{display:flex;flex-direction:column;gap:.25rem;padding:.375rem .5rem}.db-settings-panel__empty{font-size:.75rem;color:var(--db-text-muted);text-align:center;padding:2rem 1rem}.db-elements-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.db-elements-panel__header{font-size:.6875rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--db-text-muted);padding:1rem 1rem .5rem;border-bottom:1px solid var(--db-border);flex-shrink:0}.db-elements-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem;overflow-y:auto;flex:1}.db-elements-panel__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.75rem .5rem;border-radius:8px;border:1px solid var(--db-border);background:color-mix(in srgb,var(--db-border) 30%,transparent);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s,border-color .15s,transform .1s}.db-elements-panel__item:hover{background:color-mix(in srgb,var(--db-accent) 12%,transparent);border-color:color-mix(in srgb,var(--db-accent) 50%,transparent);transform:translateY(-1px)}.db-elements-panel__item:active{cursor:grabbing;transform:scale(.97)}.db-elements-panel__item--dragging{opacity:.4;transform:scale(.96)}.db-elements-panel__item-icon{font-size:1.25rem;line-height:1}.db-elements-panel__item-label{font-size:.6875rem;font-weight:600;color:var(--db-text);text-align:center;line-height:1.2}.db-elements-panel__hint{font-size:.6875rem;color:var(--db-text-faint);text-align:center;padding:.5rem 1rem .75rem;flex-shrink:0}.db-elements-panel__section-label{font-size:.625rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--db-text-faint);padding:.75rem 1rem .375rem;flex-shrink:0}.db-elements-panel__grid--layout{grid-template-columns:1fr 1fr}.db-columns-section{width:100%;min-height:48px;box-sizing:border-box;overflow:hidden;position:relative}.db-columns-section__inner{box-sizing:border-box;position:relative}.db-columns-section__col{display:flex;flex-direction:column;gap:8px;padding:8px 4px 4px;min-width:0;box-sizing:border-box;position:relative}.db-columns-section__col>*{min-width:0;max-width:100%;box-sizing:border-box}.db-columns-section__empty-col{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;border:1px dashed rgba(128,128,128,.3);border-radius:8px;color:#80808080;font-size:.75rem;transition:border-color .15s,background .15s}.db-columns-section__col--over .db-columns-section__empty-col,.db-columns-section__empty-col--over{border-color:var(--db-accent);background:color-mix(in srgb,var(--db-accent) 10%,transparent);color:var(--db-accent)}.db-columns-section__col--over{outline:1.5px dashed var(--db-accent);outline-offset:2px;border-radius:8px}.db-columns-section__drop-indicator{height:2px;background:var(--db-accent);border-radius:2px;margin-top:4px;box-shadow:0 0 6px color-mix(in srgb,var(--db-accent) 60%,transparent)}.db-columns-section__drop-indicator--before{margin-top:0;margin-bottom:4px}.db-columns-section__drop-indicator--after{margin-top:4px;margin-bottom:0}.db-columns-section__col-handle{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;padding:2px 8px;border-radius:4px 4px 0 0;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;z-index:20;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 2px 8px #0ea5e966;white-space:nowrap}.db-columns-section__col:hover .db-columns-section__col-handle{opacity:1}.db-columns-section__col-handle:hover{transform:translate(-50%) translateY(-2px);background:linear-gradient(135deg,#0284c7,#0891b2)}.db-col-child{position:relative;padding:4px;border-radius:4px;transition:background .15s}.db-col-child:hover{background:#ffffff08}.db-col-child__drag-handle{position:absolute;top:-10px;right:-10px;width:24px;height:24px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:6px;cursor:grab;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;z-index:30;opacity:0;transition:opacity .2s,transform .2s,background .2s;box-shadow:0 2px 8px #22c55e66}.db-col-child:hover .db-col-child__drag-handle{opacity:1}.db-col-child__drag-handle:hover{transform:scale(1.1);background:linear-gradient(135deg,#16a34a,#15803d)}.db-col-child__drag-handle:active{cursor:grabbing}.db-col-child--selected{outline:2px solid #22c55e;outline-offset:2px;border-radius:4px}.db-col-child--selected .db-col-child__drag-handle{opacity:1;background:linear-gradient(135deg,#22c55e,#16a34a)}.db-col-child--multi-selected{outline:2px solid #f59e0b;outline-offset:2px;border-radius:4px;background:#f59e0b0f}.db-col-child--multi-selected .db-col-child__drag-handle{opacity:1;background:linear-gradient(135deg,#f59e0b,#d97706)}.db-page__ai-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:6px;border:1px solid rgba(99,102,241,.4);background:#6366f11f;color:#6366f1e6;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.db-page__ai-btn:hover{background:#6366f138;border-color:#6366f1b3}.db-tab-bar{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border-bottom:1px solid var(--darkGray);background:var(--bgLightGray);flex-shrink:0}.db-tab-btn{padding:.375rem .875rem;border-radius:var(--db-radius-sm);border:none;background:none;color:var(--lessDark);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.db-tab-btn:hover{background:var(--lightGray);color:var(--black)}.db-tab-btn--active{background:var(--purple);color:var(--onAccent);font-weight:600}.db-plan-markdown{color:#ffffffd1}.db-plan-markdown h1,.db-plan-markdown h2,.db-plan-markdown h3,.db-plan-markdown h4{font-weight:600;color:#fffffff2;margin:.9em 0 .35em;line-height:1.3}.db-plan-markdown h1{font-size:1.1rem}.db-plan-markdown h2{font-size:1rem}.db-plan-markdown h3{font-size:.9rem}.db-plan-markdown h4{font-size:.85rem;color:#a5b4fce6}.db-plan-markdown p{margin:.4em 0;line-height:1.65}.db-plan-markdown ul,.db-plan-markdown ol{padding-left:1.3em;margin:.4em 0}.db-plan-markdown li{margin:.2em 0;line-height:1.6}.db-plan-markdown ul li::marker{color:#6366f1b3}.db-plan-markdown ol li::marker{color:#a5b4fcb3;font-weight:600}.db-plan-markdown strong{font-weight:600;color:#fffffff2}.db-plan-markdown em{color:#c4b5fde6;font-style:italic}.db-plan-markdown code{font-family:monospace;font-size:.8em;padding:.15em .45em;border-radius:4px;background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.2)}.db-plan-markdown pre{background:#0000004d;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px 14px;overflow-x:auto;margin:.6em 0}.db-plan-markdown pre code{background:none;border:none;padding:0;color:#ffffffbf;font-size:.82em}.db-plan-markdown blockquote{border-left:3px solid rgba(99,102,241,.5);padding-left:.85em;margin:.5em 0;color:#ffffff80;font-style:italic}.db-plan-markdown hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:.8em 0}.db-plan-markdown table{width:100%;border-collapse:collapse;font-size:.82em;margin:.6em 0}.db-plan-markdown th{background:#6366f126;color:#a5b4fc;padding:6px 10px;text-align:left;font-weight:600;border:1px solid rgba(255,255,255,.08)}.db-plan-markdown td{padding:5px 10px;border:1px solid rgba(255,255,255,.06);color:#ffffffb3}.db-plan-markdown tr:nth-child(2n) td{background:#ffffff05}.db-plan-markdown a{color:#818cf8;text-decoration:underline;text-underline-offset:2px}.db-plan-markdown>*:first-child{margin-top:0}.db-plan-markdown>*:last-child{margin-bottom:0}