.sp-section{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);max-width:760px;margin-top:28px;padding:28px}.sp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 20px;display:flex}.sp-head>div{flex:280px;min-width:0}.sp-head h2{margin:0 0 6px}.sp-head .notice{margin:0}.sp-hint{background:var(--accent-soft);color:#3b2217;border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:.92rem}.sp-hint a{color:inherit;font-weight:600}.sp-message{color:var(--muted);margin:14px 0 0;font-size:.92rem}.sp-error{color:var(--accent);margin:0 0 10px;font-size:.88rem;font-weight:600}.sp-list{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.sp-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:16px 18px;display:flex}.sp-card-off .sp-card-main{opacity:.65}.sp-card-main{flex:260px;min-width:0}.sp-card-name{font-family:var(--serif);overflow-wrap:anywhere;margin:0 0 4px;font-size:1.1rem}.sp-card-summary{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.92rem}.sp-card-actions{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.sp-switch{cursor:pointer;align-items:center;gap:8px;margin-right:4px;font-size:.9rem;font-weight:600;display:inline-flex}.sp-switch input,.sp-check input,.sp-segment-opt input{accent-color:var(--accent)}.sp-switch input,.sp-check input{flex:none;width:18px;height:18px;margin:0}.sp-form{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);margin-top:20px;padding:20px}.sp-form-title{font-family:var(--serif);margin:0 0 16px;font-size:1.2rem}.sp-form label,.sp-form legend{font-size:.92rem;font-weight:600}.sp-form .input{background:var(--surface);margin:6px 0 4px}.sp-field{min-width:0;margin-bottom:14px}.sp-fieldset{border:0;min-width:0;margin:0 0 14px;padding:0}.sp-fieldset legend{margin-bottom:6px;padding:0}.sp-help{color:var(--muted);margin:0 0 6px;font-size:.85rem;font-weight:400}.sp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px;display:grid}.sp-segment{background:var(--chip);border-radius:999px;max-width:100%;padding:4px;display:inline-flex}.sp-segment-opt{margin:0;display:block;position:relative}.sp-segment-opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sp-segment-opt span{border-radius:999px;padding:8px 18px;font-size:.92rem;font-weight:600;display:block}.sp-segment-opt input:checked+span{background:var(--primary);color:var(--primary-ink)}.sp-segment-opt input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.sp-checks{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 12px;display:grid}.sp-check{cursor:pointer;align-items:center;gap:8px;margin:0;font-weight:500;display:flex}.sp-active{margin:4px 0 18px}.sp-region-row{align-items:center;gap:8px;display:flex}.sp-region-row .input{flex:auto;min-width:0}.sp-chips{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.sp-chip{background:var(--chip);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:4px;padding:4px 4px 4px 12px;font-size:.9rem;display:inline-flex}.sp-chip-x{width:24px;height:24px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;display:inline-flex}.sp-chip-x:hover{background:var(--line)}.sp-form-actions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:640px){.sp-section{padding:20px 16px}.sp-form{padding:16px 14px}.sp-grid{grid-template-columns:1fr}.sp-card-actions{width:100%}}@media (prefers-color-scheme:dark){.sp-hint{color:var(--ink);background:#3a2a20}}
