.editor{display:flex;flex-direction:column;height:100%}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.toolbar button{padding:6px 14px;border:1px solid #d0d0d0;border-radius:4px;background-color:#fff;color:#333;font-size:13px;cursor:pointer}.toolbar button:hover:not(:disabled){background-color:#e8e8e8}.toolbar button:disabled{opacity:.4;cursor:default}.toolbar-separator{width:1px;height:24px;background-color:#d0d0d0}.card-picker{display:flex;align-items:center;gap:8px}.card-picker-ranks{display:flex;gap:2px}.card-picker-ranks button{padding:4px 6px;min-width:28px;border:1px solid #d0d0d0;border-radius:3px;background-color:#fff;font-size:12px;cursor:pointer}.card-picker-ranks button.selected{background-color:#2196f3;color:#fff;border-color:#1976d2}.card-picker-suits{display:flex;gap:2px}.card-picker-suits button{padding:4px 8px;border:1px solid #d0d0d0;border-radius:3px;background-color:#fff;font-size:16px;cursor:pointer}.card-picker-suits button.selected{background-color:#e3f2fd;border-color:#1976d2}.card-picker-face{display:flex;align-items:center;gap:4px;font-size:13px;color:#333}.card-picker-error{color:#d32f2f;font-size:12px}.editor-body{display:flex;flex:1;overflow:hidden}.canvas-container{position:relative;flex:1;overflow:hidden;background:#c8c8c8}.quickadd-popover{position:absolute;z-index:100;display:flex;flex-direction:column;min-width:120px;margin-top:4px;background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;box-shadow:0 2px 8px #00000026}.quickadd-popover button{padding:8px 14px;border:none;background:none;text-align:left;font-size:13px;cursor:pointer;color:#333}.quickadd-popover button:hover{background-color:#e8e8e8}.settings-panel{width:220px;border-left:1px solid #e0e0e0;padding:16px;overflow-y:auto;background-color:#fafafa}.settings-section-header{margin:0 0 12px;font-size:13px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.settings-field{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#333}.settings-field-error{color:#d32f2f;font-size:12px}.settings-field input[type=number]{width:64px;padding:4px 8px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px}.settings-button,.settings-danger-button{width:100%;padding:6px 14px;border:1px solid #d0d0d0;border-radius:4px;background-color:#fff;color:#333;font-size:13px;cursor:pointer;margin-top:8px}.settings-button:hover{background-color:#e8e8e8}.settings-danger-button{color:#d32f2f;border-color:#e0a0a0}.settings-danger-button:hover{background-color:#fbe9e7}.card-filter-editor{margin-top:4px}.card-filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.card-filter-title{font-size:12px;font-weight:600;color:#444}.card-filter-add-wrapper{position:relative}.card-filter-add-btn{font-size:11px;padding:2px 8px;border:1px solid #bbb;border-radius:3px;background:#fff;cursor:pointer;color:#444}.card-filter-add-btn:hover{background:#f0f0f0}.card-filter-add-menu{position:absolute;right:0;top:100%;margin-top:2px;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001f;z-index:10;min-width:100px}.card-filter-add-menu-item{display:block;width:100%;padding:6px 12px;border:none;background:none;text-align:left;font-size:12px;cursor:pointer;color:#333}.card-filter-add-menu-item:hover{background:#f0f0f0}.card-filter-list{display:flex;flex-direction:column;gap:4px}.card-filter-item{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.card-filter-item-header{display:flex;align-items:center;gap:4px;padding:4px 6px;background:#fafafa;border-bottom:1px solid #e0e0e0}.card-filter-item-label{flex:1;font-size:12px;font-weight:500;color:#444}.card-filter-collapse-btn{border:none;background:none;cursor:pointer;font-size:9px;color:#888;padding:0 2px;line-height:1}.card-filter-remove-btn{border:none;background:none;cursor:pointer;font-size:16px;color:#999;padding:0 2px;line-height:1}.card-filter-remove-btn:hover{color:#e53935}.card-filter-item-content{padding:4px 6px}.card-filter-toggles{margin-top:6px}.card-filter-label{font-size:12px;color:#666;display:block;margin-bottom:4px}.card-filter-toggle-group{display:flex;flex-wrap:wrap;gap:2px}.card-filter-toggle{min-width:24px;height:24px;padding:2px 4px;border:1px solid #d0d0d0;border-radius:3px;background:#fff;font-size:13px;cursor:pointer;color:#ccc;line-height:1}.card-filter-toggle.active{border-color:#888;background:#f0f0f0;color:inherit;font-weight:700}.card-filter-toggle:hover{background:#eee}.card-filter-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.file-menu{position:relative}.file-menu-dropdown{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;min-width:160px;margin-top:4px;background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;box-shadow:0 2px 8px #00000026}.file-menu-dropdown button{padding:8px 14px;border:none;background:none;text-align:left;font-size:13px;cursor:pointer;color:#333}.file-menu-dropdown button:hover{background-color:#e8e8e8}.modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background-color:#0006}.modal{background-color:#fff;border-radius:8px;padding:20px 24px;min-width:320px;max-width:500px;box-shadow:0 4px 20px #00000040}.modal h3{margin:0 0 16px;font-size:16px;color:#333}.modal label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#555}.modal input[type=text]{padding:6px 10px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px}.modal-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.modal-buttons button{padding:6px 16px;border:1px solid #d0d0d0;border-radius:4px;background-color:#fff;font-size:13px;cursor:pointer}.modal-buttons button:first-child{background-color:#2196f3;color:#fff;border-color:#1976d2}.modal-buttons button:hover{opacity:.85}.import-errors{max-height:300px;overflow-y:auto;margin:0;padding:0 0 0 20px;font-size:13px;color:#d32f2f;list-style:disc}.import-errors li{margin-bottom:4px}.tree-view{width:200px;min-width:200px;border-right:1px solid #e0e0e0;background-color:#fafafa;overflow-y:auto;font-size:13px;-webkit-user-select:none;user-select:none}.tree-view-header{padding:10px 12px;font-size:13px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e0e0e0}.tree-collection-header{display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer;color:#333}.tree-collection-header:hover{background-color:#eee}.tree-collection-arrow{font-size:10px;width:12px;color:#888}.tree-collection-label{flex:1;font-weight:500}.tree-collection-rename-input{flex:1;font-size:13px;font-weight:500;padding:0 4px;border:1px solid #1976d2;border-radius:3px;outline:none;min-width:0}.tree-collection-badge{font-size:10px;font-weight:600;color:#666;background-color:#e8e8e8;border-radius:3px;padding:0 4px;line-height:16px;flex-shrink:0}.tree-collection-count{font-size:11px;color:#999;background-color:#e8e8e8;border-radius:8px;padding:0 6px;line-height:18px}.tree-collection-children{padding-left:8px}.tree-slot{display:flex;align-items:center;gap:6px;padding:4px 12px;cursor:pointer;color:#555;border-radius:3px;margin:1px 4px}.tree-slot:hover{background-color:#eee}.tree-slot--selected{background-color:#e3f2fd;color:#1976d2}.tree-slot-layer-buttons{display:flex;gap:2px;margin-left:auto}.tree-slot-layer-btn{background:none;border:1px solid #ccc;border-radius:3px;cursor:pointer;padding:0 4px;font-size:12px;line-height:18px;color:#666}.tree-slot-layer-btn:hover{background-color:#e0e0e0;color:#333}.tree-layer-group{border-left:2px solid #d0d0d0;margin-left:4px;margin-bottom:2px}.tree-layer-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;font-weight:600;color:#666;background-color:#e8e8e8;border-radius:3px;flex-shrink:0}.tree-layer-indicator{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#888;padding:3px 8px;text-transform:uppercase;letter-spacing:.3px}.tree-layer-group .tree-slot{margin:1px 4px 1px 2px;padding:4px 8px 4px 6px}.tree-slot-label{flex:1}.tree-section-divider{border-bottom:1px solid #e0e0e0;margin:4px 0}.level-list{border-bottom:1px solid #e0e0e0}.level-list-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:13px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.level-list-btn{border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.level-list-btn--save{background:#404040;color:#f0f0f0;font-size:11px;font-weight:600;letter-spacing:.3px;padding:0 10px;height:24px}.level-list-btn--save:hover{background:#2a2a2a}.level-list-btn--save:active{background:#1a1a1a;transform:scale(.96)}.level-list-btn--add{background:none;color:#777;width:24px;height:24px;border:1.5px solid #ccc;border-radius:5px}.level-list-btn--add:hover{color:#404040;border-color:#999;background:#f0f0f0}.level-list-btn--add:active{background:#e4e4e4;transform:scale(.93)}.level-item{display:flex;align-items:center;gap:6px;padding:4px 12px;cursor:pointer;color:#555;border-radius:3px;margin:1px 4px}.level-item:hover{background-color:#eee}.level-item--active{background-color:#e3f2fd;color:#1976d2}.level-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-rename-input{flex:1;font-size:13px;font-weight:500;padding:0 4px;border:1px solid #1976d2;border-radius:3px;outline:none;min-width:0}.level-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background-color:#ccc}.level-status-dot--saved{background-color:#4caf50}.level-status-dot--dirty{background-color:#f44336}.level-status-dot--saving{background-color:#ffc107}.level-status-dot--error{background-color:#f44336}.level-item-delete{background:none;border:none;cursor:pointer;color:#999;font-size:16px;line-height:1;padding:0 2px;opacity:0;flex-shrink:0}.level-item:hover .level-item-delete{opacity:1}.level-item-delete:hover{color:#f44336}.level-list-skeleton{padding:2px 0}.level-skeleton-item{padding:4px 12px;margin:1px 4px;height:28px;display:flex;align-items:center}.level-skeleton-bar{height:12px;border-radius:3px;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:level-skeleton-shimmer 1.5s ease-in-out infinite}.level-skeleton-item:nth-child(1) .level-skeleton-bar{width:70%}.level-skeleton-item:nth-child(2) .level-skeleton-bar{width:55%}.level-skeleton-item:nth-child(3) .level-skeleton-bar{width:80%}@keyframes level-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.version-list{border-bottom:1px solid #e0e0e0}.version-empty{padding:8px 12px;font-size:12px;color:#999}.version-item{display:flex;align-items:center;gap:6px;padding:4px 12px;color:#555;margin:1px 4px;font-size:12px}.version-item:hover{background-color:#eee;border-radius:3px}.version-item-label{font-weight:600;flex-shrink:0}.version-item-date{flex:1;color:#999;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-tag{font-size:10px;font-weight:600;color:#1976d2;background-color:#e3f2fd;border-radius:3px;padding:0 4px;line-height:16px;flex-shrink:0}.version-item-delete{background:none;border:none;cursor:pointer;color:#999;font-size:16px;line-height:1;padding:0 2px;opacity:0;flex-shrink:0}.version-item:hover .version-item-delete{opacity:1}.version-item-delete:hover{color:#f44336}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,sans-serif;background-color:#fff;color:#333}