*,*: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}.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}