:root{--panel-width: 38.2%;--panel-width-min: 640px;--panel-width-effective: max(var(--panel-width), var(--panel-width-min));--panel-remaining: calc(100% - var(--panel-width-effective));--panel-center: calc(var(--panel-remaining) / 2)}.combined-panel{position:fixed;top:0;right:-100%;width:100%;max-width:var(--panel-width);min-width:var(--panel-width-min);height:100vh;background-color:var(--container-bg);padding:32px 120px 8px 24px;border-radius:8px 0 0 8px;box-shadow:-6px 0 20px #0006;z-index:var(--z-combined-panel);border:none;transition:right .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out,box-shadow .3s ease-out;opacity:0;visibility:visible;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;flex-direction:column;will-change:right,opacity}.combined-panel:not(.hidden){right:0;opacity:1;box-shadow:-8px 0 30px #00000080}.combined-panel.hidden{right:-100%;opacity:0;visibility:hidden;transition:right .3s cubic-bezier(.55,.055,.675,.19),opacity .2s ease-in,visibility 0s linear .3s,z-index 0s linear .3s;pointer-events:none;z-index:-1}.panel-content{display:none;height:auto;flex:1;width:100%;box-sizing:border-box;padding:24px!important;-webkit-overflow-scrolling:touch}.panel-content.active{display:block;z-index:var(--z-combined-panel)}.outer-ring-controls{margin-bottom:12px;display:block}.segment-outline-controls,.chase-ring-controls{margin-bottom:12px}.setting-item{background:#ffffff0d;border-radius:8px;padding:1rem;margin-bottom:.75rem;transition:all .2s ease;position:relative;overflow:hidden;box-sizing:border-box}.setting-item.setting-subheader{background:transparent;padding:.5rem 0;margin-top:.5rem;margin-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.setting-item.setting-subheader .setting-item-title{font-size:.85em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:0;display:flex;align-items:center;gap:6px}.setting-item.setting-subheader .setting-item-title i{font-size:.9em;opacity:.8}#activate-lights-container{margin-top:16px}.lights-controls{margin-top:12px;padding:12px;background:#ffffff0d;border-radius:8px}.parent-item{background:none;border-radius:0!important;padding:0!important}.sub-parent-group{background:#ffffff0d;border-radius:12px;padding:1rem;transition:all .2s ease;position:relative;overflow:hidden;box-sizing:border-box}.sub-parent-child{background:#0000001a;border-radius:12px;padding:1rem;transition:all .2s ease;position:relative;overflow:hidden;box-sizing:border-box}#gradientBackgroundControls .color-picker-item{width:100%;padding:16px;gap:0px;max-height:100px;z-index:0}.text-color-group{display:flex;flex-direction:column;justify-content:space-between;gap:16px}.custom-background-container{display:flex;flex-direction:column}.custom-spin-button-controls{display:flex;flex-direction:column;gap:0px;margin-top:16px}.custom-spin-button-controls.hidden{display:none}.spin-button-gradient-controls{display:flex;flex-direction:column;gap:16px}.spin-button-gradient-controls.hidden{display:none}.custom-text-color-controls{display:none;flex-direction:column;gap:16px;margin-top:16px}.title-scale-controls{margin-top:16px}.title-scale-controls.hidden{display:none}#dynamic-title-scale-container{margin-top:8px;overflow:visible}#use-custom-text-colors-container{margin-top:8px}.background-color-group{display:flex;flex-direction:row;gap:16px}.swatch-group{display:flex;flex-direction:row;gap:16px;width:100%}.setting-item-container{display:flex;flex-direction:column;background:#ffffff0d;border-radius:12px;padding:8px;overflow:hidden;box-sizing:border-box}.setting-item:last-child{margin-bottom:0}.setting-item-title{font-size:.75rem;font-weight:600;margin-bottom:8px;color:var(--text-primary);padding:0;height:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left}.setting-item-description{font-size:.875em;color:var(--text-secondary);margin-bottom:12px;line-height:1.4;opacity:.8}.sorter-bulk-input-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.sorter-bulk-textarea{width:100%;min-height:120px;padding:16px;background:var(--input-bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.95rem;resize:vertical;font-family:inherit}.sorter-bulk-textarea:focus{outline:none;border-color:var(--accent-color)}.sorter-actions-wrapper .btn-primary,.sorter-actions-wrapper .button-secondary{flex:1 1 auto;min-width:120px;padding:12px 20px;font-size:.95rem;font-weight:600}.sorter-actions-wrapper .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.sorter-actions-wrapper .button-secondary{background:var(--input-bg);border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.sorter-actions-wrapper .button-secondary:hover{background:#ffffff1a;border-color:var(--accent-color)}.setting-item.toggle-item{display:flex;align-items:center;justify-content:space-between}.setting-item.toggle-item .switch{flex-shrink:0;margin-left:auto}.setting-item.color-picker-item{display:flex;align-items:center;justify-content:space-between;padding:1rem}.color-value-container{display:flex;justify-content:flex-start;align-items:flex-start;gap:0px;display:none;min-width:0}.mobile-title-edit-modal{display:none}.setting-item.slider-item{padding:1rem}.setting-item select,.setting-item input[type=text],.setting-item input[type=number]{width:100%;margin-top:.25rem;box-sizing:border-box}:is(body.light-theme,body[data-theme=light]) .setting-item{background:#00000005;border-color:#e5e7eb}@media(max-width:768px){.combined-panel .setting-item,.setting-item.parent-item,.setting-item{margin-bottom:.5rem}.setting-item{padding:.875rem 1rem;border-radius:10px;margin-bottom:.5rem}.settings-group{position:relative;overflow:visible;padding:0;gap:16px}.text-color-group,.background-color-group{display:flex;flex-direction:column;gap:16px}.swatch-group{display:flex;flex-direction:column;gap:0px}}.pill-navigation{display:flex;justify-content:flex-start;margin-bottom:20px;padding:5px;position:relative;width:100%;max-width:640px;margin-left:auto;margin-right:auto;z-index:1}.pill-button{flex:1;padding:10px 15px;background-color:var(--button-secondary-bg);color:var(--text-secondary);border:none;border-radius:16px;cursor:pointer;font-size:.9em;font-weight:500;margin:0 2.5px;transition:background-color .2s,color .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.pill-button:hover{background-color:var(--button-secondary-hover);color:var(--text-primary)}.pill-button.active{background-color:var(--accent-color);color:var(--text-on-accent)}.outcomes-controls-wrapper{margin-bottom:20px}.add-outcome-wrapper{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:0;margin:16px 0;box-sizing:border-box}.add-outcome-wrapper>#addOutcomeBtn{position:absolute;right:56px;top:50%;transform:translateY(-50%);z-index:2;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;border-radius:6px;border:none}.outcome-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-primary);font-size:1em;transition:border-color .2s;box-sizing:border-box;flex:1}.outcome-input:focus{border-color:var(--accent-color);outline:none}.outcome-action-btn-container{width:100%;height:100%;display:flex;gap:8px;align-items:center;justify-content:flex-end}.outcome-action-btn-container .outcome-action-btn,.outcome-action-btn-container .outcomes-menu-icon{flex:1}.outcome-action-btn,.outcomes-menu-icon{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;border:none;background-color:var(--input-bg);color:var(--text-primary);cursor:pointer;font-size:.9em;transition:all .2s;min-width:40px;min-height:40px;max-width:40px;max-height:40px;width:40px;height:40px;line-height:0}.outcomes-menu-icon{background-color:var(--input-bg)}.outcome-action-btn:hover{background-color:rgba(var(--accent-color-rgb),.3);border-color:var(--accent-color)}.outcome-action-btn.active{border-color:var(--accent-color)!important}.settings-action-btn{position:relative;overflow:hidden}#toggleGameModeBtn,#prizeWheelOptionsContainer{display:none!important}.settings-action-btn.container-active{border:2px solid rgba(255,255,255,.9)!important;box-shadow:0 0 0 1px #ffffff4d,0 2px 8px #0003!important}body.light-theme .settings-action-btn.container-active{border:2px solid var(--accent-color)!important;box-shadow:0 0 0 1px #3b82f64d,0 2px 8px #0000001a!important}.settings-action-btn.has-active-setting:after{content:"✔";position:absolute;bottom:0;right:0;width:20px;height:20px;background:#fff;border-radius:1px;clip-path:polygon(100% 100%,100% 0,0 100%);display:flex;align-items:flex-end;justify-content:flex-end;padding:0 5px 2px 0;font-size:10px;font-weight:900;color:#000c;line-height:1;box-shadow:-2px -2px 4px #00000026;z-index:10}.settings-action-btn:hover.has-active-setting:after{background:#fff}.color-picker-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.text-color-method-selector{display:flex;gap:8px;margin-bottom:16px}.text-color-method-selector .method-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);font-size:.9em;cursor:pointer;transition:all .2s ease}.text-color-method-selector .method-btn:hover{background:#ffffff1a;border-color:#fff3}.text-color-method-selector .method-btn.active{background:var(--accent-color, #00c4d9);border-color:var(--accent-color, #00c4d9);color:#fff}.text-color-method-selector .method-btn i{font-size:1em}.text-color-method-controls{margin-top:8px}.color-value-hash{font-family:monospace;font-size:1em;color:var(--text-secondary);font-weight:600}.color-value-input{width:90px;padding:10px 12px;border:2px solid var(--border-color);border-radius:6px;background:var(--surface-color, #ffffff);color:var(--text-primary);font-family:monospace;font-size:1em;font-weight:600;text-align:center;text-transform:uppercase;transition:all .2s ease;box-shadow:inset 0 1px 3px #0000001a}.color-value-input:focus{outline:none;border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a,inset 0 1px 3px #0000001a;background:#fff}.color-value-input:hover{border-color:var(--accent-color, #3b82f6);background:#fff}.color-value-display{font-family:monospace;font-size:.9em;color:var(--text-secondary);background:var(--input-bg);padding:6px 8px;border-radius:4px;text-align:center;min-width:80px}@media(max-width:768px){.color-value-input{display:none}.color-value-display{display:block}}@media(min-width:769px){.color-value-display{display:none}.color-value-input{display:block}}.segment-colors-container{display:flex;flex-direction:column;gap:10px;margin-top:10px}.segment-color-item{display:flex;align-items:center;gap:10px;padding:8px;background-color:var(--input-bg);border-radius:6px}.segment-color-input{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer}.segment-color-remove{background:none;border:none;color:var(--text-error, #f44336);cursor:pointer;font-size:14px;padding:4px;border-radius:4px;transition:background-color .2s}.segment-color-remove:hover{background-color:var(--hover-bg)}.color-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;min-height:300px}.color-theme-row{position:relative;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease}.color-theme-row:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 8px 24px #00c4d933;background:#ffffff0d}.color-theme-row.selected{border-color:var(--accent-color);background:linear-gradient(135deg,#00c4d91a,#00c4d90d)}.color-theme-row.selected:after{content:"✓";position:absolute;top:8px;left:8px;width:24px;height:24px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;z-index:2}.color-theme-name{font-weight:600;color:var(--text-primary);font-size:1em;text-align:center;margin-bottom:4px}.swatch-preview-container{width:100%;height:140px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.saved-swatch-actions{display:flex;flex-direction:row;gap:6px;justify-content:center;align-items:center}.saved-swatch-action-btn{width:24px;height:24px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:10px;position:relative}.saved-swatch-action-btn:hover{background:#00c4d926;border-color:var(--accent-color);transform:scale(1.05)}.saved-swatch-action-btn:active{transform:scale(.95)}.saved-swatch-action-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.saved-swatch-action-btn.has-changes{background:#ffc10733;border-color:#ffc10780}.saved-swatch-action-btn.has-changes:hover{background:#ffc1074d;border-color:#ffc107}.saved-swatch-action-delete{color:#ff6b6b}.saved-swatch-action-delete:hover{background:#ff6b6b26;border-color:#ff6b6b80}.saved-swatch-action-delete:active{background:#ff6b6b40}.saved-swatch-actions.has-unsaved-changes:before{content:"";position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:#ffc107;border-radius:50%;border:1px solid rgba(0,0,0,.8);z-index:10}@media(max-width:768px){.color-theme-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.swatches-section{padding:0}.color-theme-row{padding:10px}.color-theme-name{font-size:.9em}.swatch-preview-container{height:100px}}@media(max-width:480px){.color-theme-grid{grid-template-columns:1fr 1fr}}.color-theme-swatches-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;height:100%;padding:8px;box-sizing:border-box}.color-theme-swatches-inline .swatch-grid-color,.color-theme-swatches-inline .swatch-grid-color:hover,.color-theme-swatches-inline .swatch-grid-color:active,.color-theme-swatches-inline .saved-swatch,.color-theme-swatches-inline .saved-swatch:hover,.color-theme-swatches-inline .saved-swatch:active,.color-theme-swatches-inline .saved-swatch.editable:hover,.swatch-grid-color,.swatch-grid-color:hover,.swatch-grid-color:active,.saved-swatch,.saved-swatch:hover,.saved-swatch:active,.saved-swatch.editable:hover,.color-theme-row.edit-mode .saved-swatch.editable:hover{transform:none!important;scale:1!important;box-sizing:border-box!important}.swatch-grid-color{min-width:100%;aspect-ratio:1;border-radius:4px;border:1px solid rgba(255,255,255,.2);transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;box-sizing:border-box}.swatch-grid-color:hover{border-color:#ffffff80;box-shadow:0 2px 8px #0003}.swatch-card-menu-container{position:absolute;top:8px;right:8px;z-index:10}.swatch-card-menu-btn{background:#000000b3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary);opacity:0}.color-theme-row:hover .swatch-card-menu-btn{opacity:1}.swatch-card-menu-btn:hover{background:#000000e6;border-color:var(--accent-color);transform:scale(1.05)}.swatch-card-menu-btn i{font-size:14px}.swatch-card-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#14141efa;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #00000080;min-width:180px;z-index:1000;overflow:hidden}.swatch-card-dropdown-menu.hidden{display:none}.swatch-card-dropdown-item{width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:.9em;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .15s ease}.swatch-card-dropdown-item:hover{background:#00c4d91a}.swatch-card-dropdown-item i{font-size:1em;width:16px;text-align:center}.swatch-card-dropdown-item.delete-item{color:#ff6b6b}.swatch-card-dropdown-item.delete-item:hover{background:#ff6b6b1a}.swatch-card-menu-btn.has-unsaved-changes{background:#ffc10733;border-color:#ffc10780}.swatch-card-menu-btn.has-unsaved-changes:before{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ffc107;border-radius:50%;border:1px solid rgba(0,0,0,.8);z-index:10}.swatch-card-menu-btn.has-unsaved-changes:hover{background:#ffc1074d;border-color:#ffc107}.swatch-card-dropdown-item:disabled,.swatch-card-dropdown-item[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.premium-section-banner{grid-column:1 / -1;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:16px 20px;margin:8px 0;transition:all .3s ease}.premium-section-banner:hover{border-color:#ffd70080;box-shadow:0 4px 12px #ffd70026}.premium-banner-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.premium-banner-left{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}.premium-banner-title{font-size:13px;font-weight:600;color:#fffffff2;line-height:1.3}.premium-banner-title i.fa-crown{color:gold;margin-right:4px}.premium-banner-title i.fa-gem{color:#a855f7;margin-right:4px}.premium-banner-description{font-size:12px;color:#ffffffb3;font-weight:400;line-height:1.4}.premium-banner-subtitle .tier-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:.85em;font-weight:600;white-space:nowrap}.premium-banner-subtitle .tier-badge.tier-pro{background:linear-gradient(135deg,#ffd70033,#ffa50033);color:gold;border:1px solid rgba(255,215,0,.4)}.premium-banner-subtitle .tier-badge.tier-pro i{color:gold}.premium-banner-subtitle .tier-badge.tier-premium{background:linear-gradient(135deg,#8a2be233,#4b008233);color:#a855f7;border:1px solid rgba(138,43,226,.4)}.premium-banner-subtitle .tier-badge.tier-premium i{color:#a855f7}.premium-banner-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:8px;font-weight:600;font-size:.9em;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.premium-banner-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.premium-banner-btn i{font-size:.9em}@media(max-width:768px){.premium-section-banner{padding:14px 16px}.premium-banner-content{flex-direction:column;align-items:stretch;gap:12px}.premium-banner-left{align-items:center;text-align:center}.premium-banner-btn{width:100%;justify-content:center}.premium-banner-title{font-size:12px}.premium-banner-description{font-size:11px}}@media(max-width:480px){.premium-section-banner{padding:12px 14px}}.alternating-colors-swatch-grid{display:none;grid-template-columns:repeat(8,1fr);gap:8px;margin:12px 0;padding:12px;background:#ffffff08;border-radius:8px;width:100%!important;max-width:100%;overflow:hidden;box-sizing:border-box}.alternating-colors-swatch-grid.visible{display:grid!important}.alternating-color-swatch{width:100%;aspect-ratio:1;min-width:24px;max-width:40px;border-radius:6px;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center}.alternating-color-swatch:hover{transform:scale(1.1);border-color:#fff9;box-shadow:0 4px 12px #0000004d}.alternating-color-swatch.selected{opacity:1;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-subtle)}.alternating-color-swatch.unselected{opacity:.2;border-color:#ffffff1a}.alternating-color-swatch.unselected:hover{opacity:.5;border-color:#ffffff4d}.alternating-colors-count-info{font-size:.875rem;color:var(--text-secondary);text-align:center;margin-top:8px}.alternating-colors-count-info span{font-weight:600;color:var(--accent-color)}.user-colors-section{margin-top:20px}.user-colors-section.hidden{display:none}.user-colors-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:0 0 15px}.user-colors-controls-wrapper{margin-bottom:16px}.user-colors-header{display:flex;align-items:center;flex:1}.user-colors-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:0}.action-buttons-wrapper{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.no-user-colors-message{text-align:center;padding:40px 20px;color:var(--text-secondary);font-style:italic;display:none}.no-user-colors-message i{font-size:2em;margin-bottom:12px;opacity:.6}.no-user-colors-message p{margin:0;font-size:.9em;line-height:1.4}#userSwatchesSection.active .no-user-colors-message{display:block}#userColorThemeGrid .color-theme-row{background:rgba(var(--accent-color-rgb),.05);border:1px dashed var(--accent-color);position:relative}#userColorThemeGrid .color-theme-row:hover{background:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color)}.user-theme-delete-btn{position:absolute;top:8px;right:8px;background:#dc3545cc;color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;opacity:0;transition:all .2s ease;z-index:2}.user-theme-delete-btn:hover{background:#dc3545;transform:scale(1.1)}#userColorThemeGrid .color-theme-row:hover .user-theme-delete-btn{opacity:1}.color-theme-row.premium-disabled{opacity:.6;cursor:not-allowed;position:relative}.color-theme-row.premium-disabled:hover{transform:none;border-color:#ffffff1a;box-shadow:none;background:#ffffff08}.color-theme-row.pro-disabled:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:16px;left:16px;width:32px;height:32px;background:#000;backdrop-filter:blur(10px);border-radius:6px 0 16px;display:flex;align-items:center;justify-content:center;font-size:14px;color:gold;z-index:2}.color-theme-row.premium-disabled:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:16px;left:16px;width:32px;height:32px;background:#000;backdrop-filter:blur(10px);border-radius:6px 0 16px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;z-index:2}.color-theme-row.premium-disabled .swatch-grid-color,.color-theme-row.pro-disabled .swatch-grid-color{opacity:.7}.color-theme-row.premium-disabled .swatch-grid-color:hover{transform:none;border-color:#fff3;box-shadow:none}.swatches-section{display:none}.swatches-section.active,#userSwatchesSection.active,#userSwatchesSection.active .user-colors-section{display:block;visibility:visible;opacity:1}.saved-swatch{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.3);transition:all .2s ease;position:relative;cursor:pointer}.saved-swatch:hover{transform:scale(1.05);border:2px solid rgba(255,255,255,.6);box-shadow:0 2px 6px #0003}.saved-swatch.editable{cursor:pointer}.saved-swatch.editable:hover{transform:scale(1.1);border:2px solid rgba(0,123,255,.8);box-shadow:0 0 8px #007bff66}.color-theme-row.edit-mode{background:#007bff0d;border:2px solid rgba(0,123,255,.3);border-radius:8px;padding:12px;margin:8px 0;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.color-theme-row.edit-mode .color-theme-name{order:1;text-align:left;font-weight:600;font-size:14px;margin:0}.editable-title{cursor:pointer;text-align:left;width:100%;padding:4px 8px;border-radius:4px;transition:all .2s ease;border:1px solid transparent}.editable-title:hover{background:#007bff1a;border:1px solid rgba(0,123,255,.3)}.editable-title.editing{background:#007bff0d;border:1px solid rgba(0,123,255,.5)}.title-edit-input{width:calc(100% + 16px);margin:-4px -8px;background:var(--input-bg, #2a2a2a);border:2px solid rgba(0,123,255,.8);border-radius:4px;padding:4px 8px;font-size:14px;font-weight:600;color:var(--text-color, #ffffff);outline:none;box-shadow:0 0 0 2px #007bff33;text-align:left;box-sizing:border-box;display:block}.list-editing-title-section{order:1;margin-bottom:16px;padding:8px 0;border-bottom:1px solid var(--border-color, #333);display:flex;align-items:center;gap:8px}.list-editing-title-section.hidden{display:none}.list-editing-title-section .edit-indicator-icon{color:var(--text-secondary, #888);font-size:.75em;opacity:.6;cursor:pointer;transition:opacity .2s ease,color .2s ease}.list-editing-title-section:hover .edit-indicator-icon{opacity:1;color:var(--accent-color, var(--accent-cyan))}.editing-list-name{font-size:24px;font-weight:800;width:-moz-fit-content;width:fit-content;color:var(--text-color, #ffffff);margin:0;cursor:pointer;padding:4px 16px 4px 8px;border-radius:4px;transition:all .2s ease;border:2px solid transparent;background:transparent;text-align:left;word-break:break-word}.editing-list-name:hover{background:var(--hover-bg, rgba(255, 255, 255, .05));border-color:var(--border-color, #333)}.editing-list-name.editing{background:var(--input-bg, #2a2a2a);border-color:#007bffcc;box-shadow:0 0 0 2px #007bff33}.list-editing-status{font-size:12px;color:var(--text-muted, #888);font-weight:500;padding-left:8px}.list-editing-status.has-changes{color:var(--warning-color, #ffa500)}.list-editing-status.has-changes:before{content:"● ";color:var(--warning-color, #ffa500)}.list-editing-actions{display:grid;grid-template-columns:repeat(2,32px);grid-template-rows:repeat(2,32px);gap:8px;flex-shrink:0}.list-action-btn{width:32px;height:32px;border:1px solid var(--border-color, #333);border-radius:6px;background:var(--button-bg, #2a2a2a);color:var(--text-color, #ffffff);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px;position:relative}.list-action-btn:hover:not(:disabled){background:var(--button-hover-bg, #3a3a3a);border-color:var(--button-hover-border, #555);transform:translateY(-1px)}.list-action-btn:active:not(:disabled){transform:translateY(0)}.list-action-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--button-disabled-bg, #1a1a1a);border-color:var(--button-disabled-border, #222)}.list-save-btn:not(:disabled){background:var(--success-bg, #28a745);border-color:var(--success-border, #1e7e34);color:#fff}.list-save-btn:hover:not(:disabled){background:var(--success-hover, #218838);border-color:var(--success-hover-border, #1c7430)}.list-undo-btn:not(:disabled){background:var(--warning-bg, #ffc107);border-color:var(--warning-border, #e0a800);color:var(--dark-text, #000)}.list-undo-btn:hover:not(:disabled){background:var(--warning-hover, #e0a800);border-color:var(--warning-hover-border, #d39e00)}.list-duplicate-btn{background:var(--info-bg, #17a2b8);border-color:var(--info-border, #138496);color:#fff}.list-duplicate-btn:hover{background:var(--info-hover, #138496);border-color:var(--info-hover-border, #117a8b)}.list-clear-btn{background:var(--danger-bg, #dc3545);border-color:var(--danger-border, #c82333);color:#fff}.list-clear-btn:hover{background:var(--danger-hover, #c82333);border-color:var(--danger-hover-border, #bd2130)}.list-name-edit-input{width:100%;background:var(--input-bg, #2a2a2a);border:2px solid rgba(0,123,255,.8);border-radius:4px;padding:4px 8px;font-size:16px;font-weight:600;color:var(--text-color, #ffffff);outline:none;box-shadow:0 0 0 2px #007bff33;text-align:left;box-sizing:border-box;margin:0}.title-edit-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff4d}.color-theme-row.edit-mode .theme-content-row{order:2;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px}.saved-theme-content-row{display:flex;align-items:flex-start;flex-direction:row;justify-content:space-between;gap:16px;padding:0;margin:0;width:100%}.color-theme-row.edit-mode .color-theme-swatches-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex-shrink:0}.saved-swatches-container{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border:rgba(0,123,255,.05);flex-shrink:0;padding:0;margin:0;max-width:124px}.color-theme-row.edit-mode .swatch-edit-actions{margin:0;padding:0;border:none;flex-shrink:0;align-self:flex-start}.color-theme-row.edit-mode .saved-swatch.editable:hover{transform:scale(1.15);border:2px solid rgba(0,123,255,.8);box-shadow:0 0 12px #007bff66}.edit-actions-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;justify-items:center;max-width:80px;margin:0 auto}.swatch-action-btn{border:.5px solid rgba(255,255,255,.5);width:24px;height:24px;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.swatch-save-btn{background:#28a745;color:#fff}.swatch-save-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.swatch-save-btn.has-changes{background:#28a745;box-shadow:0 0 0 2px #28a7454d}.swatch-undo-btn{background:#ffc107;color:#212529}.swatch-undo-btn:hover:not(:disabled){background:#e0a800;transform:translateY(-1px);box-shadow:0 4px 8px #ffc1074d}.swatch-undo-btn.has-changes{background:#ffc107;box-shadow:0 0 0 2px #ffc1074d}.swatch-duplicate-btn{background:#6c757d;color:#fff}.swatch-duplicate-btn:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.swatch-delete-btn{background:#dc3545;color:#fff}.swatch-delete-btn:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.swatch-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.swatch-action-btn i{font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}#themesPanelContent{align-items:flex-start}.wheel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:calc(var(--z-floating-elements) + 10);display:none;opacity:0;transition:opacity .3s ease;pointer-events:none}.wheel-overlay:before{content:"";position:absolute;bottom:15px;left:15px;width:66px;height:66px;pointer-events:none;z-index:1}.combined-panel:not(.hidden)~#mainContentWrapper .wheel-overlay{display:block;opacity:1}.action-group{position:absolute;top:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;z-index:var(--z-floating-elements);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.combined-panel:not(.hidden)~.action-group,.combined-panel:not(.hidden)+.action-group,body.panel-open .action-group{opacity:1;visibility:visible}body.panel-open nav,body.panel-open .bottom-navigation,body.panel-open footer,body.panel-open .app-nav-list{display:none}body.panel-open .promo-unit,body.panel-open .promo-banner,body.panel-open #promo-zone,body.combined-panel-active .promo-unit,body.combined-panel-active .promo-banner,body.combined-panel-active #promo-zone{display:none!important}@media(max-width:768px){body.panel-open #fpcZone,body.combined-panel-active #fpcZone,body.combined-panel-active #spinBtn{display:none!important}}.setting-micro-copy{font-size:.8em;color:var(--text-secondary);margin-top:4px;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.setting-micro-copy.visible{opacity:1;max-height:100px}.icon-toggle-group{display:flex;gap:8px}.icon-toggle-btn{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--button-secondary-bg);color:var(--text-primary);cursor:pointer;font-size:.9em;transition:all .2s}.icon-toggle-btn:hover{background-color:var(--button-secondary-hover);border-color:var(--accent-color)}.icon-toggle-btn.active{background-color:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.icon-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.icon-toggle-btn:disabled:hover{background-color:var(--button-secondary-bg);border-color:var(--border-color)}.mobile-edit-title-icon{position:absolute;top:24px;right:56px;width:32px;height:32px;background:var(--accent-color);border:none;border-radius:4px;color:#fff;font-size:18px;cursor:pointer;z-index:5000;box-shadow:0 2px 8px #0003;transition:all .2s ease;display:none}@media(max-width:1024px){:root{--panel-width: 50%}}@media(max-width:768px){:root{--panel-width: 100%;--panel-width-min: 0px;--panel-content-right: 0px}.panel-content{width:100%;right:0;padding:0!important;height:auto;-webkit-overflow-scrolling:touch}.combined-panel{position:fixed;min-width:100%!important;left:0;right:0;top:auto;width:100%;max-width:100%!important;height:60vh;padding:16px 8px 64px;border-radius:24px 24px 0 0!important}.combined-panel.hidden{bottom:-100vh!important;visibility:hidden}.combined-panel:not(.hidden){bottom:0;visibility:visible}.combined-panel.panel-opening{animation:panelSlideUpSmooth .6s cubic-bezier(.175,.885,.32,1.275) forwards}.combined-panel.panel-closing{animation:panelSlideDownSmooth .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes panelSlideUpSmooth{0%{bottom:-100vh}60%{bottom:2vh}to{bottom:0}}@keyframes panelSlideDownSmooth{0%{bottom:0}40%{bottom:-2vh}to{bottom:-100vh}}.combined-panel.expanded{height:95vh!important;bottom:0!important;border-radius:24px 24px 0 0!important;transition:height .6s cubic-bezier(.175,.885,.32,1.275)!important}.combined-panel.expanded .panel-content{height:auto;transition:height .6s cubic-bezier(.175,.885,.32,1.275)}.combined-panel.expanding,.combined-panel.collapsing{transition:height .6s cubic-bezier(.175,.885,.32,1.275)!important;will-change:height}.combined-panel.ios-dragging{transition:none!important;will-change:bottom}.combined-panel.ios-snap-back{transition:bottom .4s cubic-bezier(.25,.46,.45,.94)!important}.combined-panel.ios-dismissing{transition:bottom .5s cubic-bezier(.25,.46,.45,.94)!important}.panel-drag-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#0000004d;border-radius:2px;cursor:grab;transition:all .2s ease;z-index:10;opacity:.6}.panel-drag-handle:hover,.panel-drag-handle:active{background:#00000080;opacity:1;transform:translate(-50%) scale(1.1)}.panel-drag-handle:active{cursor:grabbing}body.light-theme .panel-drag-handle{background:#0006;opacity:.7}body.light-theme .panel-drag-handle:hover,body.light-theme .panel-drag-handle:active{background:#0009;opacity:1}.combined-panel:before{pointer-events:none}.combined-panel.expanded:before{bottom:5vh}.combined-panel.hidden:before{display:none}.toggle-item label:first-child{flex:1;margin-right:15px}.color-picker-item{flex-direction:row;align-items:center}.outcome-input{font-size:16px}.color-theme-row{flex-direction:column;align-items:center;gap:8px}.color-theme-name{width:100%;margin-bottom:4px;font-size:.9em}.color-theme-swatches-inline{width:100%;justify-content:flex-start}.user-colors-title{font-size:1em}.no-user-colors-message{padding:30px 15px}.no-user-colors-message i{font-size:1.5em}.user-theme-delete-btn{opacity:1;background:#dc3545e6}body.panel-open nav,body.panel-open .bottom-navigation,body.panel-open footer,body.panel-open .app-nav-list{display:none}body.panel-open{overflow:hidden}body.panel-open #wheelVisualWrapper{transform:scale(.7);opacity:.3;pointer-events:none}body.panel-open #wheelContainer{transform:scale(.8);opacity:.4;pointer-events:none}#outcomesPanelContent .setting-item:has(.panel-question-title-wrapper){display:none}.mobile-title-edit-modal{position:fixed;inset:0;background:#000c;z-index:15000;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.mobile-title-edit-modal.visible{opacity:1;visibility:visible}.mobile-title-edit-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(24px);background:var(--container-bg);border-radius:16px;padding:24px;max-width:400px;width:calc(100% - 40px);box-shadow:0 8px 32px #0000004d;transition:transform .3s ease}.mobile-title-edit-modal.visible .mobile-title-edit-modal-content{transform:translate(-50%,-50%) translateY(0)}.mobile-title-edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px;margin-bottom:16px;box-sizing:border-box}.mobile-title-edit-modal-title{font-size:1.25rem;font-weight:600;line-height:1.2;color:var(--text-primary);margin:0}.mobile-title-edit-modal-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.mobile-title-edit-modal-close:hover{background:var(--input-bg);color:var(--text-primary)}.mobile-title-edit-modal-input{width:100%;padding:16px;border:2px solid var(--border-color);border-radius:12px;background:var(--input-bg);color:var(--text-primary);font-size:16px;font-family:inherit;outline:none;transition:border-color .2s ease;box-sizing:border-box;margin-bottom:20px}.mobile-title-edit-modal-input:focus{border-color:var(--accent-color)}.mobile-title-edit-modal-actions{display:flex;gap:var(--modal-padding-md, 16px);justify-content:flex-end;margin-top:20px}}:is(body.light-theme,body[data-theme=light]) .combined-panel{background-color:#fff;border-left:1px solid #e5e7eb;box-shadow:-6px 0 20px #0000001a}:is(body.light-theme,body[data-theme=light]) .panel-content{background:none}:is(body.light-theme,body[data-theme=light]) .pill-button.active{background-color:var(--accent-color, #3b82f6);color:#fff}:is(body.light-theme,body[data-theme=light]) :is(.outcome-action-btn.active,.icon-toggle-btn.active){background-color:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}:is(body.light-theme,body[data-theme=light]) :is(.panel-header-wrapper h3,.settings-group-title,.setting-item label,.toggle-item label){color:#1f2937}.panel-question-title-wrapper{border-radius:8px;padding:0;margin-bottom:16px;transition:all .2s ease;position:relative;overflow:hidden}.panel-question-title-wrapper:hover{background:#ffffff14;border-color:var(--accent-color, #3b82f6);box-shadow:0 2px 8px #0000001a}.panel-question-title{width:100%;background:transparent;border:none;padding:1rem 3.5rem 1rem 1.2rem;font-size:1.1em;font-weight:500;color:var(--text-primary);outline:none;resize:none}.panel-question-title::-moz-placeholder{color:var(--text-secondary);opacity:.7}.panel-question-title::placeholder{color:var(--text-secondary);opacity:.7}:is(body.light-theme,body[data-theme=light]) .panel-question-title-wrapper{background:#00000005;border-color:#e5e7eb}:is(body.light-theme,body[data-theme=light]) .panel-question-title-wrapper:hover{background:#0000000a;border-color:var(--accent-color, #3b82f6);box-shadow:0 2px 8px #0000000d}.panel-title-input-container{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box;padding-bottom:0;margin:0}.panel-input-buttons-container{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;z-index:10}.saved-lists-grid{display:flex;flex-direction:column;gap:8px;margin-top:1rem;padding:0;box-sizing:border-box}.no-saved-lists-message{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;height:100%;width:100%;padding:16px;border:1px dashed var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-secondary);font-size:.9em;box-sizing:border-box}.add-new-list-cta{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(var(--accent-color-rgb),.08);border:2px dashed var(--accent-color);border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:var(--text-primary)}.add-new-list-cta:hover{background:rgba(var(--accent-color-rgb),.15);border-color:var(--accent-color);transform:translateY(-1px)}.add-new-list-cta .cta-icon{width:40px;height:40px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.add-new-list-cta .cta-content{flex:1;display:flex;flex-direction:column;gap:2px}.add-new-list-cta .cta-title{font-weight:600;color:var(--accent-color);font-size:.95em;margin:0}.add-new-list-cta .cta-subtitle{color:var(--text-secondary);font-size:.8rem;margin:0}.saved-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(var(--accent-color-rgb),.05);border:1px dashed var(--accent-color);border-radius:8px;position:relative;cursor:pointer;transition:all .3s ease}.saved-list-item:hover{background:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color)}.saved-list-item.selected{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.15);box-shadow:0 0 12px rgba(var(--accent-color-rgb),.3)}.saved-list-header{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.saved-list-name{font-weight:500;color:var(--text-primary);font-size:.95em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-list-meta{display:flex;gap:12px;align-items:center;color:var(--text-secondary);font-size:.8rem}.saved-list-count{color:var(--accent-color);font-weight:500}.saved-list-date{color:var(--text-secondary)}.saved-list-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-shrink:0}.saved-list-actions .button-primary{width:auto;height:auto;min-width:unset;min-height:unset;max-width:unset;max-height:unset;padding:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.85rem}.saved-list-actions .delete-list-btn:hover{color:var(--error-color);background:#f443361a}#saveListAlert .form-group{text-align:left}#saveListAlert .modal-title{width:100%;line-height:.9;height:100%}#saveListAlert .modal-buttons{display:flex;flex-direction:column-reverse;gap:16px}#saveListAlert .form-group label{color:var(--text-primary);font-size:.9em}#saveListAlert #saveListNameInput{border:1px solid var(--border-color);width:100%;background:var(--input-bg);color:var(--text-primary);border-radius:6px;padding:10px 12px;font-size:.9em}.alert-box .form-group{width:100%}#saveListAlert #saveListNameInput:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.2)}#saveListAlert #saveListNameInput::-moz-placeholder{color:var(--text-secondary);opacity:.7}#saveListAlert #saveListNameInput::placeholder{color:var(--text-secondary);opacity:.7}.settings-group-title,.sorter-group-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .8rem;padding:0 8px;letter-spacing:-.01em;line-height:1.3;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:100%}.sorter-section-header-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;width:100%;flex-wrap:wrap}.sorter-section-header-left{flex:1 1 auto;min-width:0}#sorterItemsListContainer .sorter-section-header-row{box-sizing:border-box}#sorterItemsListContainer .sorter-section-header-left{box-sizing:border-box;width:auto;flex:0 0 auto}#sorterItemsListContainer .sorter-section-header-right{box-sizing:border-box;flex:1 1 auto;display:flex;justify-content:flex-end;align-items:center;gap:16px}#sorterItemsListContainer #saveListBtn,#addBulkSorterItemsBtn{max-width:160px;padding:10px}#sorterItemsListContainer .sorter-actions-wrapper{padding:0;border:none;background:none;box-shadow:none;border-radius:0;color:var(--text-primary);font-size:.9em;font-weight:600;text-align:left;text-decoration:none}.sorter-section-header-left h4{margin:0;font-size:1.1em;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sorter-actions-wrapper{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.sorter-actions-wrapper::-webkit-scrollbar{display:none}.sorter-actions-wrapper .settings-action-btn{min-width:40px!important;height:40px;padding:0;display:flex;align-items:center;justify-content:center}.settings-action-btn{padding:0;display:flex;align-items:center;justify-content:center;background:#00000080!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.settings-action-btn:hover{background:#ffffff1a;border-color:var(--accent-color);color:var(--accent-color);transform:none}.settings-action-btn i{font-size:16px}@media(max-width:768px){.settings-action-btn{width:48px;height:48px}.settings-action-btn i{font-size:16px}.sorter-section-header-row{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px}.sorter-section-header-left{flex:0 0 auto}.sorter-section-header-right{flex:1 1 auto;display:flex;align-items:center;gap:2px!important;justify-content:flex-end}.sorter-bulk-input-section{padding:8px 16px;box-sizing:border-box}}.settings-group-title-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin:1.5rem 0 .8rem}.settings-group-title-container .settings-group-title{margin:0;flex:1}.settings-group-title-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.panel-main-title-wrapper{position:sticky;background:var(--container-bg);top:-48px;z-index:1000;display:flex;align-items:center;gap:16px;padding:8px 16px 8px 0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;box-sizing:border-box}.panel-main-title-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:8px 0!important}.themes-panel-content{overflow:hidden}.panel-main-title{margin:0;white-space:nowrap}.panel-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.panel-save-btn{background:var(--primary-color, #00c4d9);border:none;border-radius:6px;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.panel-save-btn:hover{background:var(--primary-color-hover, #00a8bb);transform:translateY(-1px);box-shadow:0 2px 8px #00c4d94d}.panel-save-btn:active{transform:translateY(0)}.panel-save-btn.saving{pointer-events:none;opacity:.8}.panel-save-btn.saving i{animation:spin 1s linear infinite}.panel-save-btn.success{background:#10b981}.panel-save-btn.success:hover{background:#059669}.panel-save-btn.error{background:#ef4444}.panel-save-btn.error:hover{background:#dc2626}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){#outcomesPanelContent .panel-main-title-wrapper{margin-bottom:0!important}.panel-main-title-wrapper{position:sticky;justify-content:space-between;z-index:1000;padding:16px 8px 4px!important;top:-16px;margin-bottom:16px;border-bottom:none;width:100%;background:var(--container-bg)}.panel-main-title{font-size:1.5em}.panel-main-title-wrapper .panel-main-title-content{order:-1}}.outcomes-group-title{position:sticky;top:0;z-index:1000;font-size:1.75em;font-weight:600;text-align:left;color:var(--text-primary);margin:0rem 0 0;padding:0 8px 0 0;min-width:100%;width:100%;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:flex-start;gap:0}.outcomes-group-title-text{display:flex;align-items:center;gap:0px;font-size:1.25em;margin-left:8px}.outcomes-menu-icon:hover{background:var(--accent-color, #5dbc7a);color:#fff}.outcomes-menu-icon:active{transform:scale(.95)}.outcomes-group-title .outcomes-menu-icon{display:flex}.outcomes-group-title .outcomes-title-text{font-size:2em;font-weight:700;color:var(--text-primary);padding:0;letter-spacing:-.025em;line-height:1.2}.settings-group:first-child .settings-group-title{margin-top:0}@media(max-width:768px){.panel-question-title{display:none}.sorter-section-header-left{display:flex;align-items:center;gap:8px;font-size:.8em;width:-moz-fit-content!important;width:fit-content!important}.settings-group-title{font-size:1em}.settings-group-title-outcomes{margin:0;padding:0}.setting-item-title{font-size:.9em}}:is(body.light-theme,body[data-theme=light]) :is(.panel-main-title,.settings-group-title,.setting-item-title){color:#1f2937}:is(body.light-theme,body[data-theme=light]) .settings-group-title{border-bottom-color:#e5e7eb}:is(body.light-theme,body[data-theme=light]) .outcomes-group-title .outcomes-menu-icon{color:#6b7280}:is(body.light-theme,body[data-theme=light]) .outcomes-group-title:hover .outcomes-menu-icon{color:#1f2937}.combined-panel .switch{margin-left:auto}.pill-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;margin-bottom:0;transition:opacity .3s ease,visibility .3s ease}.pill-label{font-size:.75rem;font-weight:500;white-space:nowrap}@media(max-width:768px){.settings-pill-menu{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;position:fixed;background:var(--container-bg);gap:8px;z-index:9999;box-sizing:border-box;width:100%;min-height:96px;padding:12px 24px;bottom:0;left:0}.pill-label{display:none}body.combined-panel-active #combinedPanelPillMenu{display:flex!important}body.combined-panel-active #combinedPanelPillMenu.nav-hidden{pointer-events:none!important}body.input-focused #combinedPanelPillMenu{display:none!important;visibility:hidden!important;opacity:0!important}body.input-focused .combined-panel{height:85vh!important;transition:height .6s cubic-bezier(.175,.885,.32,1.275)!important}body.virtual-keyboard-open .combined-panel,body.virtual-keyboard-open body.input-focused .combined-panel{height:100vh!important;max-height:100vh!important}body.input-focused .combined-panel .panel-content{padding-bottom:100px;scroll-behavior:smooth}body.input-focused .combined-panel.expanding,body.input-focused .combined-panel.collapsing{height:85vh!important;transition:none!important}#outcomeInput:focus,.list-item-text:focus,.outcome-input:focus{transform:none!important;position:relative!important;top:auto!important;left:auto!important;margin:0!important;display:block!important;width:100%!important;box-sizing:border-box!important}input[type=color]:focus,.color-value-input:focus,.form-input-color-value:focus,[id*=ColorValue]:focus,[id*=colorValue]:focus{transform:none!important;position:relative!important;z-index:auto!important}.color-picker-controls,.color-value-container{position:relative!important;z-index:0!important}input[type=color]{z-index:1000!important;position:relative!important}input[type=color]:focus,input[type=color]:active{z-index:1001!important}.add-outcome-wrapper{position:relative!important;display:flex!important;box-sizing:border-box!important;padding:0 4px}.list-item-content{position:relative!important;width:100%!important;display:flex!important;box-sizing:border-box!important}body.virtual-keyboard-open #outcomeInput:focus,body.virtual-keyboard-open .list-item-text:focus,body.virtual-keyboard-open input:not([type=color]):not([type=checkbox]):focus,body.virtual-keyboard-open textarea:focus{transform:none;z-index:1001;position:relative}body.virtual-keyboard-open .combined-panel{overflow-y:auto;scroll-behavior:smooth}.panel-tab-back-btn{position:sticky;left:0;bottom:0;background:var(--button-secondary-bg);border:1px solid var(--border-color);color:var(--text-secondary);min-width:48px;height:48px;padding:8px;border-radius:8px;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease;margin-right:8px;flex-shrink:0}.panel-tab-back-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.combined-panel:not(.hidden){padding-bottom:16px}}@media(min-width:769px){#combinedPanelPillMenu{display:none}.mobile-edit-title-icon{position:absolute;top:24px;right:56px;width:32px;height:32px;display:none}.panel-tab-navigation{inset:-24px auto auto;z-index:auto;width:100%;border-top:none;margin-bottom:16px;height:auto;min-height:auto;max-height:none;transform:none;opacity:1;pointer-events:auto;display:flex;gap:8px;padding:8px 0 16px;flex-direction:row!important;position:sticky;background:var(--container-bg);z-index:1000;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.panel-tab-navigation::-webkit-scrollbar{display:none}.combined-panel:not(.hidden){padding-bottom:0}.panel-tab-back-bar{display:none!important}}@media(max-width:768px){.combined-panel{will-change:auto!important;perspective:none!important;backface-visibility:visible!important;overflow-y:auto!important;overflow-x:hidden!important}.combined-panel:not(.global-settings-modal) .panel-tab-navigation{display:none!important}.combined-panel:not(.global-settings-modal) .panel-content.active>.panel-tab-navigation{display:flex!important;position:fixed;bottom:0;left:0;right:0;overflow-x:auto!important;overflow-y:hidden!important;padding:16px 8px 8px!important;height:100%!important;max-height:48px!important;z-index:10001;background:var(--container-bg);gap:8px;pointer-events:none;transform:translateY(100%);transition:transform .32s cubic-bezier(0,0,.2,1)}.combined-panel:not(.global-settings-modal) .panel-content.active>.panel-tab-navigation.nav-visible{transform:translateY(calc(-53px - env(safe-area-inset-bottom,0px)));pointer-events:auto;transition:transform .26s cubic-bezier(.4,0,.2,1)}.combined-panel:not(.global-settings-modal) .panel-content.active>.panel-tab-navigation.scroll-hidden{transform:translateY(100%)!important;transition:transform .32s cubic-bezier(0,0,.2,1)!important}.panel-tab-back-bar{position:fixed;bottom:0;left:0;right:0;z-index:10001;display:flex;align-items:flex-start;gap:10px;padding:8px 40px 40px 12px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--container-bg);border-top:1px solid var(--border-color);pointer-events:none;text-align:center!important;width:100%!important;box-sizing:border-box!important;transform:translateY(100%);transition:transform .32s cubic-bezier(0,0,.2,1)}.action-buttons-wrapper{display:flex;justify-content:space-between;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;width:100%!important}.user-colors-title{margin:8px 0;width:100%!important}.panel-tab-back-bar.nav-visible{transform:translateY(0);pointer-events:auto;transition:transform .26s cubic-bezier(.4,0,.2,1)}.panel-tab-back-bar.scroll-hidden{transform:translateY(100%)!important;transition:transform .32s cubic-bezier(0,0,.2,1)!important}.panel-tab-back-bar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:none;border:none;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:800;padding:0}.panel-tab-back-bar-btn:active{color:var(--text-primary)}.panel-tab-back-bar-label{font-size:1rem;font-weight:800;color:var(--text-secondary);white-space:nowrap;letter-spacing:.02em;width:100%!important;text-align:center!important}#combinedPanelPillMenu{z-index:10001;transition:transform .26s cubic-bezier(.4,0,.2,1);transform:translateY(0)}#combinedPanelPillMenu.nav-hidden{transform:translateY(100%);pointer-events:none;transition:transform .32s cubic-bezier(0,0,.2,1)}#combinedPanelPillMenu.scroll-hidden{transform:translateY(100%)!important;transition:transform .32s cubic-bezier(0,0,.2,1)!important}.combined-panel:not(.hidden){padding-bottom:120px!important}.combined-panel.panel-opening,.combined-panel.panel-closing,.combined-panel.ios-dragging,.combined-panel.ios-snap-back,.combined-panel.ios-dismissing{will-change:auto!important;perspective:none!important;backface-visibility:visible!important}}.combined-panel .setting-item,.setting-item.parent-item{margin-bottom:1.5rem}.setting-item.collapsed-toggle{margin-bottom:0!important}.setting-item.expanded-toggle{margin-bottom:1.5rem!important}.setting-item.toggle-item.parent-item:has(input[type=checkbox]:not(:checked)){margin-bottom:0!important}#segment-outlines-container,#inner-circle-container,#race-animate-mode-setting,#marching-ants-container,#desktop-transform-container,#mobile-transform-container,#show-button-text-container,#spin-button-style-container,#spin-button-images-container{margin-bottom:1rem!important}#segment-outlines-container>.setting-item.toggle-item.parent-item,#inner-circle-container>.setting-item.toggle-item.parent-item,#race-animate-mode-setting>.setting-item.toggle-item.parent-item,#marching-ants-container>.setting-item.toggle-item.parent-item,#desktop-transform-container>.setting-item.toggle-item.parent-item,#mobile-transform-container>.setting-item.toggle-item.parent-item,#show-button-text-container>.setting-item.toggle-item.parent-item,#spin-button-style-container>.setting-item.toggle-item.parent-item,#spin-button-images-container>.setting-item.toggle-item.parent-item,#spinButtonEnableIconContainer>.setting-item.toggle-item.parent-item,#spinButtonEnableTextContainer>.setting-item.toggle-item.parent-item,#spinButtonEnableImageContainer>.setting-item.toggle-item.parent-item{margin-bottom:0!important}.mobile-field-edit-wrapper{position:relative;display:flex;align-items:center;width:100%}.mobile-field-edit-wrapper input,.mobile-field-edit-wrapper textarea{flex:1;padding-right:48px}.mobile-field-edit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--accent-primary, #00c4d9);color:#000;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.mobile-field-edit-btn:active{transform:translateY(-50%) scale(.95);background:var(--accent-primary-hover, #00d4e9)}.mobile-field-edit-btn i{font-size:14px}.mobile-field-edit-wrapper:has(textarea) .mobile-field-edit-btn{top:12px;transform:none}.mobile-field-edit-wrapper:has(textarea) .mobile-field-edit-btn:active{transform:scale(.95)}.panel-modal-header{display:none!important}.combined-panel>.panel-tab-menu{display:none}.combined-panel>.panel-modal-footer{display:none}@media(min-width:769px){.combined-panel{position:fixed;inset:16px 16px auto auto;transform:none;width:450px;min-width:0;max-width:none;height:calc(100vh - 32px);max-height:none;border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-top:4px solid var(--accent-color, #00c4d9);border-radius:16px;box-shadow:0 12px 40px #00000080;padding:0;overflow:hidden!important;display:grid!important;grid-template-rows:auto auto 1fr auto!important;grid-template-columns:1fr!important;transition:opacity .25s ease-out;will-change:opacity}.combined-panel:not(.hidden){right:16px;opacity:1;padding:0;box-shadow:0 12px 40px #00000080}.combined-panel.hidden{right:-500px;opacity:0;transition:opacity .2s ease-in,visibility 0s linear .2s}.combined-panel.panel-modal-dragged{transform:none}.combined-panel>.panel-content{padding:16px 24px;overflow-y:auto!important;overflow-x:hidden;min-height:0!important;max-height:none!important}#appNavDrawer,.combined-panel>#createWheelFab,.combined-panel>#mobileEditTitleIcon,.combined-panel>.panel-drag-handle,.combined-panel>.panel-main-title-wrapper{display:none!important}.panel-modal-header{display:flex!important;z-index:10}.combined-panel.panel-collapsed>.panel-tab-menu,.combined-panel.panel-collapsed>.panel-content,.combined-panel.panel-collapsed>.panel-modal-footer,.combined-panel.panel-collapsed>.panel-footer{display:none!important}.combined-panel.panel-collapsed .drag-modal-icon{transform:rotate(90deg)}.panel-tab-menu{display:flex!important;gap:12px;padding:0 12px;background:var(--container-bg);overflow-x:auto;scrollbar-width:none}.panel-tab-menu.desktop-only{padding:16px 16px 0!important}.panel-tab-menu::-webkit-scrollbar{display:none}.panel-tab{padding:8px 12px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff6;background:transparent;border:none;cursor:pointer;border:.5px solid transparent;border-radius:8px;transition:color .15s,border-color .15s,background .15s;flex-shrink:0;white-space:nowrap}.panel-tab:hover{color:var(--text-primary)}.panel-tab.active{color:#ffffffb3;border-radius:8px;background:#ffffff0d}.panel-tab i{font-size:.9em;display:none}#combinedPanel.panel-collapsed>.panel-modal-footer{display:none!important}#combinedPanel>.panel-modal-footer{display:flex!important;visibility:visible!important;opacity:1!important;justify-content:flex-end;align-items:center;min-height:22px;padding:2px 8px 4px 0;background:var(--container-bg);border-top:1px solid var(--border-color);cursor:nwse-resize;touch-action:none}#combinedPanel>.panel-modal-footer>.panel-resize-grip{display:inline-block!important;width:12px;height:12px;border-right:2px solid rgba(255,255,255,.25);border-bottom:2px solid rgba(255,255,255,.25);border-radius:0 0 4px;transition:border-color .15s}#combinedPanel>.panel-modal-footer:hover>.panel-resize-grip{border-color:#ffffff80}:is(body.light-theme,body[data-theme=light]) #combinedPanel>.panel-modal-footer{background:#fff;border-top-color:#e5e7eb}:is(body.light-theme,body[data-theme=light]) #combinedPanel>.panel-modal-footer>.panel-resize-grip{border-right-color:#0003;border-bottom-color:#0003}:is(body.light-theme,body[data-theme=light]) #combinedPanel>.panel-modal-footer:hover>.panel-resize-grip{border-color:#0006}.combined-panel.panel-dragging,.combined-panel.panel-resizing{transition:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.panel-main-title-wrapper{display:none!important}.combined-panel:not(.hidden)~#mainContentWrapper .wheel-overlay{display:none;opacity:0}:is(body.light-theme,body[data-theme=light]) .panel-modal-header,:is(body.light-theme,body[data-theme=light]) .panel-tab-menu{background:#fff;border-bottom-color:#e5e7eb}body.combined-panel-active #wheelContainer.half-wheel,body.combined-panel-active #wheelContainer.full-wheel{left:50%!important;transform:translate(-50%) translateY(-50%)!important}body.combined-panel-active #wheelContainer.mega-wheel{left:50%!important;transform:translate(-50%) translateY(-0%) scale(2)!important}body.combined-panel-active #wheelContainer.mega3d-wheel{left:50%!important;transform:translate(-50%) translateY(10%) scale(2.5) perspective(500px) rotateX(45deg) rotateY(-0deg)!important;transform-style:preserve-3d}body.combined-panel-active #wheelHeaderContainer{right:0!important}body.combined-panel-active #globalMessages{left:50%!important}body.combined-panel-active .top-right-controls{right:16px!important}body.combined-panel-active .app-step-wheel{width:100%!important}body.combined-panel-active #spinBtn{display:flex!important}body.combined-panel-active .slow-spin-fab{display:none!important}body.combined-panel-active #fabContainer{display:block!important}body.combined-panel-active .spinagle-menu-wrapper,body.combined-panel-active .fab-group-fullscreen,body.combined-panel-active .fab-group-volume{display:flex!important}body.combined-panel-active .up-next-component.show-on-wheel-step.animating-in,body.combined-panel-active .up-next-component.show-on-wheel-step.yoyo-visible{display:block!important}body.combined-panel-active .list-item-indicator{display:flex!important}body.combined-panel-active .floating-nav-widget,body.customizing-active .top-navigation{display:block!important}}.details-save-indicator{font-size:.7rem;margin-right:auto;padding-left:8px;transition:opacity .4s ease}.details-save-indicator.saving{color:var(--text-secondary, #999)}.details-save-indicator.saved{color:var(--success-color, #4caf50)}.details-save-indicator.error{color:var(--error-color, #f44336)}:root{--accent-color: #00c4d9;--accent-color-rgb: 0, 196, 217;--text-primary: #f5f5f7;--text-secondary: #b0b0b0;--text-on-accent: #ffffff;--container-bg: #1c1c1e;--border-color: #6a6a6a;--border-light: #e5e7eb;--input-bg: #333333;--hover-bg: #4a4a4a;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .25);--radius-default: 8px;--radius-lg: 12px;--transition-smooth: all .3s ease;--transition-bounce: all .3s cubic-bezier(.16, 1, .3, 1);--spacing-component-sm: 8px;--spacing-component-md: 12px;--spacing-component-lg: 16px;--font-size-sm: .875rem;--font-size-md: 1rem;--z-floating-elements: 1100;--z-backdrop: 999}#appNavDrawer{position:fixed!important;top:0;right:0;height:100vh;z-index:1200}.app-nav-drawer{position:fixed!important;padding-top:2rem;top:0;right:0;height:100vh;width:120px;background:var(--container-bg);box-shadow:-2px 0 10px var(--shadow-light);z-index:1200;overflow:hidden;display:flex;flex-direction:column;transition:opacity .3s ease-out,box-shadow .3s ease-out;pointer-events:auto}.app-nav-content{padding:var(--spacing-component-md) 0 0;overflow-y:auto;overflow-x:hidden;flex:1;height:100%;flex-grow:1;transition:var(--transition-bounce);opacity:1;transform:translateY(0)}.app-nav-list-item.active{pointer-events:none;cursor:default;opacity:1}.app-nav-content.hidden{opacity:0;transform:translateY(20px);display:none}.app-nav-list{list-style:none;padding:0;margin:0;min-height:100%;display:flex;flex-direction:column;align-items:center}.app-nav-item-group{margin-bottom:var(--spacing-component-lg);padding-bottom:var(--spacing-component-md);box-sizing:border-box;gap:var(--spacing-component-sm);width:100%;padding:0 8px;display:flex;flex-direction:column;align-items:center}.app-nav-item-group:last-child{margin-bottom:0}.toggle-item-group{margin:var(--spacing-component-md) 0;border:1px solid var(--border-light);background:var(--border-color);padding:var(--spacing-component-lg);width:100%;border-radius:var(--radius-default);display:flex;flex-direction:column;align-items:center}.menu-icon{margin-bottom:var(--spacing-component-sm);font-size:1.5em;color:var(--text-secondary);text-align:center}.menu-text{display:flex;flex-direction:column;align-items:center;width:100%}.menu-label{font-weight:500;font-size:var(--font-size-sm);text-align:center}.menu-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px;text-align:center}.settings-pill-menu.hidden{max-height:0;opacity:0;display:none;bottom:0}.pill-menu-subsection{display:flex;gap:var(--spacing-component-sm);flex-wrap:nowrap;width:100%;padding:var(--spacing-component-sm) 10px;background:var(--container-bg);border-bottom:1px solid var(--border-light);overflow-x:auto;scrollbar-width:none}.pill-menu-subsection::-webkit-scrollbar{display:none}.pill-menu-subsection.hidden{max-height:0;padding:0 10px;opacity:0;display:none}.settings-pill-item{background:transparent;border:none;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:48px;height:48px;flex:1;max-width:64px}.settings-pill-item:hover,.settings-pill-item.active{background:none;color:var(--accent-color);transform:translateY(-2px)}.pill-icon{margin-right:6px;font-size:var(--font-size-sm);transition:var(--transition-fast)}.settings-pill-item:hover .pill-icon{transform:scale(1.1)}.pill-label{font-size:var(--font-size-sm);font-weight:500}.app-nav-footer{padding:var(--spacing-component-md);margin-top:auto;border-top:1px solid var(--border-light)}.app-nav-footer .app-nav-list-item{width:100%;padding:var(--spacing-component-md) 15px;margin-bottom:0}.app-nav-link-item{display:flex;align-items:center;gap:var(--spacing-component-sm);text-decoration:none;color:inherit;cursor:pointer;background:none;border:none;font:inherit;text-align:left}.app-nav-link-item:hover{opacity:.9}.app-nav-drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:var(--z-backdrop);opacity:0;visibility:hidden;transition:var(--transition-smooth)}.app-nav-drawer-backdrop.visible{opacity:1;visibility:visible}.app-nav-drawer:before{content:"";position:absolute;top:var(--spacing-component-sm);left:50%;transform:translate(-50%);width:40px;height:5px;background:var(--border-color);border-radius:3px;z-index:1}@media(max-width:768px){.app-nav-drawer{display:none!important}.app-nav-content{position:relative;height:auto}.pill-menu-subsection{gap:4px}.pill-icon{margin-right:3px}}