.tool-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(305px,.9fr);gap:20px;align-items:start;max-width:1100px}.tool-main-card,.tool-side-card{padding:28px}.tool-main-card{min-height:470px}.timer-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:10px;letter-spacing:1.5px;font-weight:800}.tool-status{background:var(--primary-light);color:var(--primary);border-radius:99px;padding:6px 10px;font-size:10px;letter-spacing:0}.timer-dial{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:205px;margin:30px 0 20px;border-radius:18px;background:var(--surface-2);border:1px dashed var(--line)}.timer-display{color:var(--text);font-weight:800;font-size:clamp(38px,5vw,68px);font-variant-numeric:tabular-nums;line-height:1.35}.timer-dial small{color:var(--muted);font-size:11px;letter-spacing:2px}.timer-progress{height:10px;border-radius:40px;overflow:hidden;background:var(--primary-light)}.timer-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#596fe0,#52bcb1);border-radius:40px;transition:width .2s}.timer-controls{display:flex;gap:12px;justify-content:center;margin:25px 0}.timer-controls .btn{min-width:126px}.completion-message{padding:12px;text-align:center;color:#087d57;background:#e2f8ee;border-radius:10px;font-weight:750}.tool-side-card h2{margin:0 0 7px;font-size:17px}.tool-side-card h3{margin:24px 0 12px;font-size:13px}.tool-side-card p{color:var(--muted);font-size:11px}.time-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.time-fields input{text-align:center;font-size:18px;font-weight:800}.preset-list{display:flex;flex-wrap:wrap;gap:8px}.preset-list button{padding:8px 11px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--surface-2);font-size:11px}.preset-list button:hover{border-color:var(--primary)}.tool-check{display:flex;align-items:center;gap:8px;margin-top:26px;font-size:11px}.tool-check input{accent-color:var(--primary)}.tool-hint{line-height:1.8;margin-top:20px;color:var(--muted);font-size:11px}.visual-timer,.visual-rollcall{display:flex;flex-direction:column;justify-content:center;align-items:center}.visual-timer{background:linear-gradient(115deg,#e0e9ff,#cdebf8)}.visual-rollcall{background:linear-gradient(125deg,#dff7ed,#c4ede3)}.feature-visual-num{font-size:50px;font-weight:850;letter-spacing:2px;color:#375fa9}.visual-rollcall .feature-visual-num{color:#1a987e}.feature-visual-num small{font-size:18px}.visual-timer .visual-label,.visual-rollcall .visual-label{position:static;color:#6d7da5;letter-spacing:1.5px;font-size:9px}.draw-spotlight{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px;min-height:255px;padding:25px;margin:19px 0;background:linear-gradient(135deg,#eff2ff,#eafaf7);border-radius:18px}.draw-spotlight>span{font-size:11px;color:#7b89aa}.draw-spotlight strong{font-size:clamp(26px,3vw,45px);font-weight:850;color:#294883;min-height:60px;display:grid;place-items:center}.draw-spotlight strong.drawing{opacity:.55}.draw-spotlight small{font-size:11px;color:#778aa3}.rollcall-go{width:100%;padding:14px}.draw-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;text-align:center}.draw-metrics div{display:flex;flex-direction:column}.draw-metrics strong{font-size:25px;color:var(--text)}.draw-metrics small{font-size:10px;color:var(--muted)}.rollcall-reset{display:block;margin:18px auto 0}.roster-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.roster-head h3{margin:0 0 10px}.roster-head p{margin:0 0 15px}.roster-tags{display:flex;gap:7px;flex-wrap:wrap;max-height:260px;overflow:auto}.roster-tag{font-size:11px;border-radius:7px;border:1px solid var(--line);padding:5px 9px;background:var(--surface-2)}.roster-tag.drawn{opacity:.5;text-decoration:line-through}.roster-form-actions{display:flex;justify-content:end;gap:8px;margin-top:12px}.roster-form textarea{width:100%}.draw-history{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.draw-history ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-left:24px}.draw-history li{font-size:11px}.draw-history-empty{list-style:none;grid-column:1/-1;color:var(--muted)}body.dark .draw-spotlight{background:linear-gradient(130deg,#253652,#24434d)}body.dark .draw-spotlight strong{color:#dce7ff}body.dark .draw-spotlight small{color:#bed0e4}@media(min-width:601px) and (max-width:1120px){.project-card:last-child{grid-column:auto}.project-card:last-child .project-visual{height:147px}}@media(max-width:930px){.tool-layout{grid-template-columns:1fr}.tool-main-card{min-height:0}}@media(max-width:600px){.tool-main-card,.tool-side-card{padding:19px}.timer-display{font-size:38px}.timer-dial{min-height:175px}.draw-spotlight{min-height:200px;padding:17px}.draw-spotlight strong{font-size:30px}.draw-history ol{grid-template-columns:repeat(2,minmax(0,1fr))}}