*,*: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{flex:1;overflow:hidden;background:#c8c8c8}.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}.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-pile-header{display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer;color:#333}.tree-pile-header:hover{background-color:#eee}.tree-pile-arrow{font-size:10px;width:12px;color:#888}.tree-pile-label{flex:1;font-weight:500}.tree-pile-count{font-size:11px;color:#999;background-color:#e8e8e8;border-radius:8px;padding:0 6px;line-height:18px}.tree-pile-children{padding-left:12px}.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-drag-handle{cursor:grab;color:#bbb;font-size:14px;line-height:1}.tree-slot-drag-handle:hover{color:#888}.tree-slot-label{flex:1}