.import-bar{padding:12px 14px}.import-inner{align-items:stretch;gap:10px;display:flex}.drop-zone{border:1px dashed var(--border);cursor:pointer;min-height:56px;color:var(--tx-muted);-webkit-user-select:none;user-select:none;border-radius:7px;flex:1;justify-content:center;align-items:center;font-size:12px;transition:background .15s;display:flex}.drop-zone:hover,.drop-zone.drag-over{background:var(--import-hover)}.paste-area{resize:none;border:1px solid var(--border);min-height:56px;max-height:180px;color:var(--tx-primary);background:var(--surface);border-radius:5px;flex:1;padding:10px;font-family:inherit;font-size:12px;line-height:1.5;overflow-y:auto}.paste-area::placeholder{color:var(--tx-muted)}.paste-area:focus{border-color:var(--green-accent);outline:none}.import-btn{background:var(--sage-bg);border:1px solid var(--border);height:36px;color:var(--tx-primary);cursor:pointer;border-radius:5px;flex-shrink:0;align-self:center;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500}.import-btn:hover{background:var(--expand-bg)}.import-btn:disabled{opacity:.5;cursor:not-allowed}.drop-zone.loading{cursor:default;color:var(--green-accent)}.import-error{color:#c0392b;margin:6px 0 0;font-size:11px}.pantry-empty{color:var(--tx-muted);text-align:center;margin:0;padding:28px 16px;font-size:12px;font-style:italic}.pantry-item{border-bottom:1px solid var(--border);margin-right:12px}.pantry-item:last-child{border-bottom:none}.pantry-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 14px;display:flex}.pantry-row:hover{background:var(--import-hover)}.pantry-row input[type=checkbox]{accent-color:var(--green-accent);cursor:pointer;flex-shrink:0;width:13px;height:13px}.item-name{color:var(--tx-primary);flex:1;min-width:0;font-size:12px}.item-pkg{color:var(--tx-secondary);flex-shrink:0;font-size:11px}.item-pkg.needs-costing{color:var(--dot-stale)}.item-pkg.no-price{color:#c0392b;font-style:italic}.chevron{color:var(--tx-muted);text-align:center;flex-shrink:0;width:10px;font-size:10px}.pantry-expand{background:var(--expand-bg);align-items:center;gap:10px;padding:10px 13px 10px 32px;display:flex}.matched-label{color:var(--tx-muted);font-size:10px}.matched-product{color:var(--tx-secondary);flex:1;min-width:0;font-size:11px}.cost-per-unit{color:var(--tx-primary);flex-shrink:0;font-size:11px}.edit-btn{border:1px solid var(--border);background:var(--surface);height:22px;color:var(--tx-secondary);cursor:pointer;border-radius:4px;flex-shrink:0;margin-left:auto;padding:0 8px;font-family:inherit;font-size:10px}.edit-btn:hover{border-color:var(--green-accent);color:var(--green-accent)}.recipe-row{border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-left:12px;padding:11px 14px 11px 2px;display:flex}.recipe-row:hover{background:var(--import-hover)}.recipe-item:last-child .recipe-row,.recipe-item:last-child .recipe-preview{border-bottom:none}.recipe-star{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:14px;line-height:1}.recipe-title{color:var(--tx-primary);flex:1;min-width:0;font-size:12px}.recipe-row.expanded{background:var(--import-hover)}.recipe-preview{border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;gap:6px;padding:8px 14px;display:flex}.recipe-preview-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.recipe-preview-cost{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.recipe-preview-total{color:var(--tx-primary);white-space:nowrap;font-size:12px;font-weight:600}.recipe-preview-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.recipe-preview-tags{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.tag-add-btn{border:1px solid var(--border);width:18px;height:18px;color:var(--tx-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex}.tag-add-btn:hover{border-color:var(--tx-primary);color:var(--tx-primary)}.tag-input--inline{border:1px solid var(--border);background:var(--surface);width:80px;color:var(--tx-primary);border-radius:4px;outline:none;padding:2px 5px;font-size:11px}.tag-input--inline:focus{border-color:var(--green-accent)}.recipe-delete-btn{color:var(--tx-muted)!important;border-color:var(--border)!important}.recipe-delete-btn:hover{color:#c0392b!important;border-color:#c0392b!important}.search-row{align-items:center;margin-top:8px;display:flex;position:relative}.search-input{border:1px solid var(--border);background:var(--surface);width:100%;height:24px;color:var(--tx-primary);box-sizing:border-box;border-radius:5px;padding:0 28px 0 10px;font-family:inherit;font-size:11px}.search-input::placeholder{color:var(--tx-muted)}.search-input:focus{border-color:var(--tx-muted);outline:none}.search-clear{color:var(--tx-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;line-height:1;position:absolute;right:6px}.search-clear:hover{color:var(--tx-primary)}.coll-dropdown{position:relative}.coll-menu{background:var(--surface);border:1px solid var(--border);z-index:60;border-radius:6px;min-width:150px;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #0000001f}.coll-option{color:var(--tx-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 12px;font-family:inherit;font-size:11px;display:flex}.coll-option:hover{background:var(--import-hover)}.coll-option input[type=checkbox]{accent-color:var(--green-accent);cursor:pointer;flex-shrink:0;width:12px;height:12px}.coll-pill{background:var(--tag-bg);color:var(--tag-tx);white-space:nowrap;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:10px}.modal-overlay-wrap{z-index:50;min-height:600px;position:absolute;inset:0}.modal-overlay{background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-box{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;width:90%;max-width:360px;padding:20px}.modal-title{color:var(--tx-primary);margin:0 0 10px;font-size:15px;font-weight:600}.modal-desc{color:var(--tx-secondary);margin:0 0 16px;font-size:12px;line-height:1.6}.modal-footer{justify-content:flex-end;display:flex}.modal-ok-btn{border:1px solid var(--green-accent);background:var(--green-accent);color:#fff;cursor:pointer;border-radius:5px;height:30px;padding:0 16px;font-family:inherit;font-size:12px}.modal-ok-btn:hover{opacity:.88}@keyframes dot-thinking{0%,to{opacity:1}50%{opacity:.2}}.dot-thinking{animation:1.4s ease-in-out infinite dot-thinking;background:var(--dot-stale)!important}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.green{background:var(--green-accent)}.status-dot.amber{background:var(--dot-stale)}.status-dot.red{background:#c0392b}.modal-info-box{color:var(--tx-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 6px;font-size:11px;overflow:hidden}.panel-heading-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-heading-row .panel-heading{margin:0}.modal-close-x{flex-shrink:0;padding:0 6px;font-size:13px;line-height:1}.welcome-overlay{z-index:100;border-radius:6px 6px 4px 4px;display:flex;position:absolute;inset:0;overflow:hidden}.welcome-book{box-sizing:border-box;background:#7b5c3a;border-radius:6px 6px 4px 4px;flex-direction:column;flex:1;padding:14px 18px 18px;display:flex;position:relative}.welcome-book:before,.welcome-book:after{content:"";z-index:0;background:repeating-linear-gradient(90deg,#f8f4ed 0 3px,#e8e2d8 3px 4px);width:4px;position:absolute;top:16px;bottom:20px}.welcome-book:before{left:14px}.welcome-book:after{right:14px}.welcome-panels{z-index:1;flex:1;align-items:stretch;gap:0;min-height:0;display:flex;position:relative}.welcome-page{background:var(--surface);flex-direction:column;flex:1;display:flex;overflow:hidden}.welcome-page.left{border-radius:2px 0 0 2px;box-shadow:inset -10px 0 18px -6px #0000001a}.welcome-page.right{border-radius:0 2px 2px 0;box-shadow:inset 10px 0 18px -6px #0000001a}.welcome-spine{background:linear-gradient(90deg,#00000047 0,#0000 15px 20px,#00000047 35px),#fff;flex-shrink:0;width:5px}.welcome-page-stack{background:repeating-linear-gradient(#f8f4ed 0 2px,#cfc8b8 2px 3px,#f0ebe0 3px 5px,#c8c0ae 5px 6px,#e8e2d5 6px 8px,#c0b8a6 8px 9px,#e0dace 9px 10px);border-radius:0 0 2px 2px;height:10px;margin:0 -4px -4px;position:relative}.welcome-body{flex:1;min-height:0;padding:14px;overflow-y:auto}.welcome-feat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.welcome-feat{background:var(--tag-bg);border-radius:6px;padding:8px 10px}.welcome-feat-label{color:var(--green-accent);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.welcome-feat-desc{color:var(--tx-secondary);margin:0;font-size:11px;line-height:1.5}.welcome-section-title{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:11px;font-weight:600}.welcome-step{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.welcome-step-num{background:var(--green-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:11px;font-weight:600;display:flex}.welcome-step-text{color:var(--tx-secondary);margin:0;font-size:12px;line-height:1.55}.welcome-step-text strong{color:var(--tx-primary);font-weight:600}.welcome-legend-box{background:var(--tag-bg);border-radius:6px;margin-top:4px;padding:10px 12px}.welcome-legend-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.welcome-legend-row:last-child{margin-bottom:0}.welcome-legend-text{color:var(--tx-secondary);font-size:11px;line-height:1.45}.welcome-legend-text strong{color:var(--tx-primary);font-weight:600}.welcome-note{color:var(--tx-muted);margin:12px 0 0;font-size:11px;font-style:italic;line-height:1.5}@media (width<=500px){.welcome-panels{min-height:unset;flex-direction:column}.welcome-page.left,.welcome-page.right{box-shadow:none;border-radius:2px}.welcome-spine{display:none}.welcome-feat-grid{grid-template-columns:1fr}}.add-ingredient-modal{z-index:50;background:var(--surface);flex-direction:column;display:flex;position:absolute;inset:0}.field-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 14px;display:flex}.field-row:hover{background:var(--import-hover)}.field-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.field-label{color:var(--tx-secondary);flex-shrink:0;width:80px;font-size:11px}.field-value{flex:1;min-width:0}.field-value input,.field-value select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--tx-primary);box-sizing:border-box;border-radius:5px;outline:none;padding:4px 8px;font-family:inherit;font-size:12px}.field-value input:focus,.field-value select:focus{border-color:var(--green-accent)}.field-text{color:var(--tx-primary);font-size:12px}.field-empty{color:var(--tx-muted);font-size:11px;font-style:normal}.field-subheading{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);margin:0;padding:8px 14px 4px 29px;font-size:10px}.field-price-wrap{align-items:center;gap:4px;display:flex}.field-price-value{width:62px}.field-price-unit{width:60px}.field-price-r{color:var(--tx-secondary);padding:0 1px;font-size:11px}.field-price-price{width:70px}.field-price-wrap input,.field-price-wrap select{border:1px solid var(--border);background:var(--surface);height:26px;color:var(--tx-primary);box-sizing:border-box;border-radius:5px;outline:none;padding:0 6px;font-family:inherit;font-size:12px}.field-price-wrap input:focus,.field-price-wrap select:focus{border-color:var(--green-accent)}.price-queue-overlay{display:flex}.price-queue-modal{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;flex-direction:row;flex:1;max-height:55vh;display:flex;overflow:hidden}.price-queue-col-head{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;padding:7px 12px 6px;font-size:10px;font-weight:600;overflow:hidden}.price-queue-left{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:190px;min-height:0;display:flex}.price-queue-list{flex:1;min-height:0;overflow-y:auto}.price-queue-row{border-bottom:1px solid var(--border);color:var(--tx-secondary);align-items:center;gap:7px;padding:6px 12px;font-size:11px;display:flex}.price-queue-row.pq-active{background:var(--import-hover);color:var(--tx-primary);font-weight:600}.price-queue-row.pq-searching{background:var(--import-hover);color:var(--tx-secondary)}.price-queue-row.pq-done{color:var(--tx-muted)}.price-queue-row.pq-skipped{color:var(--tx-muted);font-style:italic}.price-queue-row.pq-pending{color:var(--tx-muted)}.price-queue-icon{text-align:center;width:14px;color:var(--green-accent);flex-shrink:0;font-size:10px}.price-queue-row.pq-pending .price-queue-icon,.price-queue-row.pq-skipped .price-queue-icon{color:var(--tx-muted)}.price-queue-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.price-queue-all-done{color:var(--green-accent);margin:0;padding:10px 12px;font-size:11px;font-style:italic}.price-queue-middle{border-right:1px solid var(--border);flex-direction:column;flex:1;min-height:0;display:flex}.price-queue-results{flex:1;min-height:0;overflow-y:auto}.price-queue-state-msg{color:var(--tx-secondary);align-items:center;gap:8px;padding:14px;font-size:12px;display:flex}.price-queue-error{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.price-queue-error-msg{color:#c0392b;margin:0;font-size:12px}.price-result-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.price-result-row:hover{background:var(--import-hover)}.price-result-name{color:var(--tx-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.price-result-pkg{color:var(--tx-secondary);white-space:nowrap;flex-shrink:0;font-size:11px}.price-result-select{flex-shrink:0}.price-queue-right{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:80px;padding:10px 8px;display:flex}.price-queue-progress{color:var(--tx-muted);margin-top:auto;font-size:10px}.narrow .price-queue-left{width:120px}.narrow .price-queue-right{width:60px}.import-recipe-modal{z-index:50;pointer-events:none;gap:25px;display:flex;position:absolute;inset:0}.import-recipe-left,.import-recipe-right{background:var(--surface);pointer-events:all;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.import-recipe-left{border-radius:2px 0 0 2px}.import-recipe-right{border-radius:0 2px 2px 0}.import-raw-text{color:var(--tx-secondary);white-space:pre-wrap;word-break:break-word;margin:0;padding:12px 14px;font-family:inherit;font-size:11px;line-height:1.6}.narrow .import-recipe-modal{flex-direction:column;gap:0;overflow-y:auto}.narrow .import-recipe-left,.narrow .import-recipe-right{border-radius:0;flex:none}.narrow .import-recipe-left{border-bottom:2px solid var(--border);max-height:200px}.modal-title-row{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.modal-title-row .panel-heading{margin:0}.modal-servings{color:var(--tx-secondary);font-size:11px}.ing-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 14px;display:flex}.ing-row:hover{background:var(--import-hover)}.ing-name{color:var(--tx-primary);flex:1;font-size:12px}.ing-qty{color:var(--tx-muted);white-space:nowrap;font-size:11px}.ing-empty{color:var(--tx-muted);margin:20px 14px;font-size:11px;font-style:italic}.ing-edit-name,.ing-edit-qty,.ing-edit-unit{border:1px solid var(--border);background:var(--surface);height:26px;color:var(--tx-primary);box-sizing:border-box;border-radius:5px;outline:none;padding:0 6px;font-family:inherit;font-size:12px}.ing-edit-name:focus,.ing-edit-qty:focus,.ing-edit-unit:focus{border-color:var(--green-accent)}.ing-edit-name-wrap{flex:1;min-width:0;position:relative}.ing-edit-name{box-sizing:border-box;width:100%}.ing-dropdown{background:var(--surface);border:1px solid var(--border);z-index:60;border-radius:5px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.ing-dropdown-item{color:var(--tx-primary);cursor:pointer;padding:6px 10px;font-size:12px}.ing-dropdown-item:hover{background:var(--import-hover)}.ing-dropdown-add{color:var(--green-accent);border-top:1px solid var(--border);font-style:italic}.ing-edit-qty{text-align:right;width:58px}.ing-edit-unit{width:46px}.tag-input-wrap{border:1px solid var(--border);background:var(--surface);box-sizing:border-box;border-radius:5px;flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-height:26px;padding:3px 6px;display:flex}.tag-pill{background:var(--tag-bg);color:var(--tag-tx);white-space:nowrap;border-radius:10px;align-items:center;gap:3px;padding:2px 4px 2px 8px;font-size:10px;display:flex}.tag-remove{color:var(--tag-tx);cursor:pointer;opacity:.65;background:0 0;border:none;padding:0;font-size:9px;line-height:1}.tag-remove:hover{opacity:1}.tag-input{min-width:80px;height:20px;color:var(--tx-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:11px}.tag-input::placeholder{color:var(--tx-muted)}.ing-row--meta{background:var(--surface);border-bottom:2px solid var(--border);gap:10px}.ing-meta-label{color:var(--tx-muted);white-space:nowrap;flex-shrink:0;font-size:10px}.ing-row-delete{opacity:.45;flex-shrink:0;order:-1;padding:0 5px!important;font-size:10px!important}.ing-row-delete:hover{opacity:1}.ing-row--add{border-bottom:none;padding-top:10px}.costing-modal{z-index:50;pointer-events:none;gap:25px;display:flex;position:absolute;inset:0}.costing-half{background:var(--surface);pointer-events:all;flex-direction:column;flex:1;display:flex;overflow:hidden}.costing-half.left{border-radius:2px 0 0 2px}.costing-half.right{border-radius:0 2px 2px 0;position:relative}.costing-subtitle{color:var(--tx-secondary);margin:-4px 0 8px;font-size:11px;font-style:italic}.costing-modal.narrow{flex-direction:column;gap:0;overflow-y:auto}.costing-modal.narrow .costing-half{border-radius:0;flex:none}.costing-modal.narrow .costing-half.left{border-bottom:2px solid var(--border)}.costing-right-controls{width:100%;height:auto}.costing-ctrl-label{color:var(--tx-secondary);white-space:nowrap;font-size:11px}.costing-ctrl-input{border:1px solid var(--border);background:var(--surface);width:44px;height:24px;color:var(--tx-primary);text-align:center;border-radius:4px;padding:0 4px;font-family:inherit;font-size:11px}.costing-ctrl-input--wide{width:58px}.costing-pct{color:var(--tx-secondary);font-size:11px}.costing-ing-row{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:7px 14px;font-size:12px;display:flex}.costing-ing-row:hover{background:var(--import-hover)}.costing-ing-name{color:var(--tx-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.costing-ing-cpu{text-align:center;color:var(--tx-secondary);flex:0 0 84px;font-size:11px}.costing-ing-total{text-align:right;color:var(--tx-primary);flex:0 0 52px}.costing-footer{border-top:2px solid var(--border);color:var(--tx-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.costing-footer-value{font-weight:700}.costing-breakdown-row{border-bottom:1px solid var(--border);color:var(--tx-primary);justify-content:space-between;align-items:center;padding:7px 14px;font-size:12px;display:flex}.costing-pkg-wrap{align-items:center;gap:2px;display:flex}.costing-r-prefix{color:var(--tx-secondary);font-size:11px}.costing-pkg-input{border:1px solid var(--border);background:var(--surface);width:54px;height:22px;color:var(--tx-primary);text-align:right;border-radius:4px;padding:0 4px;font-family:inherit;font-size:12px}.costing-divider{background:var(--border);height:1px;margin:6px 0 2px}.costing-summary-header,.costing-summary-row{color:var(--tx-primary);grid-template-columns:1fr 64px 64px;padding:5px 14px;font-size:12px;display:grid}.costing-summary-header{color:var(--tx-muted);padding-bottom:1px;font-size:10px}.costing-summary-header span:nth-child(2),.costing-summary-header span:nth-child(3),.costing-summary-row span:nth-child(2),.costing-summary-row span:nth-child(3){text-align:right}.costing-summary-row.bold{border-top:1px solid var(--border);padding-top:7px;padding-bottom:7px;font-weight:700}:root{--sage-bg:#eef4f0;--surface:#fff;--border:#c8d8d0;--green-accent:#3a7a58;--tx-primary:#1a2820;--tx-secondary:#527060;--tx-muted:#8aa490;--tag-bg:#dff0e7;--tag-tx:#235a3a;--star-active:#c49020;--dot-stale:#d4922a;--import-hover:#f5faf7;--expand-bg:#f0f7f3}*,:before,:after{box-sizing:border-box}body{background:var(--sage-bg);min-height:100vh;color:var(--tx-primary);margin:0;padding:0;font-family:system-ui,Segoe UI,sans-serif}#app{text-align:left;background:var(--sage-bg);border:none;width:100%;max-width:100%;min-height:100vh;display:block}.nkc-app{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:960px;margin:0 auto;padding:14px;display:flex;position:relative}.nkc-card{border:1.5px solid var(--border);background:var(--surface);border-radius:10px}.app-header{justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.app-title{color:var(--tx-primary);margin:0;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:600}.app-brand{color:var(--tx-muted);font-size:12px;font-style:italic}.book-wrap{background:#7b5c3a;border-radius:6px 6px 4px 4px;padding:14px 18px 18px;position:relative;box-shadow:0 8px 32px #00000047,0 2px 8px #0000002e,inset 0 1px #ffffff1f}.book-wrap:before,.book-wrap:after{content:"";z-index:0;background:repeating-linear-gradient(90deg,#f8f4ed 0 3px,#e8e2d8 3px 4px);width:4px;position:absolute;top:16px;bottom:20px}.book-wrap:before{left:14px}.book-wrap:after{right:14px}.nkc-panels{z-index:1;align-items:stretch;gap:0;height:450px;display:flex;position:relative}.book-spine{background:linear-gradient(90deg,#00000047 0,#0000 15px 20px,#00000047 35px),#fff;flex-shrink:0;width:5px}.nkc-panels .nkc-panel{border:none;border-radius:2px}.nkc-panels .nkc-panel:first-child{border-radius:2px 0 0 2px;box-shadow:inset -10px 0 18px -6px #0000001a}.nkc-panels .nkc-panel:last-child{border-radius:0 2px 2px 0;box-shadow:inset 10px 0 18px -6px #0000001a}.narrow .book-wrap:before,.narrow .book-wrap:after,.narrow .book-page-stack{display:none}.narrow-stack{flex-direction:column;gap:10px;display:flex;position:relative}.narrow-stack .nkc-panel{border:none;border-radius:2px;height:400px}.book-page-stack{background:repeating-linear-gradient(#f8f4ed 0 2px,#cfc8b8 2px 3px,#f0ebe0 3px 5px,#c8c0ae 5px 6px,#e8e2d5 6px 8px,#c0b8a6 8px 9px,#e0dace 9px 10px);border-radius:0 0 2px 2px;height:10px;margin:0 -4px -4px;position:relative}.nkc-panel{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 14px}.panel-heading{color:var(--tx-primary);margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:600}.panel-header>.panel-heading{margin-bottom:8px;font-size:15px;line-height:24px}.panel-controls{align-items:center;gap:8px;height:24px;display:flex}.panel-list{flex:1;min-height:0;overflow-y:auto}.ctrl-btn,.ctrl-select{border:1px solid var(--border);background:var(--surface);height:24px;color:var(--tx-secondary);cursor:pointer;white-space:nowrap;border-radius:5px;padding:0 10px;font-family:inherit;font-size:11px;line-height:1}.ctrl-btn:hover{background:var(--import-hover)}.ctrl-btn.active{border-color:var(--green-accent);color:var(--green-accent)}.ctrl-btn:disabled{opacity:.4;cursor:not-allowed;color:var(--tx-muted);border-color:var(--border)}.modal-left-wrap{z-index:50;width:calc(50% - 2.5px);position:absolute;top:0;bottom:0;left:0}.modal-right-wrap{z-index:50;width:calc(50% - 2.5px);position:absolute;top:0;bottom:0;right:0}.modal-full-wrap{z-index:50;position:absolute;inset:0}