@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Syne:wght@600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.studio{min-height:100vh;background:#0a0f1a;color:#e2e8f0;font-family:DM Mono,Fira Mono,monospace;padding:32px 24px}.studio-inner{max-width:820px;margin:0 auto}.studio-header{margin-bottom:32px}.studio-title{font-family:Syne,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 4px;color:#e2e8f0}.studio-subtitle{color:#64748b;font-size:13px;margin:0}.gradient-preview{height:200px;border-radius:12px;margin-bottom:24px;box-shadow:0 0 60px #00000080;transition:background .4s ease;border:1px solid rgba(255,255,255,.05)}.tick-bar-section{margin-bottom:28px}.section-label{font-size:11px;color:#475569;margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.tick-bar{position:relative;height:48px;border-radius:8px;border:1px solid rgba(255,255,255,.08);cursor:crosshair;-webkit-user-select:none;user-select:none}.tick-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;border:2.5px solid white;box-shadow:0 2px 8px #0009;z-index:10;cursor:ew-resize;transition:transform .1s}.tick-handle:hover{transform:translate(-50%,-50%) scale(1.3)}.tick-list{display:flex;flex-wrap:wrap;margin-bottom:20px}.pill{display:inline-flex;align-items:center;gap:6px;background:#131b2e;border:1px solid #1e293b;border-radius:8px;padding:8px 12px;margin:4px}.pill input[type=color]{appearance:none;-webkit-appearance:none;border:none;width:36px;height:28px;border-radius:4px;cursor:pointer;padding:0;background:none}.pill input[type=color]::-webkit-color-swatch-wrapper{padding:0}.pill input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.pill-position{font-size:12px;color:#64748b;min-width:32px}.btn{cursor:pointer;border:none;border-radius:6px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s;background:none;color:inherit}.btn:hover{filter:brightness(1.15)}.btn-remove{color:#475569;font-size:14px;padding:0 2px;line-height:1}.btn-add{background:#131b2e;border:1px dashed #2d3d5a;color:#6366f1;padding:8px 14px;margin:4px;border-radius:8px}.btn-primary{flex:1;background:#6366f1;color:#fff;padding:10px 0}.btn-apply{flex:1;background:#0f172a;border:1px solid #4ade80;color:#4ade80;padding:10px 0}.btn-toggle{flex:1;border:1px solid #1e293b;color:#475569;padding:7px 0;font-size:11px}.btn-toggle.active{border-color:#6366f1;color:#6366f1}.btn-row{display:flex;gap:8px}.toggle-row{margin-top:8px}.angle-row{display:flex;align-items:center;gap:16px;margin-bottom:32px}.angle-row .section-label{min-width:48px;margin-bottom:0}.angle-row input[type=range]{appearance:none;-webkit-appearance:none;flex:1;height:4px;border-radius:2px;background:#1e293b;cursor:pointer}.angle-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#6366f1;border:2px solid #0a0f1a}.angle-value{font-size:13px;color:#6366f1;min-width:36px}.panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:#0d1424;border:1px solid #1e293b;border-radius:12px;padding:20px}.panel .section-label{margin-bottom:16px}.panel-description{font-size:12px;color:#475569;line-height:1.6;margin:0 0 16px}.score-header{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}.score-number{font-family:Syne,sans-serif;font-size:48px;font-weight:800;line-height:1}.score-max{color:#475569;font-size:13px}.score-badge{margin-left:auto;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em}.score-bar{margin-bottom:6px}.score-bar-header{display:flex;justify-content:space-between;font-size:11px;margin-bottom:3px;color:#94a3b8}.score-bar-track{height:4px;border-radius:2px;background:#1e293b}.score-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.issues{margin-top:14px}.issue{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#64748b;margin-bottom:6px}.issue-icon{color:#f87171;flex-shrink:0}.suggestion-preview{height:48px;border-radius:8px;margin-bottom:14px;border:1px solid rgba(255,255,255,.08)}.theory-note{margin-top:20px;padding:16px;background:#0d1424;border:1px solid #1e293b;border-radius:10px;font-size:11px;color:#475569;line-height:1.7}.accent{color:#a5b4fc}.accent-strong{color:#6366f1}