.design-page .studio-main{padding-top:72px}.design-container{max-width:var(--container-max);padding:var(--spacing-md)var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;margin:0 auto;display:flex}.batch-strip{align-items:center;gap:var(--spacing-lg);display:flex}.batch-back-btn{color:var(--text-secondary);border:1px solid var(--glass-border);background:var(--glass-bg);white-space:nowrap;padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);transition:border-color var(--transition-fast),color var(--transition-fast);flex-shrink:0;text-decoration:none}.batch-back-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.batch-bar{flex:1;min-width:0}.batch-bar-viewport{align-items:center;padding:0 24px;display:flex;position:relative}.batch-bar-slider{width:100%;overflow:hidden}.batch-bar-track{gap:12px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.batch-thumb{border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);background:0 0;border:2px solid #0000;flex-direction:column;flex:0 0 140px;align-items:center;gap:4px;display:flex}.batch-thumb:hover{background:#ffffff08;border-color:#ffffff1a}.batch-thumb.active{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary)6%,transparent)}.batch-thumb-image{background:#0000004d;border-radius:6px;justify-content:center;align-items:center;width:100%;height:48px;display:flex;position:relative;overflow:hidden}.batch-thumb-frost{-webkit-backdrop-filter:blur(12px)brightness(.35);z-index:5;background:#0000008c;position:absolute;inset:0}.preview-frost-overlay{-webkit-backdrop-filter:blur(28px)brightness(.35);z-index:10;background:#0000008c;position:absolute;inset:0}.batch-thumb-image img{object-fit:contain;max-width:100%;max-height:100%}.batch-thumb-name{color:var(--text-muted);white-space:nowrap;font-size:.65rem}.batch-arrow{z-index:5;background:color-mix(in srgb,var(--bg-primary)85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);width:28px;height:28px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.2rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.batch-arrow:hover{background:color-mix(in srgb,var(--accent-primary)15%,transparent);border-color:var(--accent-primary)}.batch-arrow-left{left:0}.batch-arrow-right{right:0}.design-workspace{gap:var(--spacing-lg);grid-template-columns:160px 1fr 260px;min-height:400px;display:grid}.color-panel{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;max-height:calc(100vh - 200px);display:flex}.color-panel-scroll{gap:var(--spacing-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.cp-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.cp-group-divider{padding-top:var(--spacing-sm);border-top:1px solid #ffffff12}.cp-group-divider>.opacity-control:first-child{border-top:none;padding-top:0}.color-control{flex-direction:column;display:flex}.color-control-row{align-items:center;gap:var(--spacing-sm);cursor:pointer;display:flex}.color-swatch{appearance:none;border:2px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:40px;height:40px;padding:0;overflow:hidden}.color-swatch::-webkit-color-swatch-wrapper{padding:0}.color-swatch::-webkit-color-swatch{border:none;border-radius:50%}.color-swatch::-moz-color-swatch{border:none;border-radius:50%}.color-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.color-section-divider{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-top:var(--spacing-sm);margin-top:var(--spacing-xs);border-top:1px solid #ffffff14;font-size:.65rem;font-weight:600}.opacity-control{padding-top:var(--spacing-sm);border-top:1px solid #ffffff0d;flex-direction:column;gap:4px;display:flex}.opacity-label-row{justify-content:space-between;align-items:center;display:flex}.opacity-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.opacity-slider-row{align-items:center;display:flex}.opacity-slider{appearance:none;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:4px}.opacity-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border:2px solid var(--bg-primary);border-radius:50%;width:16px;height:16px}.opacity-value{font-size:var(--text-sm);color:var(--text-muted)}.color-panel-reset-btn{margin-top:var(--spacing-sm);border-color:var(--accent-primary);color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary)12%,transparent)}.color-panel-reset-btn:hover:not(:disabled){border-color:var(--danger-color,#ef4444);background:color-mix(in srgb,var(--danger-color,#ef4444)22%,transparent);color:var(--danger-color,#ef4444)}.design-preview{border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-lg);background:#00000026;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}.template-renderer{border-radius:0;overflow:visible;box-shadow:0 8px 32px #0000004d}.preview-play-btn{cursor:pointer;z-index:10;opacity:.7;background:0 0;border:none;padding:0;line-height:0;transition:opacity .15s;position:absolute;top:8px;left:50%;transform:translate(-50%)}.preview-play-btn:hover{opacity:1}@keyframes play-ring-spin{0%{stroke-dashoffset:87.96px}to{stroke-dashoffset:0}}.thumbnail-animated-badge{pointer-events:none;line-height:0;position:absolute;top:5px;left:5px}.input-panel{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column;max-height:calc(100vh - 200px);display:flex}.input-panel-scroll{gap:var(--spacing-sm);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.input-panel-reset-btn{z-index:1;margin-top:var(--spacing-sm);border-color:var(--accent-primary);color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary)12%,transparent);position:relative}.input-panel-reset-btn:hover:not(:disabled){border-color:var(--danger-color,#ef4444);background:color-mix(in srgb,var(--danger-color,#ef4444)22%,transparent);color:var(--danger-color,#ef4444)}[data-theme=dark] .color-panel-reset-btn,[data-theme=dark] .input-panel-reset-btn,[data-theme=dark] .scorecard-clear-btn{color:#fff;background:#ffffff14;border-color:#ffffffa6}.input-section{flex-direction:column;gap:4px;display:flex}.input-toggle-section{padding:var(--spacing-sm)0;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;flex-direction:row;justify-content:space-between;align-items:center}.input-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.input-field,.input-select{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-xs)var(--spacing-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--transition-fast);outline:none}.input-field:focus,.input-select:focus{border-color:var(--accent-primary)}.input-select{cursor:pointer}.input-range-row{align-items:center;gap:var(--spacing-sm);display:flex}.input-range{accent-color:var(--accent-primary);cursor:pointer;flex:1}.input-range-value{text-align:right;min-width:42px;font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.image-upload-row{align-items:center;gap:var(--spacing-xs);display:flex}.image-upload-btn{cursor:pointer;padding:4px 10px;font-size:.75rem}.image-filename{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.75rem;overflow:hidden}.image-remove-btn{color:#ef4444;cursor:pointer;width:20px;height:20px;transition:background var(--transition-fast);background:#ef444426;border:1px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.6rem;line-height:1;display:flex}.image-remove-btn:hover{background:#ef44444d}.toggle-switch{border:1px solid var(--glass-border);cursor:pointer;width:42px;height:24px;transition:background var(--transition-fast),border-color var(--transition-fast);background:#ffffff1a;border-radius:12px;flex-shrink:0;padding:0;position:relative}.toggle-switch.on{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-switch-knob{background:var(--accent-tertiary);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch.on .toggle-switch-knob{transform:translate(18px)}.input-fields-collapsible{max-height:0;transition:max-height .35s,overflow;overflow:hidden}.input-fields-collapsible.open{max-height:2000px;transition:max-height .35s,overflow 0s .35s;overflow:visible}.input-fields-inner{gap:var(--spacing-sm);padding-top:var(--spacing-sm);flex-direction:column;display:flex}.input-tip{color:var(--text-muted);cursor:default;margin-top:2px;font-size:.7rem;line-height:1.3;position:relative}.input-label-tooltip{border:1px solid var(--glass-border);width:14px;height:14px;color:var(--text-muted);cursor:default;vertical-align:middle;background:#ffffff12;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;font-size:.6rem;display:inline-flex;position:relative}.download-btn-wrapper{margin-top:var(--spacing-sm);border-radius:var(--radius-sm);position:relative;overflow:hidden}.download-btn{z-index:1;position:relative}.download-btn-fill{z-index:2;background:linear-gradient(to right,var(--accent-primary)0%,var(--accent-secondary)75%,#ffffffe6 100%);opacity:.82;pointer-events:none;width:0%;animation:linear forwards download-fill-progress;position:absolute;top:0;bottom:0;left:0;overflow:visible}.download-btn-fill:before{content:"";background:var(--accent-tertiary);opacity:.5;filter:blur(4px);width:10px;position:absolute;top:-2px;bottom:-2px;right:-4px}@keyframes download-fill-progress{0%{width:0%}to{width:100%}}.dl-spark{width:25px;height:25px;clip-path:path("M 12.5,0 C 12.5,8.3 8.3,12.5 0,12.5 C 8.3,12.5 12.5,16.7 12.5,25 C 12.5,16.7 16.7,12.5 25,12.5 C 16.7,12.5 12.5,8.3 12.5,0");margin-top:-12.5px;position:absolute;top:50%;right:3px}.dl-spark-1{background:#fff;animation:.65s ease-out infinite dl-spark-1}.dl-spark-2{background:var(--accent-tertiary);animation:.72s ease-out .12s infinite dl-spark-2}.dl-spark-3{background:var(--accent-secondary);animation:.6s ease-out .25s infinite dl-spark-3}.dl-spark-4{background:var(--accent-primary);animation:.68s ease-out 60ms infinite dl-spark-4}.dl-spark-5{background:#fff;animation:.75s ease-out .31s infinite dl-spark-5}.dl-spark-6{background:var(--accent-tertiary);animation:.62s ease-out .185s infinite dl-spark-6}.dl-spark-7{background:var(--accent-secondary);animation:.7s ease-out .42s infinite dl-spark-7}.dl-spark-8{background:var(--accent-primary);animation:.73s ease-out 80ms infinite dl-spark-8}.dl-spark-9{background:#fff;animation:.66s ease-out .22s infinite dl-spark-9}.dl-spark-10{background:var(--accent-tertiary);animation:.78s ease-out .36s infinite dl-spark-10}.dl-spark-11{background:var(--accent-secondary);animation:.64s ease-out .49s infinite dl-spark-11}.dl-spark-12{background:var(--accent-primary);animation:.71s ease-out .145s infinite dl-spark-12}@keyframes dl-spark-1{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{opacity:.8;transform:translate(-24px,-12px)rotate(50deg)scale(.8)}70%{opacity:.4;transform:translate(-54px,-22px)rotate(105deg)scale(.5)}to{opacity:0;transform:translate(-75px,-28px)rotate(148deg)scale(.1)}}@keyframes dl-spark-2{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{opacity:.8;transform:translate(-27px,6px)rotate(-42deg)scale(.8)}70%{opacity:.4;transform:translate(-63px,12px)rotate(-88deg)scale(.5)}to{opacity:0;transform:translate(-84px,9px)rotate(-122deg)scale(.1)}}@keyframes dl-spark-3{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{opacity:.8;transform:translate(-18px,15px)rotate(62deg)scale(.8)}70%{opacity:.45;transform:translate(-39px,33px)rotate(128deg)scale(.5)}to{opacity:0;transform:translate(-54px,42px)rotate(182deg)scale(.1)}}@keyframes dl-spark-4{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{opacity:.8;transform:translate(-15px,-21px)rotate(-55deg)scale(.8)}70%{opacity:.4;transform:translate(-30px,-39px)rotate(-118deg)scale(.5)}to{opacity:0;transform:translate(-39px,-51px)rotate(-162deg)scale(.1)}}@keyframes dl-spark-5{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{opacity:.8;transform:translate(-30px,-6px)rotate(36deg)scale(.8)}70%{opacity:.4;transform:translate(-66px,-9px)rotate(76deg)scale(.5)}to{opacity:0;transform:translate(-90px,-6px)rotate(102deg)scale(.1)}}@keyframes dl-spark-6{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{opacity:.8;transform:translate(-24px,12px)rotate(-46deg)scale(.8)}70%{opacity:.4;transform:translate(-51px,21px)rotate(-96deg)scale(.5)}to{opacity:0;transform:translate(-66px,24px)rotate(-133deg)scale(.1)}}@keyframes dl-spark-7{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}35%{opacity:.8;transform:translate(-21px,-9px)rotate(55deg)scale(.8)}65%{opacity:.5;transform:translate(-36px,-27px)rotate(108deg)scale(.5)}to{opacity:0;transform:translate(-45px,-45px)rotate(152deg)scale(.1)}}@keyframes dl-spark-8{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{opacity:.8;transform:translate(-20px,-18px)rotate(70deg)scale(.8)}70%{opacity:.4;transform:translate(-48px,-36px)rotate(140deg)scale(.5)}to{opacity:0;transform:translate(-66px,-48px)rotate(200deg)scale(.1)}}@keyframes dl-spark-9{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{opacity:.8;transform:translate(-30px,18px)rotate(-30deg)scale(.8)}70%{opacity:.4;transform:translate(-60px,30px)rotate(-70deg)scale(.5)}to{opacity:0;transform:translate(-78px,36px)rotate(-100deg)scale(.1)}}@keyframes dl-spark-10{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{opacity:.8;transform:translate(-12px,-27px)rotate(-80deg)scale(.8)}70%{opacity:.4;transform:translate(-24px,-57px)rotate(-150deg)scale(.5)}to{opacity:0;transform:translate(-30px,-72px)rotate(-210deg)scale(.1)}}@keyframes dl-spark-11{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{opacity:.8;transform:translate(-36px,3px)rotate(25deg)scale(.8)}70%{opacity:.4;transform:translate(-72px,6px)rotate(55deg)scale(.5)}to{opacity:0;transform:translate(-96px,3px)rotate(80deg)scale(.1)}}@keyframes dl-spark-12{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{opacity:.8;transform:translate(-15px,24px)rotate(80deg)scale(.8)}70%{opacity:.4;transform:translate(-33px,48px)rotate(160deg)scale(.5)}to{opacity:0;transform:translate(-42px,60px)rotate(220deg)scale(.1)}}.download-block-msg{margin-top:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);text-align:center;background:#ffffff0d;border:1px solid #ffffff1f}.download-block-msg p{margin:0 0 var(--spacing-xs);color:var(--text-secondary);font-size:.8rem;line-height:1.4}.download-block-msg p:last-of-type{margin-bottom:var(--spacing-sm)}.download-block-msg .btn{font-size:.8rem}.btn-full{width:100%}.pro-panel{padding:var(--spacing-lg);position:relative}.pro-panel-grid{gap:var(--spacing-lg);grid-template-columns:200px 1fr 200px;display:grid}.pro-panel-method{gap:var(--spacing-sm);flex-direction:column;display:flex}.pro-panel-method h4{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.radio-option{align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);display:flex}.radio-option input[type=radio]{accent-color:var(--accent-primary)}.scoring-method-desc{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid #ffffff0d}.scoring-method-desc h5{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:4px}.scoring-method-desc p{color:var(--text-muted);font-size:.75rem;line-height:1.5}.pro-panel-scorecard{min-width:0}.pro-panel-scorecard-header{margin-bottom:var(--spacing-sm)}.pro-panel-scorecard-header h4{font-size:var(--text-sm);font-weight:var(--font-semibold);display:inline}.pro-panel-scorecard-header p{color:var(--text-muted);margin-left:var(--spacing-sm);font-size:.75rem;display:inline}.scorecard-table-wrapper{gap:var(--spacing-sm);flex-direction:column;display:flex}.scorecard-table-scroll{border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow-x:auto}.scorecard-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.7rem}.scorecard-table th,.scorecard-table td{text-align:center;border:1px solid #ffffff0f;padding:4px 6px}.scorecard-table thead th{background:var(--accent-primary);color:#fff;font-weight:var(--font-semibold);font-size:.65rem;position:sticky;top:0}.scorecard-label-col{text-align:left;min-width:80px}.scorecard-offset-col{cursor:default;min-width:44px}.scorecard-offset-cell{text-align:center}.scorecard-offset-input{max-width:44px}.scorecard-hole-col{min-width:32px}.scorecard-total-col{min-width:50px}.scorecard-label-cell{text-align:left;color:var(--text-secondary);font-weight:var(--font-medium);background:#00000026;font-size:.65rem}.scorecard-cell-input{width:100%;max-width:36px;color:var(--text-primary);font-family:var(--font-body);text-align:center;transition:border-color var(--transition-fast);background:#0003;border:1px solid #0000;border-radius:3px;outline:none;padding:3px 2px;font-size:.7rem}.scorecard-cell-input:focus{border-color:var(--accent-primary)}.scorecard-cell-input::placeholder{color:var(--text-muted);opacity:.5}.scorecard-cell-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.scorecard-cell-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.scorecard-name-input{width:100%;max-width:80px;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast);background:#0003;border:1px solid #0000;border-radius:3px;outline:none;padding:3px 4px;font-size:.7rem}.scorecard-name-input:focus{border-color:var(--accent-primary)}.scorecard-total-cell{font-weight:var(--font-semibold);color:var(--text-primary);position:relative}.scorecard-remove-player{color:#ef4444;cursor:pointer;background:#ef444426;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:.5rem;line-height:1;display:flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.scorecard-add-player{align-self:flex-start}.scorecard-actions-row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.scorecard-clear-btn{border-color:var(--accent-primary);color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary)12%,transparent)}.scorecard-clear-btn:hover:not(:disabled){border-color:var(--danger-color,#ef4444);background:color-mix(in srgb,var(--danger-color,#ef4444)22%,transparent);color:var(--danger-color,#ef4444)}.scorecard-par-row td,.scorecard-distance-row td{background:#00000014}.pro-panel-right{justify-content:space-between;gap:var(--spacing-md);flex-direction:column;display:flex}.pro-panel-future{border:1px dashed var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-md);flex:1;justify-content:center;align-items:center;display:flex}.pro-panel-future p{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.current-shot-section{gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.current-shot-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.category-description-row{margin-bottom:var(--spacing-md)}.category-description-text{font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px;margin:0;line-height:1.5;display:flex}.category-info-wrap{vertical-align:middle;margin-left:6px;display:inline-flex;position:relative}.category-info-card{width:220px;left:0;transform:none}.current-shot-info-wrap{vertical-align:middle;margin-left:6px;display:inline-flex;position:relative}.current-shot-info-wrap .wizard-info-badge{width:16px;height:16px;font-size:10px}.current-shot-info-card{z-index:10;border:1px solid var(--glass-border);border-radius:var(--radius-md);width:240px;padding:var(--spacing-sm);background:#0f0f16;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.current-shot-info-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--spacing-xs)0;line-height:1.4}.current-shot-info-link{font-size:var(--text-sm);color:var(--accent-primary);font-weight:600;text-decoration:none;display:inline-block}.current-shot-info-link:hover{text-decoration:underline}.current-shot-subtitle{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.current-shot-badge{font-size:var(--text-xs);border:1px solid var(--accent-primary);background:color-mix(in srgb,var(--accent-primary)12%,transparent);color:var(--accent-primary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;border-radius:999px;padding:2px 10px}.current-shot-badge:hover:not(:disabled){background:var(--accent-primary);color:var(--text-on-accent,#fff)}.current-shot-badge:disabled{opacity:.4;cursor:default}.current-shot-toggle-row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.generate-btn{width:100%;font-size:var(--text-md);padding:var(--spacing-sm)var(--spacing-lg)}.btn-lg{padding:var(--spacing-sm)var(--spacing-xl);font-size:var(--text-md)}.pro-panel-locked-preview{border:1px solid var(--tier-pro-accent-subtle,#d4a84333)}.pro-panel-readonly{opacity:1;filter:none}.pro-panel-readonly .scorecard-cell-input:disabled,.pro-panel-readonly .scorecard-name-input:disabled,.pro-panel-readonly .scorecard-remove-player:disabled,.pro-panel-readonly .scorecard-add-player:disabled,.pro-panel-readonly .scorecard-clear-btn:disabled,.pro-panel-readonly .generate-btn:disabled{cursor:not-allowed}.pro-panel-lock-overlay{z-index:4;pointer-events:none;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pro-panel-lock-card{z-index:1;pointer-events:auto;text-align:center;align-items:center;gap:var(--spacing-sm);width:min(460px,100% - 20px);padding:var(--spacing-md)var(--spacing-md)var(--spacing-sm);border:1px solid var(--tier-pro-accent-soft,#d4a84359);border-radius:var(--radius-md);background:#060a0cb8;flex-direction:column;display:flex;position:relative;box-shadow:0 14px 40px #0006}.pro-panel-lock-star{color:var(--tier-pro-accent,#d4a843);filter:drop-shadow(0 2px 8px var(--tier-pro-glow,#d4a8434d));font-size:1rem;position:absolute;top:8px;right:10px}.pro-panel-lock-card h3{font-size:var(--text-md);color:#f1f5f9;margin-right:20px}.pro-panel-lock-card p{color:#f1f5f9b3;font-size:.78rem;line-height:1.45}.pro-panel-lock-actions{gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:1024px){.design-workspace{grid-template-columns:120px 1fr 220px}.pro-panel-grid{grid-template-columns:160px 1fr 160px}}.generate-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.generate-modal{width:420px;max-width:calc(100vw - 2rem);padding:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;display:flex}.generate-modal h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin:0}.generate-modal p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.generate-modal-input{border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);box-sizing:border-box;transition:border-color var(--transition-fast);background:#0000004d;border:1px solid #ffffff26;outline:none;padding:10px 14px}.generate-modal-input:focus{border-color:var(--accent-primary)}.generate-modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-xs);justify-content:flex-end;display:flex}.wizard-modal{width:480px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 4rem);overflow-y:auto}.wizard-modal :focus{outline:2px solid var(--accent-primary);outline-offset:2px}.wizard-modal .wizard-close-btn:focus{outline-color:var(--danger,#e53e3e)}.wizard-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex}.wizard-titles{flex-direction:column;gap:4px;display:flex}.wizard-title-row{align-items:center;gap:var(--spacing-xs);display:flex}.wizard-title{font-family:var(--font-heading);font-size:var(--text-2xl,1.5rem);color:var(--text-primary);margin:0}.wizard-info-wrap{flex-shrink:0;display:inline-flex;position:relative}.wizard-info-badge{border:1px solid var(--text-muted);width:18px;height:18px;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:serif;font-size:11px;font-style:italic;line-height:1;display:inline-flex}.wizard-info-badge:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.wizard-shortcuts-card{z-index:10;border:1px solid var(--glass-border);border-radius:var(--radius-md);width:280px;padding:var(--spacing-sm);background:#0f0f16;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.wizard-shortcuts-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.wizard-shortcuts-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.wizard-shortcuts-close{color:var(--text-muted);cursor:pointer;font-size:var(--text-xs);background:0 0;border:none;padding:2px 4px;line-height:1}.wizard-shortcuts-close:hover{color:var(--text-secondary)}.wizard-shortcuts-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wizard-shortcuts-list li{font-size:var(--text-xs);color:var(--text-secondary);align-items:baseline;gap:6px;display:flex}.wizard-shortcuts-list kbd{font-family:var(--font-mono,monospace);color:var(--text-primary);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:11px;display:inline-block}.wizard-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin:0;font-weight:600}.wizard-context-line{font-size:var(--text-sm);color:var(--text-muted);margin:0}.wizard-close-btn{border:1px solid var(--danger,#e53e3e);color:var(--danger,#e53e3e);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;flex-shrink:0;padding:4px 10px}.wizard-close-btn:hover{background:var(--danger,#e53e3e);color:#fff}.wizard-page-counter{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin:0}.wizard-players{gap:var(--spacing-md);flex-direction:column;display:flex}.wizard-player-block{gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.wizard-player-name{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 var(--spacing-xs);font-weight:600}.wizard-field-row{flex-direction:column;gap:4px;display:flex}.wizard-field-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.wizard-nav-row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.wizard-error-msg{font-size:var(--text-xs);color:var(--danger,#e53e3e);margin:0;line-height:1.4}.wizard-footer{justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--glass-border);display:flex}.wizard-fortag-chip{margin-top:var(--spacing-xs);border:1px solid var(--accent-primary);color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;background:0 0;border-radius:999px;outline:none;align-self:flex-start;align-items:center;gap:6px;padding:3px 8px 3px 10px;transition:opacity .15s;display:inline-flex}.wizard-fortag-chip:hover{opacity:.7}.wizard-fortag-chip:focus{box-shadow:0 0 0 2px var(--accent-primary)}.wizard-fortag-chip.suppressed{border-color:var(--text-muted,#fff3);color:var(--text-muted,#ffffff4d)}.wizard-fortag-chip.suppressed .wizard-fortag-text{text-decoration:line-through}.wizard-fortag-icon{flex-shrink:0;font-size:11px;text-decoration:none}.wizard-chip-row{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.wizard-chip-row .wizard-fortag-chip{margin-top:0}.wizard-penalty-chip{border:1px solid var(--text-muted,#fff3);color:var(--text-muted,#ffffff4d);font-size:var(--text-xs);cursor:pointer;background:0 0;border-radius:999px;outline:none;align-self:flex-start;align-items:center;gap:6px;padding:3px 8px 3px 10px;transition:opacity .15s,border-color .15s,color .15s;display:inline-flex}.wizard-penalty-chip .wizard-fortag-text{text-decoration:line-through}.wizard-penalty-chip.active{border-color:var(--color-danger,#ef4444);color:var(--color-danger,#ef4444)}.wizard-penalty-chip.active .wizard-fortag-text{text-decoration:none}.wizard-penalty-chip:hover{opacity:.75}.wizard-penalty-chip:focus{box-shadow:0 0 0 2px var(--color-danger,#ef4444)}.wizard-unit-chip{margin-top:var(--spacing-xs);border:1px solid var(--accent-primary);color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;background:0 0;border-radius:999px;outline:none;align-self:flex-start;align-items:center;gap:5px;padding:3px 8px 3px 10px;font-weight:600;transition:opacity .15s;display:inline-flex}.wizard-unit-chip:hover{opacity:.7}.wizard-unit-icon{opacity:.6;flex-shrink:0;font-size:11px}.animated-format-modal{width:480px}.animated-modal-compat{gap:var(--spacing-xs);border-radius:var(--radius-md);padding:var(--spacing-md);background:#ffffff0a;border:1px solid #ffffff14;flex-direction:column;display:flex}.animated-modal-compat-row{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.animated-modal-compat-icon{flex-shrink:0;font-size:.85rem}.animated-modal-compat-note{font-size:var(--text-xs);color:var(--text-muted);margin:var(--spacing-xs)0 0 0;line-height:1.5}.animated-modal-compat-note code{background:#ffffff14;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.8em}.animated-modal-survey-heading{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium);margin:0}.animated-modal-question{flex-direction:column;gap:6px;display:flex}.animated-modal-question-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);margin:0}.animated-modal-question-sub{color:var(--text-muted);font-weight:400;font-size:var(--text-xs)}.animated-modal-other-input{margin-top:4px}.animated-modal-retake-btn{cursor:pointer;font-size:var(--text-xs);color:var(--text-muted);text-underline-offset:2px;transition:color var(--transition-fast);background:0 0;border:none;align-self:center;padding:0;text-decoration:underline}.animated-modal-retake-btn:hover{color:var(--text-secondary)}.animated-modal-steps{margin-bottom:var(--spacing-sm);justify-content:center;gap:8px;display:flex}.animated-modal-step-dot{width:8px;height:8px;transition:background var(--transition-fast);background:#fff3;border-radius:50%}.animated-modal-step-dot.active{background:var(--accent-primary)}.animated-modal-step-dot.done{background:var(--accent-secondary)}.generate-progress-bar-wrap{position:relative}.generate-progress-sparks{pointer-events:none;width:0;position:absolute;top:0;bottom:0}.generate-progress-bar-track{background:#ffffff1a;border-radius:99px;height:8px;overflow:hidden}.generate-progress-bar-fill{background:var(--accent-primary);border-radius:99px;height:100%;transition:none}.generate-progress-label{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-medium)}.generate-progress-file{font-size:var(--text-xs);color:var(--text-muted);word-break:break-all}.generate-error{color:#ff7070}@media (max-width:768px){.design-workspace{grid-template-columns:1fr}.input-panel{min-height:300px;max-height:60vh}.input-panel-scroll{flex:1;min-height:0;overflow-y:auto}.input-fields-collapsible.open{max-height:400px}.color-panel{gap:var(--spacing-sm);flex-flow:wrap;max-height:none}.color-panel-scroll{flex:unset;max-height:none;min-height:unset;align-items:flex-start;gap:var(--spacing-sm);flex-flow:wrap;overflow-y:visible}.cp-group{align-items:flex-start;gap:var(--spacing-sm);flex-flow:wrap}.cp-group-divider,.color-panel-scroll .opacity-control{border-top:none;padding-top:0}.pro-panel-grid{grid-template-columns:1fr}.batch-strip{flex-direction:column;align-items:stretch}.batch-bar-slider{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.batch-bar-slider::-webkit-scrollbar{display:none}}
.account-page{padding-top:80px;padding-bottom:var(--spacing-3xl);min-height:100vh}.account-container{max-width:720px;padding:var(--spacing-xl)var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;margin:0 auto;display:flex}.account-page-header{margin-bottom:var(--spacing-sm)}.account-page-title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);margin-top:var(--spacing-xs)}.account-card{padding:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;display:flex}.account-section-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);font-weight:var(--font-semibold)}.account-section-desc{color:var(--text-secondary);font-size:var(--text-sm);margin-top:calc(var(--spacing-xs)*-.5)}.account-card-actions{align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-xs);display:flex}.account-stub-note{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.account-profile-row{gap:var(--spacing-xl);align-items:flex-start;display:flex}.account-avatar-wrap{align-items:center;gap:var(--spacing-xs);flex-direction:column;flex-shrink:0;display:flex}.account-avatar-lg{background:var(--glass-bg);border:2px solid var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden;box-shadow:0 0 16px #10b98133}.account-avatar-img{object-fit:cover;width:100%;height:100%}.account-avatar-initial{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1}.account-avatar-edit-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-body);padding:2px var(--spacing-xs);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);background:0 0}.account-avatar-edit-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.account-fields{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.account-field-row{gap:var(--spacing-sm);display:flex}.account-field-row .account-field{flex:1}.account-field{flex-direction:column;gap:4px;display:flex}.account-field-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.account-field-input{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--spacing-xs)var(--spacing-sm);transition:border-color var(--transition-fast);outline:none;width:100%}.account-field-input:focus{border-color:var(--accent-primary)}.account-field-input:disabled{opacity:.45;cursor:not-allowed}.account-plan-row{gap:var(--spacing-lg);align-items:center;display:flex}.account-plan-badge{filter:drop-shadow(0 2px 8px #0006);flex-shrink:0}.account-plan-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.account-plan-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.account-plan-name{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1.1}.account-plan-actions{gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.account-theme-grid{border-radius:var(--radius-sm);background:#00000040;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:2px;max-width:400px;padding:2px;display:grid}.account-theme-btn{padding:var(--spacing-xs)var(--spacing-sm);color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-body);font-weight:var(--font-medium);cursor:pointer;border-radius:calc(var(--radius-sm) - 2px);transition:background var(--transition-fast),color var(--transition-fast);text-align:center;background:0 0;border:none;position:relative}.account-theme-btn:hover:not(.active){color:var(--theme-hover-color)}.account-theme-btn-locked{cursor:not-allowed}.account-theme-btn.active{background:var(--accent-primary);color:#fff}@keyframes special-theme-pulse{0%{box-shadow:0 0 #8b5cf6b3}50%{box-shadow:0 0 0 8px #8b5cf640}to{box-shadow:0 0 #8b5cf600}}#special-theme{scroll-margin-top:160px}#special-theme.hash-highlighted{animation:1s ease-out .1s 3 special-theme-pulse;color:#8b5cf6!important;border-color:#8b5cf6!important}.account-theme-btn-exclusive{border:1px solid #0000}.account-theme-btn-exclusive-locked{color:var(--text-muted);border-color:#ffffff14}.account-theme-btn[data-tip]:hover:after{content:attr(data-tip);color:var(--text-primary);font-size:.7rem;font-weight:var(--font-normal);border-radius:var(--radius-sm);white-space:normal;text-align:center;pointer-events:none;z-index:100;background:#0a0a0af2;border:1px solid #ffffff1f;width:180px;padding:6px 10px;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.account-theme-btn[data-tip]:hover:before{content:"";pointer-events:none;z-index:100;border:5px solid #0000;border-top-color:#ffffff1f;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.account-security-actions{flex-direction:column;gap:0;display:flex}.account-security-item{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)0;display:flex}.account-security-divider{background:var(--glass-border);height:1px}.account-security-item-info{flex-direction:column;gap:2px;display:flex}.account-security-item-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.account-danger-label{color:#ef4444}.account-security-item-desc{font-size:var(--text-xs);color:var(--text-muted)}.account-upgrade-btn-pro{border-color:var(--tier-pro-accent,#d4a843);color:var(--tier-pro-accent,#d4a843)}.account-upgrade-btn-pro:hover{background:var(--tier-pro-accent-subtle,#d4a8431a);border-color:var(--tier-pro-accent-hover,#e5be5a);color:var(--tier-pro-accent-hover,#e5be5a)}.account-upgrade-btn-premium{border-color:var(--tier-premium-accent,#8fd7ff);color:var(--tier-premium-accent,#8fd7ff)}.account-upgrade-btn-premium:hover{background:var(--tier-premium-accent-subtle,#8fd7ff1a);border-color:var(--tier-premium-accent-hover,#b7e8ff);color:var(--tier-premium-accent-hover,#b7e8ff)}.account-card-locked{position:relative;overflow:hidden}.account-pro-badge{z-index:2;background:var(--tier-pro-accent,#d4a843);border:1px solid var(--tier-pro-accent-hover,#e5be5a);width:26px;height:26px;box-shadow:0 0 12px var(--tier-pro-glow,#d4a8434d);color:#1d1300;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.account-pro-badge-icon{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.account-pro-badge-icon svg{width:100%;height:100%;display:block}.navbar-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.navbar-avatar{background:var(--glass-bg);border:1px solid var(--glass-border);width:34px;height:34px;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.navbar-avatar:hover{border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 0 2px #10b98133}.navbar-upgrade-btn{border-color:var(--tier-pro-accent,#d4a843);color:var(--tier-pro-accent,#d4a843)}.navbar-upgrade-btn:hover{background:var(--tier-pro-accent-subtle,#d4a8431a);border-color:var(--tier-pro-accent-hover,#e5be5a);color:var(--tier-pro-accent-hover,#e5be5a)}.studio-header-avatar:hover{border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 0 2px #10b98133}.account-redeem-btn{border-color:var(--accent-primary);color:var(--accent-primary)}.account-redeem-btn:hover{border-color:var(--accent-primary);background:#10b98114}[data-theme=dark] .account-redeem-btn{color:#fff}.account-redeem-btn-corner{top:var(--spacing-xl);right:var(--spacing-xl);position:absolute}.redeem-modal-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.redeem-code-input{font-family:var(--font-mono,monospace);letter-spacing:.08em}.redeem-error-msg{margin-top:var(--spacing-xs);font-size:var(--text-sm);color:#ef4444}.redeem-success-body{gap:var(--spacing-xs);flex-direction:column;display:flex}.redeem-success-tier{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.redeem-success-msg{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--spacing-sm);line-height:1.5}.expiration-modal-content{max-width:440px}.expiration-modal-msg{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.expiration-modal-footer{justify-content:space-between}.expiration-upgrade-btn{background:var(--tier-pro-accent,#d4a843);border-color:var(--tier-pro-accent,#d4a843);color:#1d1300;font-weight:var(--font-semibold)}.expiration-upgrade-btn:hover{background:var(--tier-pro-accent-hover,#e5be5a);border-color:var(--tier-pro-accent-hover,#e5be5a)}@media (max-width:600px){.account-profile-row{flex-direction:column;align-items:stretch}.account-avatar-wrap{flex-direction:row;align-items:center}.account-plan-row{flex-direction:column;align-items:flex-start}.account-theme-grid{max-width:100%}.account-security-item{flex-direction:column;align-items:flex-start}}