#outliner-wrapper{max-width:900px;margin:0 auto var(--spacing-lg)}#tab-bar{display:flex;align-items:flex-end;gap:2px;padding:0 var(--spacing-sm) 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}#tab-bar::-webkit-scrollbar{display:none}#tabs-list{display:flex;align-items:flex-end;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}#tabs-list::-webkit-scrollbar{display:none}.tab-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;background-color:var(--gray-200);border:1px solid var(--border-color);border-bottom:none;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;cursor:pointer;font-size:.82rem;min-width:80px;max-width:180px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;transition:background-color .15s ease,color .15s ease;font-family:inherit;line-height:1.4;transform:none}.tab-btn:hover{background-color:var(--gray-300);color:var(--text-color);border-color:var(--border-color)}.tab-btn:active{transform:none}.tab-btn.active{background-color:var(--card-bg);color:var(--text-color);font-weight:500;z-index:2;position:relative;margin-bottom:-1px;padding-bottom:7px;border-color:var(--border-color)}.tab-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;text-align:left;user-select:none}.tab-close{flex-shrink:0;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;line-height:1;color:var(--gray-500);cursor:pointer;transition:background-color .15s,color .15s}.tab-close:hover{background-color:#ef476f2e;color:var(--danger)}#add-tab-btn{flex-shrink:0;width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:var(--transition);align-self:center;margin-bottom:4px;font-family:inherit;transform:none}#add-tab-btn:hover{background-color:var(--gray-200);border-color:var(--border-color);color:var(--text-color)}#add-tab-btn:active{transform:none}#editor-container{background-color:var(--card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);border:1px solid var(--border-color);position:relative;z-index:1}#controls{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:thin}#controls button,#controls select{padding:5px 10px;cursor:pointer;font-size:.85rem;height:32px;box-sizing:border-box;flex-shrink:0;white-space:nowrap}#controls button{background-color:var(--primary);color:#fff;border:1px solid var(--primary-dark);border-radius:var(--border-radius-sm);transition:var(--transition);display:inline-flex;align-items:center;gap:4px}#controls button:hover:not(:disabled){background-color:var(--primary-dark)}#controls button:active:not(:disabled){transform:translateY(1px)}#controls button:disabled{background-color:var(--gray-300);border-color:var(--gray-300);color:var(--gray-500);cursor:not-allowed;opacity:.7}#save-list-btn{background-color:var(--success);border-color:var(--success)}#save-list-btn:hover:not(:disabled){background-color:#05b386;border-color:#05b386}#load-list-btn{background-color:var(--warning);border-color:var(--warning);color:var(--gray-800)}#load-list-btn:hover:not(:disabled){background-color:#e6bc5c;border-color:#e6bc5c}#delete-list-btn{background-color:var(--danger);border-color:var(--danger)}#delete-list-btn:hover:not(:disabled){background-color:#d63e60;border-color:#d63e60}#controls select{background-color:var(--gray-600);color:#fff;min-width:110px;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 8px center;background-size:9px 9px;padding-right:24px;border:1px solid var(--gray-600);border-radius:var(--border-radius-sm);transition:var(--transition)}#controls select:hover{background-color:var(--gray-700);border-color:var(--gray-700)}.controls-separator{display:block;width:1px;height:22px;background-color:var(--border-color);flex-shrink:0;margin:0 2px}#text-list,#text-list ul{list-style:none;padding-left:25px;margin:0;position:relative}#text-list li{margin-bottom:8px;position:relative;padding-left:44px;transition:margin .1s ease-in-out,padding .1s ease-in-out,border .1s ease-in-out,background-color .1s ease-in-out}#text-list>li:before{content:"\2022";color:var(--text-color);font-weight:700;position:absolute;left:0;top:0}#text-list>li>ul>li:before{content:"\25e6";color:var(--primary);position:absolute;left:0;top:0}#text-list>li>ul>li>ul>li:before{content:"\25aa";color:var(--success);position:absolute;left:0;top:0}#text-list>li>ul>li>ul>li>ul>li:before{content:"-";color:var(--danger);font-weight:700;position:absolute;left:5px;top:0}.editable-item{position:relative;display:inline-block;min-width:100px;min-height:1.2em;padding:3px 6px;border:1px dashed transparent;border-radius:var(--border-radius-sm);outline:none;cursor:text;width:calc(100% - 12px);vertical-align:top;color:var(--text-color);background-color:transparent}.editable-item:empty:before{content:attr(data-placeholder);color:var(--gray-500);cursor:text;pointer-events:none;display:inline-block}.editable-item:focus{border-color:var(--gray-400);background-color:var(--gray-100);box-shadow:0 0 3px #4361ee4d}.editable-item:focus:before{content:""}li.selected>.editable-item{background-color:#4361ee1a}.editable-item p,.editable-item div{display:inline;margin:0;padding:0}.editable-item br{display:none}#text-list li.dragging{opacity:.5;background-color:#4361ee1a;pointer-events:none}#text-list li.drag-over-top>.editable-item:after,#text-list li.drag-over-bottom>.editable-item:after{content:"";position:absolute;left:-28px;right:0;height:3px;background-color:var(--primary);border-radius:2px;pointer-events:none;z-index:10}#text-list li.drag-over-top>.editable-item:after{top:-3px}#text-list li.drag-over-bottom>.editable-item:after{bottom:-3px}#text-list li.drag-over-middle>.editable-item{background-color:#4361ee26;outline:2px dashed var(--primary);outline-offset:-1px}.dragging .editable-item{pointer-events:none}.item-checkbox{position:absolute;left:20px;top:5px;width:14px;height:14px;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.item-checkbox:focus-visible{outline:2px solid var(--primary);outline-offset:1px}li.item-checked>.editable-item{text-decoration:line-through;color:var(--text-muted);opacity:.6}.bullet-zone{position:absolute;left:0;top:0;width:18px;height:24px;cursor:grab;z-index:1;border-radius:3px;transition:background-color .15s}.bullet-zone:active{cursor:grabbing}.bullet-zone:hover{background-color:#4361ee26}.collapse-btn{position:absolute;left:0;top:0;width:18px;height:24px;display:none;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;z-index:2;color:var(--text-muted);border-radius:3px;transition:background-color .15s,color .15s;font-family:inherit}li:has(>ul>li)>.collapse-btn{display:inline-flex}.collapse-btn:hover{background-color:#4361ee26;color:var(--primary)}.collapse-icon{font-size:10px;transition:transform .15s ease;display:inline-block}li[data-collapsed=true]>.collapse-btn .collapse-icon{transform:rotate(-90deg)}li[data-collapsed=true]>ul{display:none}#focus-breadcrumb{display:none;align-items:center;flex-wrap:wrap;gap:2px;padding:0 0 var(--spacing-md);font-size:.82rem}.breadcrumb-item{background:none;border:none;padding:2px 5px;cursor:pointer;color:var(--primary);font-size:.82rem;border-radius:var(--border-radius-sm);font-family:inherit;font-weight:500;transition:background-color .15s;transform:none}.breadcrumb-item:hover{background-color:#4361ee1a;text-decoration:underline}.breadcrumb-item:active{transform:none}.breadcrumb-sep{color:var(--text-muted);user-select:none;padding:0 1px;font-size:.9rem}.breadcrumb-current{color:var(--text-color);font-weight:600;padding:2px 5px}body.dark-theme #editor-container{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .tab-btn{background-color:var(--gray-200);border-color:var(--border-color);color:var(--gray-600)}body.dark-theme .tab-btn:hover{background-color:var(--gray-300);color:var(--text-color)}body.dark-theme .tab-btn.active{background-color:var(--card-bg);color:var(--text-color);border-color:var(--border-color)}body.dark-theme #controls select{background-color:var(--gray-400);border-color:var(--gray-400);color:var(--text-color)}body.dark-theme #controls select:hover{background-color:var(--gray-500);border-color:var(--gray-500)}body.dark-theme .editable-item:focus{background-color:var(--gray-200);border-color:var(--gray-400)}body.dark-theme li.selected>.editable-item{background-color:#6b8cff26}body.dark-theme #text-list li.dragging{background-color:#6b8cff26}body.dark-theme #text-list li.drag-over-middle>.editable-item{background-color:#6b8cff26;outline-color:var(--primary)}body.dark-theme .bullet-zone:hover{background-color:#6b8cff33}body.dark-theme .collapse-btn:hover{background-color:#6b8cff33;color:var(--primary)}body.dark-theme .breadcrumb-item:hover{background-color:#6b8cff26}@media (max-width: 768px){#editor-container{padding:var(--spacing-md)}}@media (max-width: 480px){#editor-container{padding:var(--spacing-sm);border-radius:var(--border-radius-sm)}#controls button,#controls select{font-size:.78rem;padding:4px 8px;height:28px}.tab-btn{font-size:.78rem;padding:5px 8px 5px 10px;min-width:60px}}