@import"https://fonts.googleapis.com/css2?family=Onest:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--color-primary: #5B8C51;--color-primary-hover: #4a7a42;--color-primary-light: #e8f0e6;--color-bg-main: #FDFCF9;--color-bg-beige: #F5F1E8;--color-bg-cream: #FAF8F3;--color-border: #D4C9B0;--color-border-light: #E5DFD0;--color-text-dark: #2D2D2D;--color-text-muted: #6B6B6B;--color-text-light: #8B8B8B;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;font-family:Onest,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text-dark);background-color:var(--color-bg-main)}*{margin:0;padding:0;box-sizing:border-box}body,#root{min-height:100vh}input,button,select,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none}input{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-beige);color:var(--color-text-dark);font-size:14px}input:focus{outline:none;border-color:var(--color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-cream)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.hand-editor{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.hand-drag-handle{padding:var(--spacing-xs);color:var(--color-border);cursor:grab;flex-shrink:0;margin-top:18px}.hand-drag-handle:hover{color:var(--color-text-muted)}.hand-drag-handle:active{cursor:grabbing}.hand-fields{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.hand-fields-row{display:flex;gap:var(--spacing-sm)}.field-group{display:flex;flex-direction:column;gap:2px}.field-group-name{flex:1}.field-group-faan{flex:0 0 50px}.field-group-description{width:100%}.field-label{font-family:Onest,monospace;font-size:9px;font-weight:500;color:var(--color-text-muted);letter-spacing:.5px;text-transform:uppercase}.hand-name-input,.hand-faan-input,.hand-description-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-size:13px;background:var(--color-bg-beige);border:1px solid transparent;border-radius:var(--radius-sm)}.hand-name-input:focus,.hand-faan-input:focus,.hand-description-input:focus{border-color:var(--color-primary);outline:none}.hand-faan-input{text-align:center}.hand-description-input{font-size:12px;color:var(--color-text-muted)}.hand-description-input::placeholder{color:var(--color-border)}.hand-remove-btn{padding:var(--spacing-xs);color:var(--color-border);flex-shrink:0;margin-top:18px;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.hand-remove-btn:hover{color:#d32f2f;background:#ffebee}.category-section{margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;background:none;color:var(--color-text-dark);font-family:Onest,monospace;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.category-header:hover{color:var(--color-primary)}.category-title{display:flex;align-items:center;gap:var(--spacing-sm)}.chevron{transition:transform .2s ease;color:var(--color-primary)}.chevron.expanded{transform:rotate(180deg)}.category-content{padding-bottom:var(--spacing-md)}.hands-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-sm)}.reset-btn{font-family:Onest,sans-serif;font-size:12px;color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px}.reset-btn:hover{color:var(--color-text-dark)}.add-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-family:Onest,monospace;font-size:11px;font-weight:500;letter-spacing:.5px;transition:background .2s ease}.add-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:200px;max-height:300px;overflow-y:auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;z-index:100}.add-dropdown-item{width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:13px;color:var(--color-text-dark);background:none;transition:background .15s ease}.add-dropdown-item:hover{background:var(--color-bg-beige)}.table-editor-section{margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.table-editor-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;background:none;color:var(--color-text-dark);font-family:Onest,monospace;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.table-editor-header:hover{color:var(--color-primary)}.table-editor-title{display:flex;align-items:center;gap:var(--spacing-sm)}.table-editor-content{padding-bottom:var(--spacing-md)}.table-editor-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md)}.faan-table{display:flex;flex-direction:column;gap:2px}.faan-table-header{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-family:Onest,monospace;font-size:9px;font-weight:500;color:var(--color-text-muted);letter-spacing:.5px}.faan-table-row{display:flex;gap:var(--spacing-sm);align-items:center}.faan-col{width:40px;text-align:center}.faan-value{font-size:13px;font-weight:500;color:var(--color-text-dark)}.points-col,.points-input,.multiplier-col,.multiplier-input{width:60px}.points-input,.multiplier-input{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px;text-align:center;background:var(--color-bg-beige);border:1px solid transparent;border-radius:var(--radius-sm)}.points-input:focus,.multiplier-input:focus{border-color:var(--color-primary);outline:none}.third-column-header-input{width:60px;padding:var(--spacing-xs) var(--spacing-sm);font-family:Onest,monospace;font-size:9px;font-weight:500;text-align:center;color:var(--color-text-muted);letter-spacing:.5px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.third-column-header-input:hover{background:var(--color-bg-beige)}.third-column-header-input:focus{background:var(--color-bg-beige);border-color:var(--color-primary);outline:none;color:var(--color-text-dark)}.payout-rules-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.payout-rule-editor{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:box-shadow .2s ease,border-color .2s ease}.payout-rule-editor:hover{border-color:var(--color-border);box-shadow:0 2px 4px #0000000d}.payout-rule-editor .drag-handle{padding:8px 4px;color:var(--color-text-muted);cursor:grab;opacity:.5;transition:opacity .2s ease;margin-top:4px}.payout-rule-editor .drag-handle:hover{opacity:1}.payout-rule-inputs{flex:1;display:flex;flex-direction:column;gap:8px}.rule-input-label{font-family:Onest,monospace;font-size:10px;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:2px;display:block}.payout-rule-inputs input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 8px;font-size:13px;color:var(--color-text-dark);font-family:Onest,sans-serif;background:var(--color-bg-beige)}.payout-rule-inputs input:focus{outline:none;border-color:var(--color-primary);background:#fff}.payout-rule-name-group{margin-bottom:4px}.remove-rule-btn{padding:6px;color:var(--color-error);opacity:.6;border-radius:var(--radius-sm);transition:all .2s ease;background:none;border:none;cursor:pointer;margin-top:4px}.remove-rule-btn:hover{opacity:1;background:var(--color-bg-error)}.add-container{position:relative}.add-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-family:Onest,monospace;font-size:11px;font-weight:500;letter-spacing:.5px;cursor:pointer;transition:background .2s ease}.add-btn:hover:not(:disabled){background:var(--color-primary-hover)}.add-btn:disabled{background:var(--color-border);cursor:not-allowed}.add-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;left:auto;min-width:200px;max-height:300px;overflow-y:auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;z-index:100}.add-dropdown-item{width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:13px;color:var(--color-text-dark);background:none;transition:background .15s ease;border:none;cursor:pointer;font-family:Onest,sans-serif;border-bottom:1px solid var(--color-border-light)}.add-dropdown-item:last-child{border-bottom:none}.add-dropdown-item:hover{background:var(--color-bg-beige);color:var(--color-primary)}.add-custom-rule{font-weight:600;color:var(--color-primary);background:var(--color-bg-cream)}.cheatsheet-preview{width:816px;height:528px;padding:16px 20px;background:#fff;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;font-family:Onest,sans-serif;word-spacing:normal;text-rendering:optimizeLegibility}.sheet-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-text-muted)}.sheet-title{font-family:Onest,monospace;font-size:16px;font-weight:600;color:var(--color-text-dark);letter-spacing:1.5px;margin:0}.sheet-branding{font-family:Onest,monospace;font-size:11px;color:var(--color-text-muted)}.sheet-content{display:flex;gap:28px;flex:1;min-height:0}.sheet-column{display:flex;flex-direction:column}.hands-column{flex:1.2;min-width:0}.hands-column-continued{padding-top:17px}.hand-row{padding-bottom:4px;margin-bottom:4px;border-bottom:1px solid var(--color-border-light)}.hand-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.hand-name-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.hand-name{font-size:11px;font-weight:600;color:var(--color-text-dark)}.hand-faan{font-family:Onest,monospace;font-size:11px;font-weight:600;color:var(--color-primary);white-space:nowrap}.hand-description{font-size:9px;color:var(--color-text-muted);margin:2px 0 0;line-height:1.3}.extras-column{flex:1;min-width:0}.extras-section{margin-bottom:16px}.extras-title{font-family:Onest,monospace;font-size:10px;font-weight:600;color:var(--color-text-muted);letter-spacing:.5px;margin:0 0 5px;text-transform:uppercase}.extras-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:3px;margin-bottom:3px;border-bottom:1px solid var(--color-border-light)}.extras-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.extras-name{font-size:11px;color:var(--color-text-dark)}.extras-faan{font-family:Onest,monospace;font-size:11px;font-weight:500;color:var(--color-primary);white-space:nowrap}.payout-column{flex:0 0 auto;width:100px}.payout-table{width:100%;border-collapse:collapse;font-size:10px;margin-bottom:8px}.payout-table th{font-family:Onest,monospace;font-size:9px;font-weight:600;color:var(--color-text-muted);text-align:center;padding:2px 5px;border-bottom:1px solid var(--color-border)}.payout-table th:first-child{text-align:left}.payout-table td{padding:2px 5px;text-align:center;color:var(--color-text-dark)}.payout-table td:first-child{text-align:left;font-weight:600}.rules-list{display:flex;flex-direction:column;gap:4px}.preview-rule-item{display:flex;flex-direction:column;gap:2px}.preview-rule-name{font-size:11px;font-weight:700;color:var(--color-text-dark)}.preview-rule-value{font-size:9px;color:var(--color-text-muted);line-height:1.3}.scaled-preview-container{flex:1;display:flex;justify-content:center;align-items:center;background:var(--color-bg-beige);border-radius:var(--radius-lg);overflow:hidden;position:relative;min-height:0}.scaled-preview-wrapper{transform-origin:center center;background:#fff;box-shadow:0 4px 6px #0000000d,0 10px 40px #0000001a;border-radius:2px;background-image:linear-gradient(to bottom,#fff0,#00000003)}.scale-indicator{position:absolute;bottom:12px;right:12px;font-family:Onest,monospace;font-size:11px;color:var(--color-text-muted);background:#ffffffe6;padding:4px 8px;border-radius:4px;border:1px solid var(--color-border-light)}.cheatsheet-editor{height:100vh;display:flex;flex-direction:column;background:var(--color-bg-main);overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:#fff}.logo{font-family:Onest,monospace;font-size:18px;font-weight:600;color:var(--color-primary);letter-spacing:2px}.nav-coming-soon{font-family:Onest,monospace;font-size:11px;font-weight:500;color:var(--color-text-muted);letter-spacing:.5px}.editor-main{display:flex;flex:1;overflow:hidden}.editor-panel{width:360px;min-width:320px;border-right:1px solid var(--color-border-light);background:var(--color-bg-cream);overflow-y:auto;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg)}.preview-panel{flex:1;background:var(--color-bg-cream);padding:var(--spacing-lg);overflow:hidden;display:flex;flex-direction:column;min-width:0}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);flex-shrink:0}.preview-title{font-family:Onest,monospace;font-size:14px;font-weight:500;color:var(--color-text-dark);letter-spacing:.5px}.preview-subtitle{font-size:12px;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.download-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-family:Onest,monospace;font-size:12px;font-weight:500;letter-spacing:.5px;transition:background .2s ease}.download-btn:hover{background:var(--color-primary-hover)}.download-btn:disabled{opacity:.7;cursor:not-allowed}.download-btn:disabled:hover{background:var(--color-primary)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}