.draw-settings{padding:40px 5% 70px;animation:draw-enter .22s ease}
.draw-settings h1{font:42px/1 Georgia,serif;letter-spacing:-1.7px;margin:0 0 36px}
#draw-form{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start}
#draw-form fieldset{border:0;padding:0;margin:0;min-width:0}
#draw-form legend{font:24px Georgia,serif;margin-bottom:22px}
.draw-options{display:grid;gap:16px}
.draw-options label{font-size:12px;color:var(--muted)}
.draw-options input[type=number]{width:100%;border-radius:0}
.draw-check{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:20px}
#draw-form input[type=checkbox]{appearance:none;width:19px;height:19px;margin:0;border:1px solid var(--line);border-radius:2px;background:var(--panel);flex:none;position:relative;cursor:pointer}
#draw-form input[type=checkbox]:checked::before{content:"";position:absolute;left:6px;top:2px;width:4px;height:9px;border:solid var(--ink);border-width:0 1.5px 1.5px 0;rotate:45deg}
#draw-start{margin-top:12px;min-height:42px}
.folder-row{display:flex;align-items:center;gap:12px;min-height:46px;border-bottom:1px solid var(--line)}
.folder-row label{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:10px 0;cursor:pointer;font-size:13px;overflow-wrap:anywhere}
.folder-expand{width:34px;height:34px;padding:0;border:0;background:none;color:var(--muted);font-size:22px;cursor:pointer}
.folder-expand[aria-expanded=true]{rotate:90deg}
.folder-children{padding-left:28px}
#folder-status,#draw-status{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}
@keyframes draw-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:650px){#draw-form{grid-template-columns:1fr;gap:32px}.draw-settings{padding-top:28px}.draw-settings h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.draw-settings{animation:none}}
@media(forced-colors:active){#draw-form input[type=checkbox]{appearance:auto}#draw-form input[type=checkbox]::before{display:none}}
.draw-settings{max-width:1140px}
.draw-folders{border-top:1px solid var(--line)!important;padding-top:20px!important}
.draw-options{border-top:1px solid var(--line)!important;padding-top:20px!important}
#draw-form legend{padding-right:18px;font-size:23px}
.time-label{font-size:12px;color:var(--muted)}
.time-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.time-presets label{position:relative;cursor:pointer}
.time-presets input{position:absolute;width:1px;height:1px;opacity:0}
.time-presets span{display:block;text-align:center;padding:11px 5px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px;transition:background .15s,color .15s,border-color .15s}
.time-presets input:checked+span{background:var(--soft);color:var(--ink);border-color:var(--muted)}
.time-presets label:hover span{color:var(--ink);background:var(--surface)}
.time-presets input:focus-visible+span{box-shadow:inset 0 0 0 1px var(--accent)}
#custom-seconds{padding:10px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;margin-top:8px;background:transparent}
#draw-start{justify-self:start;display:flex;align-items:center;gap:24px;min-height:42px;padding:11px 16px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--ink);font-size:12px;cursor:pointer;transition:background .15s,border-color .15s}
#draw-start:hover{background:var(--surface);border-color:var(--muted)}
#draw-start svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.folder-note{font-size:11px;color:var(--muted);margin:16px 0 0}