.wy-tool{gap:18px;display:grid}.top,.card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:17px}.top{justify-content:space-between;gap:14px;padding:18px;display:flex}.top>div:first-child,.card>header{align-items:flex-start;gap:9px;display:flex}.top svg,.card>header svg{color:var(--color-primary)}.top h2,.card h2{margin:0;font-size:18px}.top p,.card p{color:var(--color-text-secondary);margin:4px 0 0;font-size:11px}.actions{gap:7px;display:flex}.actions button,.card button,.presets button{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 11px;font-weight:700;display:inline-flex}.presets{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.presets button{background:#f8f9fc}.card{padding:18px}.card>header{margin-bottom:14px}.main{grid-template-columns:.45fr .55fr;gap:14px;display:grid}.editor label{gap:6px;display:grid}.editor label>span,.hero-grid span,.week-range span,.metric-grid span{text-transform:uppercase;color:var(--color-text-secondary);font-size:9px;font-weight:700}.editor input{border:1px solid var(--color-border);background:#fff;border-radius:9px;min-height:46px;padding:10px}.preview{border:1px solid var(--color-border);background:#f8f9fc;border-radius:10px;margin-top:12px;padding:15px}.preview span,.preview strong,.preview small{display:block}.preview span{text-transform:uppercase;color:var(--color-text-secondary);font-size:9px;font-weight:700}.preview strong{margin-top:5px;font-size:18px}.preview small{color:var(--color-text-secondary);margin-top:4px}.error{color:#9f3030;background:#fff1f1;border:1px solid #efc0c0;border-radius:9px;margin-top:12px;padding:11px}.result>header,.history>header{grid-template-columns:auto 1fr auto;display:grid}.result>header>button,.history>header>button{width:39px;padding:0}.hero-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hero-grid article{color:#fff;background:#101522;border-radius:12px;padding:19px}.hero-grid span,.hero-grid strong,.hero-grid small{display:block}.hero-grid span,.hero-grid small{color:#9ca8ba}.hero-grid strong{margin:4px 0;font-size:46px}.week-range{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.week-range article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;padding:12px}.week-range b,.week-range small{display:block}.week-range b{margin-top:5px;font-size:18px}.week-range small{color:var(--color-text-secondary);margin-top:4px}.week-range i{color:var(--color-primary);font-size:22px;font-style:normal}.metric-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.metric-grid article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;padding:11px}.metric-grid b,.metric-grid small{display:block}.metric-grid b{text-transform:capitalize;margin-top:5px;font-size:18px}.metric-grid small{color:var(--color-text-secondary);margin-top:3px}.progress{grid-template-columns:1fr auto auto;align-items:center;gap:12px;display:grid}.progress>div{background:#edf0f5;border-radius:99px;height:10px;overflow:hidden}.progress i{background:var(--color-primary);border-radius:99px;height:100%;display:block}.progress strong{font-size:18px}.progress span{color:var(--color-text-secondary);font-size:10px}.bottom{grid-template-columns:.32fr .68fr;gap:14px;display:grid}.export{flex-direction:column;display:flex}.export>div{gap:7px;margin-top:auto;display:flex}.history>div{gap:7px;display:grid}.history>div>article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:9px;display:grid}.history b,.history span{display:block}.history span{color:var(--color-text-secondary);margin-top:3px;font-size:9px}.empty{border:1px dashed var(--color-border);text-align:center;color:var(--color-text-secondary);border-radius:9px;padding:16px;font-size:11px}.note{color:#49617f;background:#f5f8ff;border:1px solid #d8e2fa;border-radius:11px;gap:8px;padding:13px 15px;font-size:12px;line-height:1.6;display:flex}.note svg{flex:none}button:disabled{opacity:.45}@media (width<=1000px){.top{flex-direction:column}.main,.bottom{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.presets,.hero-grid,.metric-grid,.week-range{grid-template-columns:1fr}.week-range i{justify-self:center;transform:rotate(90deg)}.progress,.history>div>article{grid-template-columns:1fr}}