*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0d0d12;color:#d0d0d0;height:100vh;overflow:hidden}#app{display:flex;height:100vh}#sidebar{width:340px;min-width:340px;background:#14141c;border-right:1px solid #2a2a3a;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #2a2a3a;flex-shrink:0}.sidebar-header h1{font-size:15px;color:#8b8bff}.btn-icon{background:none;border:none;color:#666;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px}.btn-icon:hover{color:#aaa;background:#2a2a3a}.panel{padding:12px 16px;overflow-y:auto;flex:1}.panel h2{font-size:12px;text-transform:uppercase;color:#666;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}form{display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:6px}input[type=text],select,input[type=number]{padding:7px 10px;border-radius:5px;border:1px solid #2a2a3a;background:#0d0d12;color:#d0d0d0;font-size:13px;outline:none}input[type=text]:focus,input[type=number]:focus{border-color:#6b6bff}select{cursor:pointer}.row select{flex:1}button,.btn-primary,.btn-secondary{padding:7px 14px;border-radius:5px;border:none;font-size:13px;cursor:pointer}.btn-primary,form button,#loadMore{background:#6b6bff;color:#fff}.btn-primary:hover,form button:hover{background:#5a5aee}.btn-secondary{background:#2a2a3a;color:#ccc}.btn-secondary:hover{background:#3a3a4a}.btn-magic{background:linear-gradient(135deg,#6b6bff,#a855f7);color:#fff;font-weight:600;padding:7px 16px}.btn-magic:hover{background:linear-gradient(135deg,#5a5aee,#9333ea)}.btn-magic:disabled{opacity:.5;cursor:wait}.detect-status{font-size:11px;color:#888;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-back{background:none;border:none;color:#8b8bff;cursor:pointer;font-size:13px;padding:0}.asset-link{display:inline-block;font-size:12px;color:#8b8bff;text-decoration:none;margin-bottom:8px}.asset-link:hover{text-decoration:underline}#searchStatus{font-size:12px;color:#666;margin-top:8px}#loadMore{width:100%;margin-top:8px}.result-item{display:flex;gap:10px;padding:8px;margin-top:6px;border-radius:6px;cursor:pointer;border:1px solid transparent}.result-item:hover{border-color:#3a3a4a;background:#1a1a24}.result-thumb{width:56px;height:56px;border-radius:4px;background:#0d0d12;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.result-thumb img{max-width:100%;max-height:100%;image-rendering:pixelated;object-fit:contain}.result-info{flex:1;min-width:0}.result-info h4{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-meta{font-size:11px;color:#666;margin-top:2px}.result-badge{display:inline-block;padding:1px 5px;border-radius:3px;background:#2a2a3a;font-size:10px;margin-right:4px}#assetTitle{font-size:13px;font-weight:500;margin-bottom:8px;color:#aaa}.file-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:5px;cursor:pointer;font-size:12px}.file-item:hover{background:#1a1a24}.file-item.active{background:#2a2a4a;border:1px solid #6b6bff}.file-icon{width:36px;height:36px;border-radius:3px;background:#0d0d12;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.file-icon img{max-width:100%;max-height:100%;image-rendering:pixelated}.file-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{color:#555;font-size:11px;flex-shrink:0}#main{flex:1;display:flex;flex-direction:column;overflow:hidden}#canvasWrap{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:auto;background:#0a0a0f}#canvas{image-rendering:pixelated}#emptyState{position:absolute;color:#444;font-size:14px;text-align:center;padding:40px}#controls{display:flex;align-items:center;gap:16px;padding:10px 16px;background:#14141c;border-top:1px solid #2a2a3a;flex-wrap:wrap;flex-shrink:0}.control-group{display:flex;align-items:center;gap:6px;font-size:12px}.control-group label{color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.control-group input[type=number]{width:60px}.control-group input[type=range]{width:100px}#sheetControls{display:contents}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:#1a1a24;border:1px solid #2a2a3a;border-radius:10px;width:460px;max-width:90vw;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #2a2a3a}.modal-header h2{font-size:15px}.close-btn{background:none;border:none;color:#666;font-size:22px;cursor:pointer}.close-btn:hover{color:#fff}.modal-body{padding:18px}.modal-footer{padding:12px 18px;border-top:1px solid #2a2a3a;display:flex;justify-content:flex-end}.setting-group{margin-bottom:16px}.setting-group label{display:block;font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.setting-group input[type=password],.setting-group select{width:100%;padding:8px 10px;border-radius:5px;border:1px solid #2a2a3a;background:#0d0d12;color:#d0d0d0;font-size:13px;outline:none}.setting-group input[type=password]:focus,.setting-group select:focus{border-color:#6b6bff}.setting-hint{display:block;font-size:11px;color:#555;margin-top:4px}.chat-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#6b6bff,#a855f7);color:#fff;border:none;font-size:22px;cursor:pointer;z-index:90;box-shadow:0 4px 16px #6b6bff66;transition:transform .15s}.chat-toggle:hover{transform:scale(1.1)}.chat-panel{position:fixed;bottom:80px;right:20px;width:400px;max-width:calc(100vw - 380px);height:500px;max-height:calc(100vh - 120px);background:#14141c;border:1px solid #2a2a3a;border-radius:12px;display:none;flex-direction:column;z-index:89;box-shadow:0 8px 32px #00000080}.chat-panel.open{display:flex}.chat-header{padding:12px 16px;border-bottom:1px solid #2a2a3a;font-size:13px;font-weight:600;color:#8b8bff;flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.chat-msg{padding:8px 12px;border-radius:10px;font-size:13px;line-height:1.45;max-width:85%;white-space:pre-wrap;word-break:break-word}.chat-msg-user{align-self:flex-end;background:#6b6bff;color:#fff;border-bottom-right-radius:3px}.chat-msg-assistant{align-self:flex-start;background:#1e1e2e;color:#d0d0d0;border:1px solid #2a2a3a;border-bottom-left-radius:3px}.chat-form{display:flex;gap:6px;padding:10px 12px;border-top:1px solid #2a2a3a;flex-shrink:0;flex-direction:row}.chat-form input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid #2a2a3a;background:#0d0d12;color:#d0d0d0;font-size:13px;outline:none}.chat-form input:focus{border-color:#6b6bff}.chat-form button{background:#6b6bff;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer}.chat-form button:hover{background:#5a5aee}