.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:.75rem}.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 0 3px;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{padding-right:1px;left:0}.batch-arrow-right{padding-left:1px;right:0}.design-workspace{gap:var(--spacing-lg);grid-template-columns:200px 1fr 260px;min-height:400px;display:grid}.design-preview-input-col{display:contents}@media (max-width:940px){.design-workspace{grid-template-columns:200px 1fr}.design-preview-input-col{gap:var(--spacing-lg);flex-direction:column-reverse;min-width:0;display:flex}}.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)}.cpv2-panel.ipv2-panel-pro-glow{outline:2px solid var(--color-gold,#c9a227);box-shadow:0 0 16px #c9a22740}.cpv2-panel{gap:0;padding:0;position:relative}.cpv2-tab-bar{padding:0 var(--spacing-xs)}.cpv2-panel .color-panel-scroll{padding:var(--spacing-md);padding-bottom:0}.cpv2-panel .color-panel-reset-btn{margin:var(--spacing-sm)var(--spacing-md)0;width:calc(100% - 2*var(--spacing-md))}.cpv2-pro-wrap{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.cpv2-palette-label-row{align-items:center;gap:var(--spacing-xs);display:flex}.cpv2-palette-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.cpv2-template-list{border:1px solid var(--glass-border);border-radius:var(--radius-sm);max-height:200px;padding:var(--spacing-xs);flex-direction:column;gap:1px;display:flex;overflow-y:auto}.cpv2-template-item{align-items:center;gap:var(--spacing-sm);padding:5px var(--spacing-xs);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;border-radius:3px;display:flex}.cpv2-template-item:hover:not(.cpv2-template-unsupported){background:#ffffff0d}.cpv2-select-all{padding-bottom:var(--spacing-xs);border-bottom:1px solid #ffffff12;margin-bottom:2px}.cpv2-select-all .cpv2-template-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.cpv2-template-unsupported{opacity:.35;cursor:default}.cpv2-template-name{font-size:var(--text-sm);color:var(--text-primary);line-height:1.2}.cpv2-template-group{border-top:1px solid #ffffff0f;flex-direction:column;display:flex}.cpv2-template-group--first{border-top:none}.cpv2-template-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);pointer-events:none;padding:6px 10px 2px;font-size:10px;font-weight:600}.cpv2-hover-tooltip{background:var(--surface-2,#2a2a2a);color:var(--text-primary);font-size:var(--text-xs);border-radius:var(--radius-sm);border:1px solid var(--glass-border);white-space:nowrap;pointer-events:none;z-index:9999;margin-top:-4px;padding:4px 8px;position:fixed;transform:translate(-50%,-100%)}.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-segmented{border-radius:var(--radius-sm);background:#00000040;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:2px;display:grid}.input-segmented-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;white-space:nowrap;background:0 0;border:none}.input-segmented-btn:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.input-segmented-btn.active{background:var(--accent-primary);color:#fff}.gss-select-static{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-secondary);font-size:var(--text-sm);width:100%}.gss-select-trigger{justify-content:space-between;align-items:center;gap:var(--spacing-xs);text-align:left;cursor:pointer;width:100%;display:flex}.gss-select-trigger:disabled,.gss-select-disabled{opacity:.5;cursor:not-allowed}.gss-select-open{border-color:var(--accent-primary)}.gss-select-value{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.gss-select-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.gss-select-open .gss-select-chevron{transform:rotate(180deg)}.gss-select-list{z-index:9999;background:var(--bg-secondary,#1a1f2e);border:1px solid var(--glass-border);border-radius:var(--radius-sm);overscroll-behavior:contain;max-height:240px;margin:0;padding:4px 0;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #00000073}.gss-select-option{font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;padding:7px 12px;overflow:hidden}.gss-select-option:hover{background:#ffffff12}.gss-select-option-selected{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb,52,168,83),.1)}.gss-select-option-disabled{cursor:default}.gss-select-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);pointer-events:none;border-top:1px solid #ffffff0f;padding:6px 10px 2px;font-size:10px;font-weight:600}.gss-select-group-label:first-child{border-top:none;padding-top:4px}.ipv2-panel input[type=checkbox],.cpv2-panel input[type=checkbox],.pro-panel-v2 input[type=checkbox],.cpv2-assign-dropdown input[type=checkbox]{appearance:none;border:1.5px solid var(--glass-border);background:var(--input-bg);cursor:pointer;border-radius:3px;flex-shrink:0;width:14px;min-width:14px;height:14px;transition:background .15s,border-color .15s;position:relative}.ipv2-panel input[type=checkbox]:checked,.cpv2-panel input[type=checkbox]:checked,.pro-panel-v2 input[type=checkbox]:checked,.cpv2-assign-dropdown input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.ipv2-panel input[type=checkbox]:checked:after,.cpv2-panel input[type=checkbox]:checked:after,.pro-panel-v2 input[type=checkbox]:checked:after,.cpv2-assign-dropdown input[type=checkbox]:checked:after{content:"";border:1.5px solid #fff;border-top:none;border-left:none;width:5px;height:8px;position:absolute;top:1px;left:3px;transform:rotate(45deg)}.ipv2-panel input[type=checkbox]:disabled,.cpv2-panel input[type=checkbox]:disabled,.pro-panel-v2 input[type=checkbox]:disabled,.cpv2-assign-dropdown input[type=checkbox]:disabled{opacity:.35;cursor:not-allowed}.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]{appearance:none;border:1.5px solid var(--glass-border);background:var(--input-bg);cursor:pointer;border-radius:50%;flex-shrink:0;width:14px;min-width:14px;height:14px;transition:background .15s,border-color .15s;position:relative}.radio-option input[type=radio]:checked{border-color:var(--accent-primary);background:var(--input-bg)}.radio-option input[type=radio]:checked:after{content:"";background:var(--accent-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-option input[type=radio]:disabled{opacity:.35;cursor:not-allowed}.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}.scorecard-category-col{width:60px;min-width:60px}.scorecard-category-cell{font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:center;white-space:nowrap;vertical-align:middle}.scorecard-header-fill{background:var(--accent-primary)!important;color:#fff!important}.scorecard-table td.scorecard-category-fill{background:color-mix(in srgb,var(--accent-primary)40%,var(--bg-primary));color:#fff;font-size:.65rem;font-weight:var(--font-semibold)}.scorecard-table th.scorecard-player-header-fill,.pfp-grid-header.scorecard-player-header-fill{background:var(--player-color)!important;color:var(--player-contrast,white)!important}.pfp-player-color-cell{cursor:pointer;flex-direction:row;justify-content:center;align-items:center;gap:5px;padding:4px 6px;display:flex}.pfp-player-color-label{font-size:.65rem;font-weight:var(--font-semibold);text-transform:none;letter-spacing:normal;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;line-height:1}.pfp-player-color-input{cursor:pointer;appearance:none;background:0 0;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;overflow:hidden}.pfp-player-color-input::-webkit-color-swatch-wrapper{padding:0}.pfp-player-color-input::-webkit-color-swatch{border:none;border-radius:50%}.pfp-player-color-input:hover{border-color:#fff}.pfp-player-color-input:disabled{cursor:default;opacity:.5}.scorecard-table td.scorecard-player-category-fill,.pfp-grid-label.scorecard-player-category-fill{background:color-mix(in srgb,var(--player-color)40%,var(--bg-primary));color:#fff;font-size:.65rem;font-weight:var(--font-semibold);text-align:center;white-space:nowrap;vertical-align:middle}.pfp-player-dist-selector-cell{vertical-align:middle}.pfp-player-dist-select{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;padding:2px 4px}.pfp-player-dist-label{font-size:var(--text-xs);color:var(--text-muted)}.pfp-player-grid{min-width:max-content;display:grid}.pfp-grid-cell{min-height:28px;font-size:var(--text-xs);box-sizing:border-box;border-bottom:1px solid #ffffff0f;border-right:1px solid #ffffff0f;justify-content:center;align-items:center;padding:2px;display:flex}.pfp-grid-cell:first-child,.pfp-grid-cell.pfp-grid-label{border-left:1px solid #ffffff0f}.pfp-player-grid>.pfp-grid-header:first-child{border-top:1px solid #ffffff0f}.pfp-grid-header{font-weight:var(--font-semibold);font-size:var(--text-xs);color:#fff;border-top:1px solid #ffffff0f}.pfp-grid-label{font-size:.65rem;font-weight:var(--font-semibold);text-align:center;white-space:nowrap}.pfp-grid-offset,.pfp-grid-hole{justify-content:center}.pfp-grid-total{font-size:var(--text-xs);color:var(--text-muted);border-right:1px solid #ffffff0f;justify-content:center}.pfp-grid-val{font-size:var(--text-xs);color:var(--text-muted)}.pfp-stroke-rows-wrap{grid-column:1/-1;max-height:0;transition:max-height .38s;overflow:hidden}.pfp-stroke-rows-expanded{max-height:calc(var(--stroke-rows)*28px)}.pfp-stroke-rows-inner{position:relative}.pfp-stroke-label-overlay{width:80px;font-size:.65rem;font-weight:var(--font-semibold);pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0}.pfp-stroke-label{border-bottom:none;font-size:.65rem}.pfp-stroke-label-last{border-bottom:1px solid #ffffff0f!important}.pfp-stroke-num{font-size:var(--text-xs);color:var(--text-muted);justify-content:center}.pfp-stroke-in-par{box-shadow:inset 0 0 0 100px #4ac87814}.pfp-stroke-over-par{box-shadow:inset 0 0 0 100px #dc505014}.pfp-stroke-boundary-bottom{border-bottom-color:#ffffff38!important}.pfp-stroke-boundary-right{border-right-color:#ffffff38!important}.pfp-stroke-dot{background:var(--text-primary);border-radius:50%;width:10px;height:10px;display:inline-block}.pfp-stroke-penalty{color:var(--text-primary);flex-shrink:0;width:16px;height:16px;transform:rotate(45deg)}.pfp-stroke-data-card{z-index:9999;background:var(--bg-secondary,#1a1f2e);border:1px solid var(--glass-border);border-radius:var(--radius-sm);pointer-events:auto;flex-direction:column;gap:2px;padding:6px 10px;display:flex;position:fixed;transform:translateY(-25%);box-shadow:0 8px 24px #00000073}.pfp-stroke-data-line{font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap}.pfp-stroke-data-fortag{color:var(--accent-primary);font-weight:var(--font-medium)}.pfp-stroke-data-penalty{color:#dc963ce6;font-weight:var(--font-medium)}.pfp-stroke-cell--clickable{cursor:pointer;transition:box-shadow .12s,outline .12s}.pfp-stroke-cell--clickable:hover{outline-offset:-1px;z-index:1;outline:1.5px solid #fff6}.pfp-stroke-cell--active{outline-offset:-1px;z-index:2;outline:2px solid #ffffffe6!important}.pfp-expand-tab-wrap{justify-content:center;margin-top:-1px;display:flex}.pfp-player-widgets-row{align-items:stretch;gap:var(--spacing-xs);padding-top:calc(var(--spacing-sm)/2);flex-direction:row;display:flex}.pfp-player-widget{gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.pfp-player-image-section{gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;width:200px;display:flex}.pfp-player-image-label-row{align-items:center;gap:4px;display:inline-flex}.pfp-player-image-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap}.pfp-player-image-grid{align-items:flex-start;gap:8px;display:flex}.pfp-player-image-dropzone{aspect-ratio:1;border:1.5px dashed var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:48px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.pfp-player-image-dropzone:hover,.pfp-player-image-dropzone--drag{border-color:var(--accent-primary);background:#ffffff08}.pfp-player-image-dropzone--filled{border-style:solid;border-color:var(--glass-border);padding:0;overflow:hidden}.pfp-player-image-preview{object-fit:cover;width:100%;height:100%}.pfp-player-image-hint{color:var(--text-muted);font-size:.68rem}.pfp-player-image-slot-hint{color:var(--text-muted);opacity:.5;text-align:center;max-width:calc(100% - 8px);font-size:.58rem;line-height:1.3}.pfp-player-image-remove{color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);border-radius:var(--radius-xs);background:#0000008c;border:none;padding:1px 5px;line-height:1.6;transition:color .15s,background .15s;position:absolute;top:4px;right:4px}.pfp-player-image-remove:hover{color:#fff;background:var(--danger)}.btn-xs{border-radius:var(--radius-sm);min-height:unset;padding:2px 10px;font-size:.7rem;line-height:1.6}.pfp-saved-styles-section{gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;width:200px;min-width:0;max-height:150px;display:flex}.pfp-sstyles-list{min-height:0;padding-bottom:var(--spacing-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.pfp-sstyles-empty{font-size:var(--text-xs);color:var(--text-muted);padding:var(--spacing-xs)0;font-style:italic}.pfp-sstyles-group{border-top:1px solid #ffffff0f;flex-direction:column;gap:2px;padding-top:2px;display:flex}.pfp-sstyles-group--first{border-top:none;padding-top:0}.has-scroll-below{-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 24px),#0000 100%)}.has-scroll-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000 100%)}.has-scroll-left{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 32px),#0000 100%);mask-image:linear-gradient(270deg,#000 calc(100% - 32px),#0000 100%)}.has-scroll-both{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 32px calc(100% - 32px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 32px calc(100% - 32px),#0000 100%)}.pfp-sstyles-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);pointer-events:none;padding:5px 10px 2px;font-size:10px;font-weight:600}.pfp-sstyles-row{border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-shrink:0;overflow:hidden}.pfp-sstyles-header{cursor:pointer;background:var(--glass-bg);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:var(--spacing-xs);padding:7px 12px;display:flex}.pfp-sstyles-header:hover{background:#ffffff12}.pfp-sstyles-name{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pfp-sstyles-body{gap:var(--spacing-xs);border-top:1px solid var(--glass-border);background:#00000026;flex-direction:column;padding:6px 12px 8px;display:flex}.pfp-sstyles-swatches{flex-wrap:wrap;gap:4px;display:flex}.pfp-sstyles-swatch{border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.pfp-sstyles-actions{gap:var(--spacing-xs);justify-content:flex-end;display:flex}.ctheme-section{gap:var(--spacing-xs);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px solid #ffffff12;flex-direction:column;display:flex}.ctheme-section-manual{gap:var(--spacing-xs);padding-top:var(--spacing-sm);margin:var(--spacing-md)var(--spacing-md)0;border-top:1px solid #ffffff12;flex-direction:column;display:flex}.ctheme-create-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.ctheme-modal-backdrop{z-index:9000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ctheme-modal{width:340px;max-width:90vw;padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.ctheme-modal-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.ctheme-modal-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.ctheme-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.75rem;line-height:1}.ctheme-modal-close:hover{color:var(--text-primary)}.ctheme-modal-desc{color:var(--text-secondary);margin:0;font-size:.72rem;line-height:1.4}.ctheme-slot-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.ctheme-slot{border-radius:var(--radius-sm);padding:var(--spacing-sm)var(--spacing-sm);gap:var(--spacing-xs);background:#ffffff08;border:1px solid #ffffff1a;flex-direction:column;min-height:44px;display:flex}.ctheme-slot-empty{border-style:dashed;border-color:#ffffff14}.ctheme-slot-create-btn{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:2px;width:100%;padding:0;display:flex}.ctheme-slot-create-btn:hover .ctheme-slot-empty-label{color:var(--text-primary)}.ctheme-slot-empty-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;transition:color .15s}.ctheme-slot-create-hint{color:var(--text-muted);font-size:.65rem}.ctheme-slot-header{align-items:center;gap:var(--spacing-xs);min-height:24px;display:flex}.ctheme-slot-name{color:var(--text-primary);cursor:default;-webkit-user-select:none;user-select:none;flex:1;font-size:.78rem;font-weight:500}.ctheme-slot-hint{color:var(--text-muted);margin:0;padding-left:2px;font-size:.65rem}.ctheme-slot-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.ctheme-icon-btn{border-radius:var(--radius-xs);width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.ctheme-icon-btn:hover{color:var(--text-primary);background:#ffffff1f}.ctheme-icon-btn-danger:hover{background:rgba(var(--danger-rgb,220,53,69),.15);color:var(--danger,#dc3545)}.ctheme-inline-confirm{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:4px;font-size:.68rem;display:inline-flex}.ctheme-name-edit-row{align-items:center;gap:var(--spacing-xs);width:100%;display:flex}.ctheme-name-input{border-radius:var(--radius-xs);min-width:0;color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff26;outline:none;flex:1;padding:3px 6px;font-size:.75rem}.ctheme-name-input:focus{border-color:var(--accent-primary)}.ctheme-chip-list{flex-wrap:wrap;gap:4px;padding-top:2px;display:flex}.ctheme-chip-empty{color:var(--text-muted);font-size:.68rem;font-style:italic}.ctheme-chip{color:var(--text-secondary);background:#ffffff12;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:4px;padding:2px 6px 2px 8px;font-size:.65rem;display:inline-flex}.ctheme-chip-confirm{background:rgba(var(--danger-rgb,220,53,69),.08);border-color:rgba(var(--danger-rgb,220,53,69),.2);border-radius:var(--radius-xs);color:var(--text-secondary);gap:4px;padding:2px 6px}.ctheme-chip-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:.6rem;line-height:1;display:flex}.ctheme-chip-remove:hover{color:var(--danger,#dc3545)}.cpv2-assign-section{gap:var(--spacing-xs);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-md);margin:var(--spacing-md)var(--spacing-md)0;border-top:1px solid #ffffff12;flex-direction:column;display:flex}.cpv2-assign-label-row{align-items:center;gap:5px;display:inline-flex}.cpv2-assign-label-row .category-info-wrap{margin-left:0}.cpv2-assign-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-weight:600}.cpv2-assign-btn-wrap{position:relative}.cpv2-assign-status{color:var(--text-muted);margin:0;font-size:.68rem}.cpv2-color-override-note{color:var(--accent-secondary);padding:var(--spacing-xs)var(--spacing-sm);border-left:2px solid var(--accent-secondary);background:color-mix(in srgb,var(--accent-secondary)8%,transparent);margin:0;font-size:.68rem}.cpv2-assign-dropdown{z-index:9999;background:var(--bg-secondary,#1a1f2e);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-direction:column;min-width:160px;padding:4px 0;display:flex;position:fixed;box-shadow:0 8px 24px #00000073}.cpv2-assign-player-item{align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:7px 12px;display:flex}.cpv2-assign-player-item:hover{background:#ffffff12}.cpv2-assign-empty{font-size:var(--text-sm);color:var(--text-muted);margin:0;padding:7px 12px}.cpv2-assign-actions{justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm)2px;border-top:1px solid var(--glass-border);margin-top:2px;display:flex}.pfp-expand-tab{background:var(--glass-bg);border:1px solid var(--glass-border);width:48px;height:18px;color:var(--text-muted);cursor:pointer;clip-path:polygon(0% 0%,100% 0%,80% 100%,20% 100%);border-top:none;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:flex}.pfp-expand-tab:hover{color:var(--text-primary);background:var(--bg-accent)}.pfp-expand-chevron{flex-shrink:0;transition:transform .38s}.pfp-expand-tab-open .pfp-expand-chevron,.pfp-expand-chevron.pfp-expand-tab-open{transform:rotate(180deg)}.pfp-tab-tooltip{z-index:var(--z-tooltip);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;pointer-events:none;background:var(--bg-accent);border:1px solid var(--glass-border);color:var(--text-primary);padding:4px 10px;position:fixed;transform:translateY(-50%);box-shadow:0 4px 16px #0000004d}.generate-unassigned-list{padding-left:var(--spacing-lg);margin:var(--spacing-xs)0;font-size:var(--text-sm);color:var(--text-secondary);list-style:outside}.generate-unassigned-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--spacing-xs)}.scorecard-course-actions-cell{flex-direction:row;justify-content:center;align-items:center;gap:3px;padding:4px 2px;display:flex}.scorecard-course-icon-btn{color:#fff9;cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .15s,background .15s;display:flex}.scorecard-course-icon-btn:hover{color:#fff;background:#ffffff1a}.scorecard-course-icon-btn:disabled{opacity:.3;cursor:default}.scorecard-course-icon-btn:before{left:0!important;transform:translate(0)translateY(-4px)!important}.scorecard-course-icon-btn:hover:before{transform:translate(0)translateY(0)!important}.scorecard-course-icon-btn:after{left:var(--tooltip-arrow)!important}.scorecard-course-name-cell{padding:4px 6px}.scorecard-course-name-input{color:#fff;width:100%;font-size:var(--text-xs);font-weight:var(--font-medium);text-align:left;background:0 0;border:none;border-bottom:1px solid #fff3;outline:none;padding:2px 0;transition:border-color .15s}.scorecard-course-name-input::placeholder{color:#ffffff4d}.scorecard-course-name-input:focus{border-bottom-color:var(--accent-primary)}.ctheme-preview-backdrop{z-index:10;border-radius:var(--radius-md);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.course-modal-backdrop{z-index:var(--z-modal);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.course-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;width:340px;display:flex;box-shadow:0 8px 32px #0006}.course-modal-header{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);justify-content:space-between;align-items:center;display:flex}.course-modal-close{color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);border-radius:var(--radius-xs);background:0 0;border:none;padding:2px 4px;transition:color .15s}.course-modal-close:hover{color:var(--text-primary)}.course-modal-desc{font-size:var(--text-xs);color:var(--text-muted);margin:0}.course-modal-error{font-size:var(--text-xs);color:var(--danger);margin:0}.course-modal--pro-gate{border-color:var(--tier-pro-accent,#d4a843)}.ctheme-pro-gate-msg{font-size:var(--text-xs);color:var(--text-muted);margin:0}.ctheme-pro-gate-msg a{color:inherit;text-decoration:underline}.ctheme-slot-locked-empty{padding:var(--spacing-sm)var(--spacing-md);opacity:.6;cursor:default;flex-direction:column;gap:2px;display:flex}.ctheme-slot-locked-hint{font-size:var(--text-xs);color:var(--tier-pro-accent,#d4a843)}.ctheme-slot-deletion-warning{font-size:var(--text-xs);color:var(--tier-pro-accent,#d4a843);margin:0}.cpv2-pro-star-badge{color:var(--tier-pro-accent,#d4a843);vertical-align:middle;margin-left:4px;font-size:10px;line-height:1}.course-slot-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.course-slot{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;display:flex}.course-slot:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-accent)}.course-slot-disabled{opacity:.45;cursor:default}.course-slot-num{font-size:var(--text-xs);color:var(--text-muted);min-width:40px}.course-slot-name{font-size:var(--text-sm);color:var(--text-primary);flex:1}.course-slot-empty .course-slot-name{color:var(--text-muted);font-style:italic}.course-slot-override{font-size:var(--text-xs);color:var(--warning,#f59e0b);opacity:.8}.pro-panel-v2{padding-top:var(--spacing-sm)}.pro-panel-v2 .pro-panel-method,.pro-panel-v2 .pro-panel-right{padding-top:calc(var(--spacing-lg) - var(--spacing-sm))}.pfp-tab-bar{scrollbar-width:none;border-bottom:1px solid var(--glass-border);margin-bottom:var(--spacing-sm);align-items:flex-end;gap:2px;padding-top:10px;display:flex;overflow:auto hidden}.pfp-tab-bar::-webkit-scrollbar{display:none}.pfp-tab{cursor:pointer;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;flex-shrink:0;align-items:center;gap:4px;padding:5px 10px 6px;line-height:14px;transition:color .15s,background .15s,border-color .15s,transform .1s;display:flex;position:relative;transform:translateY(0)}.pfp-tab:hover{color:var(--text-primary);border-color:var(--glass-border);background:#ffffff08}.pfp-tab.pfp-tab-active{color:var(--text-primary);border-color:var(--glass-border);background:var(--glass-bg);z-index:1;transform:translateY(-6px)}.pfp-tab.pfp-tab-active:after{content:"";background:var(--glass-bg);border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);height:7px;position:absolute;bottom:-7px;left:-1px;right:-1px}.pfp-tab.pfp-tab-scorecard{border-top-width:2px;border-top-color:var(--accent)}.pfp-tab.pfp-tab-player{border-top-width:2px;border-top-color:var(--tab-color,var(--glass-border))}.pfp-tab-label{color:inherit;font-size:inherit;cursor:inherit;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:0 0;border:none;outline:none;min-width:0;max-width:100px;padding:0;font-family:inherit;overflow:hidden}.pfp-tab-active .pfp-tab-label{pointer-events:auto;cursor:text}.pfp-tab-close{width:14px;height:14px;color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:14px;transition:background .12s,color .12s;display:flex}.pfp-tab-close:hover{background:var(--danger);color:#fff}.pfp-tab-add{color:var(--text-muted);font-size:1rem;font-weight:var(--font-semibold);border:none;padding:3px 8px 5px}.pfp-tab-add:hover{color:var(--accent);background:0 0;border-color:#0000}.pfp-tab-content{gap:var(--spacing-sm);flex-direction:column;display:flex}.pfp-player-tab-content{gap:0}.pfp-scorecard-desc{color:var(--text-muted);margin:0;font-size:.75rem}.pfp-scorecard-desc-info-wrap{vertical-align:middle;margin-left:6px;display:inline-flex;position:relative}.pfp-scorecard-desc-info-wrap .wizard-info-badge{width:14px;height:14px;font-size:9px}.pfp-scorecard-info-card{z-index:10;background:var(--bg-secondary,#1a1f2e);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:240px;padding:var(--spacing-sm);position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0006}.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);scrollbar-width:none;overflow-x:auto}.scorecard-table-scroll::-webkit-scrollbar{display:none}.scorecard-table{border-collapse:collapse;white-space:nowrap;width:auto;min-width:100%;font-size:.7rem}.scorecard-table th,.scorecard-table td{text-align:center;border:1px solid #ffffff0f;padding:2px}.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;min-width:44px}.scorecard-offset-cell .input-select,.pfp-player-dist-selector-cell .input-select{padding:3px 6px;font-size:.7rem}.scorecard-offset-input{max-width:44px}.scorecard-hole-col{width:32px;min-width:32px;max-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;min-width:80px;font-size:.65rem}.scorecard-cell-input{width:100%;max-width:none;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 0;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:none;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-name-input::placeholder{color:var(--text-muted);opacity:.6}.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-remove-hole-row td{background:0 0;border:none;padding:0}.scorecard-remove-hole-cell{text-align:center}.scorecard-remove-hole-tab{color:#ef4444;cursor:pointer;background:#ef44442e;border:1px solid #ef444459;border-top:none;border-radius:0 0 4px 4px;justify-content:center;align-items:center;width:22px;height:14px;margin-top:2px;font-size:.65rem;line-height:1;transition:background .12s,color .12s;display:inline-flex}.scorecard-remove-hole-tab:hover{color:#fff;background:#ef444473}.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}.export-options-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;background:var(--bg-secondary,#1a1f2e);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:240px;padding:var(--spacing-sm);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}.wizard-hat-btn{border:1px solid var(--accent-primary);background:color-mix(in srgb,var(--accent-primary)12%,transparent);width:25px;height:25px;color:var(--accent-primary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;display:flex}.wizard-hat-btn:hover:not(:disabled){background:var(--accent-primary);color:var(--text-on-accent,#fff)}.wizard-hat-btn:disabled{opacity:.4;cursor:default}.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}.cn-config-trigger-btn{border:1px solid var(--accent-primary);background:color-mix(in srgb,var(--accent-primary)12%,transparent);width:25px;height:25px;color:var(--accent-primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;transition:color .15s,border-color .15s,background .15s;display:flex}.cn-config-trigger-btn:hover{background:color-mix(in srgb,var(--accent-primary)22%,transparent)}.cn-config-popover{gap:var(--spacing-sm);padding:var(--spacing-xs);flex-direction:column;max-height:250px;display:flex;overflow:hidden auto}.cn-config-header{padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.cn-config-title{font-size:var(--text-sm);color:var(--text-primary);margin:0;font-weight:600}.cn-config-prompt{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.cn-config-template-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.cn-config-category{flex-direction:column;gap:2px;display:flex}.cn-config-category-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-xs)0 2px}.cn-config-template-item,.cn-config-stroke-item{align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;padding:2px 0;display:flex}.cn-config-empty{font-size:var(--text-sm);color:var(--text-muted);margin:0}.cn-config-actions{justify-content:flex-end;gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--glass-border);margin-top:auto;display:flex}.cn-config-param-section{flex-direction:column;gap:4px;display:flex}.cn-config-param-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.cn-config-param-desc{font-size:var(--text-xs);color:var(--text-muted);margin:0}.cn-config-hole-00-row{grid-template-columns:repeat(9,1fr);align-items:center;gap:4px;margin-bottom:6px;display:grid}.cn-config-hole-00-label{font-size:var(--text-xs);color:var(--text-secondary);grid-column:2/-1;padding-left:2px}.cn-config-holes-grid{grid-template-columns:repeat(9,1fr);gap:4px;margin-top:4px;display:grid}.cn-config-hole-cell{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--input-bg);min-width:0;color:var(--text-secondary);font-size:10px;font-size:var(--text-xs);cursor:pointer;font-weight:600;transition:background .12s,color .12s,border-color .12s}.cn-config-hole-cell.selected{background:var(--accent);border-color:var(--accent);color:#fff}.cn-config-strokes{gap:var(--spacing-md);margin-top:4px;display:flex}.generate-btn{width:100%;font-size:var(--text-md);padding:var(--spacing-sm)var(--spacing-lg);margin-top:auto}.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){.pro-panel-grid{grid-template-columns:160px 1fr 200px}}.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;background:var(--bg-secondary,#1a1f2e);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:280px;padding:var(--spacing-sm);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{color:var(--text-secondary);letter-spacing:-.01em;margin:0;font-size:2rem;font-weight:700}.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-empty-page{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--spacing-md)0;margin:0;font-style:italic}.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-player-context{color:var(--text-muted);font-weight:400}.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}.design-preview-input-col{flex-direction:column}.design-preview:has(.ctheme-preview-backdrop){min-height:500px}.ctheme-preview-backdrop .course-modal{max-height:calc(100% - 32px);overflow-y:auto}.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}.cpv2-panel{flex-flow:column;min-height:300px;max-height:60vh}.cpv2-panel .color-panel-scroll{flex-flow:column;flex:1;min-height:0;overflow-y:auto}.cpv2-panel .cp-group{flex-flow:column}.cpv2-panel .cp-group-divider{padding-top:var(--spacing-sm);border-top:1px solid #ffffff12}.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}}.template-card-survey-gate{-webkit-backdrop-filter:blur(2px);padding:var(--spacing-sm);border-radius:inherit;z-index:2;background:#0a0e1a73;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.template-card-survey-gate-content{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.template-card-survey-gate-text{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.template-card-survey-gate-cta{font-size:var(--text-sm);color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast);padding:4px 14px;font-weight:600}.template-card-survey-gate:hover .template-card-survey-gate-cta{background:var(--accent-primary);color:#fff}.discovery-survey-modal{width:90vw;max-width:480px}.discovery-survey-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.discovery-survey-header h3{margin:0}.discovery-survey-subtext{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--spacing-md)}.discovery-survey-field{margin-bottom:var(--spacing-sm);flex-direction:column;gap:6px;display:flex}.discovery-survey-field label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.discovery-survey-optional{color:var(--text-secondary);font-weight:400}.discovery-survey-elab{margin-top:4px}.discovery-survey-textarea{resize:vertical;min-height:72px}.discovery-survey-toast{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:100;align-items:center;gap:12px;max-width:360px;padding:12px 14px;animation:.25s survey-toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 24px #00000059}@keyframes survey-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.discovery-survey-toast-content{font-size:var(--text-sm);color:var(--text-primary);flex:1;align-items:center;gap:10px;display:flex}.discovery-survey-toast-dismiss{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:14px;line-height:1}.discovery-survey-toast-dismiss:hover{color:var(--text-primary)}
.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-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}}