.qp .spg{margin-top:28px}.qp .spg-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.qp .spg-form,.qp .spg-result{border:1px solid var(--hairline);border-radius:var(--r-card);background:var(--surface)}.qp .spg-form{padding:22px}.qp .spg-result{min-height:520px;padding:24px}.qp .spg-form-title,.qp .spg-result-title,.qp .spg-example-title{margin:0;color:var(--ink);font-size:17px;letter-spacing:-.2px}.qp .spg-form-intro,.qp .spg-summary,.qp .spg-empty{color:var(--muted);font-size:14px;line-height:1.55}.qp .spg-form-intro{margin:6px 0 20px}.qp .spg-fields{display:grid;gap:14px}.qp .spg-field,.qp .spg-subject-field{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:600}.qp .spg-field input,.qp .spg-subject-field input,.qp .spg-subject-field select{width:100%;min-height:41px;border:1px solid var(--edge);border-radius:var(--r-btn);background:var(--canvas);color:var(--ink);font:inherit;padding:8px 10px}.qp .spg-field input:focus-visible,.qp .spg-subject-field input:focus-visible,.qp .spg-subject-field select:focus-visible,.qp .spg-weekday:focus-within,.qp .spg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.qp .spg-subjects{display:grid;gap:8px}.qp .spg-subject-row{display:grid;grid-template-columns:minmax(0,1fr) 116px auto;gap:8px;align-items:end;opacity:1;transform:none;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.qp .spg-subject-row.is-adding{opacity:.72;transform:translateY(3px)}.qp .spg-subject-remove,.qp .spg-add{min-height:41px}.qp .spg-weekdays{display:flex;flex-wrap:wrap;gap:6px}.qp .spg-weekday{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--edge);border-radius:var(--r-btn);background:var(--canvas);color:var(--muted);cursor:pointer;font-size:12px;font-weight:500;padding:7px 8px}.qp .spg-weekday:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.qp .spg-weekday input{accent-color:var(--accent)}.qp .spg button{border:1px solid var(--edge);border-radius:var(--r-btn);background:var(--canvas);color:var(--ink);cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:9px 11px;transition:transform .16s var(--ease-out)}.qp .spg button:active{transform:scale(.97)}.qp .spg-add{justify-self:start;color:var(--muted)}.qp .spg-result-title{margin-bottom:8px}.qp .spg-summary{min-height:44px;margin:0 0 16px}.qp .spg-summary b{color:var(--ink)}.qp .spg-warning,.qp .spg-error{border:1px solid var(--edge);border-radius:var(--r-btn);background:var(--surface-soft);color:var(--ink);font-size:14px;line-height:1.5;padding:11px 12px}.qp .spg-warning{margin:0 0 14px}.qp .spg-error{margin-top:14px}.qp .spg-table-wrap{overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--r-btn)}.qp .spg-table{width:100%;border-collapse:collapse;color:var(--ink);font-size:13px}.qp .spg-table th,.qp .spg-table td{border-bottom:1px solid var(--hairline-soft);padding:10px 9px;text-align:left;vertical-align:top}.qp .spg-table th{background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.qp .spg-table tbody tr:last-child td{border-bottom:0}.qp .spg-date,.qp .spg-duration{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.qp .spg-type{color:var(--muted);font-size:12px}.qp .spg-row{opacity:0;transform:translateY(6px);transition:opacity .24s var(--ease-out),transform .24s var(--ease-out)}.qp .spg-row.is-in{opacity:1;transform:none}.qp .spg-presets-section{margin-top:26px}.qp .spg-presets-section>p{margin:5px 0 12px}.qp .spg-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qp .spg-preset{min-height:116px;text-align:left}.qp .spg-preset strong,.qp .spg-preset span{display:block}.qp .spg-preset span{color:var(--muted);font-size:12px;font-weight:400;line-height:1.45;margin-top:6px}.qp .tldr{max-width:760px;border-left:2px solid var(--accent);color:var(--muted);margin-top:24px;padding:4px 0 4px 18px}.qp .tldr p{color:var(--ink);margin:0 0 7px}.qp .tldr ul{display:grid;gap:4px;margin:0;padding-left:18px}@media(max-width:760px){.qp .spg-grid{grid-template-columns:1fr}.qp .spg-result{min-height:440px}.qp .spg-presets{grid-template-columns:1fr}}@media(max-width:460px){.qp .spg-form,.qp .spg-result{padding:18px}.qp .spg-subject-row{grid-template-columns:1fr auto}.qp .spg-subject-field:first-child{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.qp .spg button,.qp .spg-subject-row,.qp .spg-row{opacity:1;transform:none;transition:none}}