:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;height:100vh;width:100vw;overflow:hidden}*,*:before,*:after{box-sizing:border-box}.sidebar{width:300px;height:100%;background-color:#f8f9fa;border-right:1px solid #dee2e6;overflow-y:auto;display:flex;flex-direction:column;gap:20px;color:#343a40;font-size:14px;margin-left:0;transition:margin-left 1s;position:relative;overflow:visible}.sidebar.sidebar-hidden{margin-left:-300px}.sidebar.sidebar-disabled{pointer-events:none;opacity:.8}.sidebar-height-wrapper{overflow:auto;width:100%;height:100%;padding:68px 15px 15px}.sidebar-section{border-bottom:1px solid #e9ecef;padding-bottom:15px}.sidebar-section:last-child{border-bottom:none}.sidebar h4{margin-top:0;margin-bottom:10px;color:#495057;font-size:1.1em}.sidebar .close-button{position:absolute;right:10px;top:16px;transition:right 1s;z-index:1}.sidebar.sidebar-hidden .close-button{right:-50px}.sidebar button{background-color:#007bff;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;margin-right:5px;margin-bottom:5px;font-size:.9em;width:auto;height:auto}.sidebar button:hover:not(:disabled){background-color:#0056b3}.sidebar button:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.7}.status-section{background-color:#e9ecef;padding:10px;border-radius:4px}.ai-status{font-style:italic;color:#6c757d;font-size:.95em;min-height:1.2em;margin-bottom:5px}.readiness-status{font-size:.85em;color:#495057;margin-top:5px}.warning-text{font-size:.85em;color:#dc3545;margin-left:5px}.list-section ul{list-style:none;padding:0;margin:10px 0 40px;max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #f1f3f5;gap:10px;cursor:grab;transition:background-color .1s ease-out}.list-item:last-child{border-bottom:none}.point-item span{flex-grow:1;font-size:.9em}.image-item{gap:10px;cursor:pointer}.thumbnail-container{flex-shrink:0;width:45px;height:45px;border:1px solid #ced4da;border-radius:4px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#e9ecef}.thumbnail{max-width:100%;max-height:100%;object-fit:contain}.base-image-thumb{width:auto;height:150px;margin-top:10px;border:1px solid #adb5bd}.base-image-thumb img{object-fit:contain}.item-details{flex-grow:1;display:flex;flex-direction:column;gap:5px;overflow:hidden}.item-details span{font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.item-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.item-actions button{padding:4px 8px;font-size:.8em}.remove-button{background-color:transparent;color:#dc3545;border:none;width:20px;height:20px;line-height:18px;padding:0;font-size:1.2em;font-weight:700;cursor:pointer;flex-shrink:0;margin-left:auto;transition:color .2s ease}.item-actions .remove-button{margin-left:0}.remove-button:hover{color:#a71d2a;background-color:transparent}.normal-button:hover{color:#fff;background-color:transparent}.controls-section{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.controls-section h4{width:100%;margin-bottom:5px}.controls-section .clip-button{padding:8px 12px;font-size:.9em;background-color:#6c757d}.controls-section .clip-button:hover:not(:disabled){background-color:#5a6268}.controls-section .clip-button.active{background-color:#17a2b8}.controls-section .clip-button.active:hover:not(:disabled){background-color:#138496}.controls-section .clip-button:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.7}.save-button{background-color:#28a745}.save-button:hover:not(:disabled){background-color:#218838}.list-item.drag-over-visual{border-top:2px dashed #007bff;background-color:#e9f5ff}.list-item.selected{background-color:#cfe2ff;border-left:4px solid #0d6efd;padding-left:6px}.item-actions .processing-text{font-size:.8em;font-style:italic;color:#6c757d;padding:4px 8px}.change-color{background-color:#007bff;border-radius:4px;cursor:pointer;transition:background-color .2s ease;margin-right:5px;margin-bottom:5px;border:none;height:22px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#32323299;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;color:#fff;font-size:1.2em}.loading-spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #fff;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay p{margin:0;text-shadow:1px 1px 2px black}#root{max-width:none;margin:0;padding:0;text-align:left;height:100vh;width:100vw;display:flex;overflow:hidden}.app-container{display:flex;width:100%;height:100%;background-color:#f0f0f0}.canvas-container{flex-grow:1;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#e0e0e0}.loading-placeholder{color:#666;font-style:italic}.konvajs-content{display:block}body{margin:0;min-width:initial;min-height:initial;background-color:#f0f0f0}h1{font-size:initial;line-height:initial}