.studio-app.timer-app{--timer-cyan:#70d7ed;overflow:clip;background:var(--canvas);color:var(--ink)}.studio-app.timer-app .timer-stage:after,.studio-app.timer-app:after,.studio-app.timer-app:before{content:none}.studio-app.timer-app .timer-main{gap:0;padding-top:0}.studio-app.timer-app .timer-alert-control{min-height:40px;color:var(--ink-soft);background:transparent;border-color:var(--line);border-radius:3px;box-shadow:none}.studio-app.timer-app .timer-alert-control.enabled{color:var(--accent-bright);background:var(--accent-soft);border-color:var(--line-strong)}.studio-app.timer-app .timer-workspace{grid-template-columns:minmax(0,1.45fr) minmax(310px,.8fr);gap:0;border-block:1px solid var(--line)}.studio-app.timer-app .timer-stage{min-width:0;min-height:610px;padding:28px 36px 34px 0;color:var(--ink);background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none}.studio-app.timer-app .timer-stage-topline{gap:12px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.12em}.studio-app.timer-app .timer-stage-topline>span:first-child{color:var(--accent-bright)}.studio-app.timer-app .timer-stage-duration{display:block;padding:0;background:none;border:0;border-radius:0;text-align:right}.studio-app.timer-app .timer-clock-wrap{width:min(100%,485px);margin:8px auto 12px}.studio-app.timer-app .timer-dial-progress,.studio-app.timer-app .timer-dial-track{stroke-width:2}.studio-app.timer-app .timer-dial-track{stroke:var(--line)}.studio-app.timer-app .timer-dial-progress{stroke:var(--accent);stroke-width:3;stroke-linecap:butt;filter:drop-shadow(0 0 7px #4772ff66)}.studio-app.timer-app .timer-ticks line{stroke:var(--line);stroke-width:1;stroke-linecap:butt}.studio-app.timer-app .timer-ticks line:nth-child(5n+1){stroke:var(--muted-light);stroke-width:1.5}.studio-app.timer-app .timer-orbit-primary{width:91%;height:91%;border:1px solid var(--line)}.studio-app.timer-app .timer-orbit-primary:after{top:-3px;left:calc(50% - 3px);right:auto;width:5px;height:5px;background:var(--accent-bright);box-shadow:none;transition:background-color .2s ease}.studio-app.timer-app .is-running .timer-orbit-primary:after{background:var(--timer-cyan)}.studio-app.timer-app .timer-session-name{max-width:240px;margin-bottom:17px;color:var(--ink-soft);font-size:11px;font-weight:500;letter-spacing:.14em}.studio-app.timer-app .timer-digits{color:var(--ink);font-size:clamp(60px,6.5vw,92px);font-weight:500;letter-spacing:-.06em;text-shadow:0 0 48px #4772ff1a}.studio-app.timer-app .timer-digits b{font-weight:500}.studio-app.timer-app .timer-digits i{color:var(--accent-bright);font-weight:400}.studio-app.timer-app .timer-readout-status{margin-top:20px;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.14em}.studio-app.timer-app .timer-complete-halo{background:var(--accent-soft);border:1px solid var(--accent-bright);box-shadow:none}.studio-app.timer-app .timer-complete-mark{width:74px;height:74px;margin-bottom:20px;color:var(--timer-cyan);background:var(--accent-soft);box-shadow:none}.studio-app.timer-app .timer-complete-mark svg{width:34px;height:34px}.studio-app.timer-app .timer-complete-title{font-size:clamp(26px,3.2vw,40px);font-weight:500}.studio-app.timer-app .timer-actions{gap:8px;margin-top:auto}.studio-app.timer-app .timer-main-action,.studio-app.timer-app .timer-reset-action{min-height:46px;border-radius:3px;box-shadow:none}.studio-app.timer-app .timer-main-action{min-width:180px;color:var(--ink);background:var(--accent-solid);font-size:12px;font-weight:600}.studio-app.timer-app .timer-main-action:hover{background:#345bd7;transform:translateY(-1px)}.studio-app.timer-app .timer-main-action.pause{background:var(--accent-soft);border:1px solid var(--line-strong)}.studio-app.timer-app .timer-reset-action{width:46px;height:46px;color:var(--ink-soft);background:transparent;border:1px solid var(--line-strong)}.studio-app.timer-app .timer-reset-action:hover{background:var(--surface-soft);transform:translateY(-1px)}.studio-app.timer-app .timer-setup{min-width:0;min-height:0;padding:28px 0 28px 36px;background:none;border:0;border-radius:0;box-shadow:none}.studio-app.timer-app .timer-setup-heading{gap:10px;padding-bottom:21px;border-color:var(--line)}.studio-app.timer-app .timer-setup-heading>span{width:auto;height:auto;color:var(--accent-bright);background:none;border-radius:0}.studio-app.timer-app .timer-setup-heading small{margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.12em}.studio-app.timer-app .timer-setup-heading h2{font-size:20px;font-weight:500;letter-spacing:-.04em}.studio-app.timer-app .timer-field{gap:11px;margin-top:24px}.studio-app.timer-app .timer-custom>label,.studio-app.timer-app .timer-field-label,.studio-app.timer-app .timer-field>label{color:var(--ink-soft);font-size:11px;font-weight:600;letter-spacing:.11em}.studio-app.timer-app .timer-field>input{min-height:43px;padding:0 11px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:3px;font-size:13px;font-weight:500}.studio-app.timer-app .timer-field>input:focus{background:var(--surface-soft);border-color:var(--accent-bright);box-shadow:0 0 0 2px var(--accent-soft)}.studio-app.timer-app .timer-presets{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}.studio-app.timer-app .timer-preset{position:relative;grid-template-columns:66px minmax(0,1fr) 18px;grid-template-rows:auto auto;align-items:center;min-height:69px;padding:13px 8px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;transition:background-color .17s ease,color .17s ease}.studio-app.timer-app .timer-preset:after{grid-column:3;grid-row:1/3;width:12px;height:12px;border:1px solid var(--muted-light);border-radius:50%;content:""}.studio-app.timer-app .timer-preset.active{color:var(--ink);background:var(--accent-soft);border-color:var(--line-strong);box-shadow:inset 2px 0 var(--accent)}.studio-app.timer-app .timer-preset.active:after{background:var(--accent-bright);border-color:var(--accent-bright);box-shadow:inset 0 0 0 3px var(--accent-soft)}.studio-app.timer-app .timer-preset:hover:not(:disabled){background:var(--surface-soft);transform:none;box-shadow:none}.studio-app.timer-app .timer-preset.active:hover:not(:disabled){box-shadow:inset 2px 0 var(--accent)}.studio-app.timer-app .timer-preset strong{grid-row:1/3;align-self:center;font-size:27px;font-weight:500}.studio-app.timer-app .timer-preset strong i{margin-left:4px;color:var(--muted);font-weight:500}.studio-app.timer-app .timer-preset>span{grid-column:2;align-self:end;font-size:12px;font-weight:500}.studio-app.timer-app .timer-preset small{grid-column:2;align-self:start;color:var(--muted);font-size:11px;line-height:1.6}.studio-app.timer-app .timer-custom{gap:10px;margin-top:23px}.studio-app.timer-app .timer-custom>div{grid-template-columns:66px minmax(45px,1fr) auto;min-height:42px;background:transparent;border-color:var(--line-strong);border-radius:3px}.studio-app.timer-app .timer-custom>div:focus-within{outline:2px solid var(--accent-bright);outline-offset:2px}.studio-app.timer-app .timer-custom input{height:42px;padding-left:11px;color:var(--ink);font-weight:500}.studio-app.timer-app .timer-custom>div>span{color:var(--muted);font-weight:500}.studio-app.timer-app .timer-custom button{margin:0;padding-inline:14px;color:var(--accent-bright);background:var(--accent-soft);border-left:1px solid var(--line-strong);border-radius:0;font-size:11px;font-weight:550}.studio-app.timer-app .timer-custom>small{color:var(--muted);font-size:11px}.studio-app.timer-app .timer-session-signals{grid-template-columns:1fr 1fr;gap:16px;margin-top:25px;padding-top:22px;border-color:var(--line)}.studio-app.timer-app .timer-session-signals>div{gap:8px}.studio-app.timer-app .timer-session-signals>div>span{width:auto;height:auto;color:var(--accent-bright);background:none;border-radius:0}.studio-app.timer-app .timer-session-signals small{color:var(--muted);font-weight:500}.studio-app.timer-app .timer-session-signals strong{margin-top:3px;color:var(--ink-soft);font-size:11px;font-weight:500}.studio-app.timer-app .timer-focus-note{margin:24px 0 0;padding:0;color:var(--muted);background:none;border:0;border-radius:0;font-size:11px;font-weight:400;line-height:1.7}.studio-app.timer-app .timer-focus-note svg{color:var(--accent-bright)}.studio-app.timer-app .timer-announcement{color:var(--ink);background:var(--accent);border-radius:3px;box-shadow:0 8px 26px #00000040}.studio-app.timer-app .timer-announcement svg{color:var(--timer-cyan)}.studio-app.timer-app button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.studio-app.timer-app button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1000px){.studio-app.timer-app .timer-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr)}.studio-app.timer-app .timer-stage{min-height:530px;padding-right:24px}.studio-app.timer-app .timer-clock-wrap{margin-block:auto}.studio-app.timer-app .timer-setup{padding-left:24px}.studio-app.timer-app .timer-digits{font-size:clamp(48px,7vw,74px)}}@media (max-width:760px){.studio-app.timer-app .timer-workspace{grid-template-columns:1fr}.studio-app.timer-app .timer-stage{min-height:0;padding:22px 0 30px;border-right:0;border-bottom:1px solid var(--line)}.studio-app.timer-app .timer-clock-wrap{width:min(100%,420px);margin:10px auto 14px}.studio-app.timer-app .timer-setup{padding:28px 0}.studio-app.timer-app .timer-digits{font-size:clamp(57px,14vw,82px)}.studio-app.timer-app .timer-session-name{max-width:min(240px,52vw);font-size:11px}.studio-app.timer-app .timer-readout-status{font-size:11px}}@media (max-width:390px){.studio-app.timer-app .timer-stage-topline{gap:8px;font-size:11px;letter-spacing:.07em}.studio-app.timer-app .timer-stage-duration{max-width:78px;line-height:1.6}.studio-app.timer-app .timer-digits{font-size:52px}.studio-app.timer-app .timer-session-name{margin-bottom:12px}.studio-app.timer-app .timer-readout-status{margin-top:14px}.studio-app.timer-app .timer-complete-title{font-size:25px}}.studio-app.timer-app :is(h1,h2,.timer-digits,.timer-preset strong,.timer-complete-title){font-family:var(--font-display),sans-serif}.studio-app.timer-app .timer-alert-control:hover{color:var(--ink);background:var(--surface-soft);border-color:var(--line-strong)}.studio-app.timer-app .timer-clock-wrap{background:radial-gradient(circle,#4772ff0d 0,transparent 68%)}.studio-app.timer-app .timer-session-signals small{font-size:10px}.studio-app.timer-app .timer-preset strong i{font-size:11px}.studio-app.timer-app .timer-main-action{color:#fff}.studio-app.timer-app .timer-main-action.pause{color:var(--ink)}.studio-app.timer-app .timer-announcement{background:var(--surface-soft);border-color:var(--line-strong)}@media (prefers-reduced-motion:reduce){.studio-app.timer-app .timer-orbit-primary:after,.studio-app.timer-app :is(.timer-dial-progress,.timer-preset,.timer-main-action,.timer-reset-action){transition:none}}