body{font-family:sans-serif;line-height:1.6;background-color:#f4f4f4;margin:0;padding-top:65px;padding-bottom:45px}#app-header{position:fixed;top:0;left:0;width:100%;background-color:#0056b3;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 25px;height:45px;box-sizing:border-box;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.2)}.header-left{display:flex;align-items:baseline}#app-header h1{margin:0;font-size:1.4em;line-height:1;margin-right:10px}#version-info{font-size:.75em;color:#cce5ff;font-weight:400}.header-button{display:inline-flex;align-items:center;background-color:transparent;color:#e0e8ff;border:1px solid #cce5ff;padding:5px 12px;border-radius:4px;text-decoration:none;font-size:.85em;transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.header-button .icon{margin-right:6px;font-size:1.1em}.header-button:hover{background-color:#fff;color:#0056b3;border-color:#fff}#main-content{padding:0 20px}#editor-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);max-width:700px;margin:0 auto 20px auto}#app-footer{position:fixed;bottom:0;left:0;width:100%;background-color:#495057;color:#f8f9fa;padding:8px 0;text-align:center;z-index:1000;font-size:.85em;height:30px;box-sizing:border-box}#app-footer p{margin:0;line-height:1}#app-footer a{color:#adb5bd;text-decoration:none;font-weight:400}#app-footer a:hover{color:#e9ecef;text-decoration:underline}#controls{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}#controls button,#controls select{padding:8px 12px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:.9em;transition:background-color .2s ease;height:35px;box-sizing:border-box;flex-shrink:0}#controls button:hover,#controls select:hover{background-color:#0056b3}#controls button:active{background-color:#004085}#new-list-btn{background-color:#17a2b8}#new-list-btn:hover{background-color:#138496}#save-list-btn{background-color:#28a745}#save-list-btn:hover{background-color:#218838}#load-list-btn{background-color:#ffc107;color:#212529}#load-list-btn:hover{background-color:#e0a800}#delete-list-btn{background-color:#dc3545}#delete-list-btn:hover{background-color:#c82333}#controls button:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.7}#controls select{background-color:#6c757d;min-width:120px;-webkit-appearance:none;-moz-appearance:none;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 10px center;background-size:10px 10px;padding-right:30px}#controls select:hover{background-color:#5a6268}.controls-divider{width:100%;border:none;border-top:1px solid #eee;margin:5px 0;display:none}@media (max-width:750px){.controls-divider{display:block}#controls{justify-content:space-around}}#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:20px;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:#333;font-weight:700;position:absolute;left:0;top:0}#text-list>li>ul>li::before{content:"\25E6";color:#007bff;position:absolute;left:0;top:0}#text-list>li>ul>li>ul>li::before{content:"\25AA";color:#28a745;position:absolute;left:0;top:0}#text-list>li>ul>li>ul>li>ul>li::before{content:"-";color:#dc3545;font-weight:700;position:absolute;left:5px;top:0}.editable-item{display:inline-block;min-width:100px;min-height:1.2em;padding:3px 6px;border:1px dashed transparent;border-radius:3px;outline:0;cursor:text;width:calc(100% - 12px);vertical-align:top}.editable-item:empty::before{content:attr(data-placeholder);color:#999;cursor:text;pointer-events:none;display:inline-block}.editable-item:focus{border-color:#ccc;background-color:#f9f9f9;box-shadow:0 0 3px rgba(0,123,255,.3)}.editable-item:focus::before{content:""}li.selected>.editable-item{background-color:#e0e8ff}.editable-item div,.editable-item p{display:inline;margin:0;padding:0}.editable-item br{display:none}#text-list li.dragging{opacity:.5;background-color:#d0e0ff}#text-list li.drag-over-top{border-top:2px solid #007bff;margin-top:5px;padding-top:3px}#text-list li.drag-over-bottom{border-bottom:2px solid #007bff;margin-bottom:10px;padding-bottom:3px}#text-list li.drag-over-middle{background-color:#cce5ff;outline:1px dashed #007bff;outline-offset:-2px}.dragging .editable-item{pointer-events:none}