@media (max-width:1023px){.tagger-settings{flex-direction:column;gap:16px;scroll-margin-top:84px;display:flex}.tagger-settings-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.tagger-settings-copy{flex:360px;min-width:0}.tagger-settings-eyebrow{color:var(--rose);letter-spacing:.14em;margin-bottom:6px;font-size:10px;font-weight:700}.tagger-settings h2{margin-bottom:8px;font-size:18px;font-weight:700}.tagger-settings p{font-size:13px;line-height:1.65}.tagger-settings code{background:var(--surface);border-radius:4px;padding:1px 5px;font-size:11px}.tagger-settings-hint,.tagger-model-item small{color:var(--muted)}.tagger-settings-hint{border:1px solid var(--line);background:var(--surface-muted);border-radius:7px;padding:10px 12px;font-size:12px!important}.tagger-settings-actions{flex-wrap:wrap;flex:0 auto;gap:8px;display:flex}.tagger-settings-actions button{min-height:38px}.tagger-settings-status,.tagger-settings-error{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:10px 12px;font-size:12px!important}.tagger-settings-error{border-color:color-mix(in srgb, var(--rose) 35%, var(--line));color:var(--rose)}.tagger-model-list{gap:8px;display:grid}.tagger-model-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:10px;min-height:66px;padding:10px 12px;display:flex}.tagger-model-item label{cursor:pointer;flex:1;align-items:center;gap:11px;min-width:0;display:flex}.tagger-model-item label>input{accent-color:var(--rose);flex:none}.tagger-model-details{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.tagger-model-details b{font-size:13px}.tagger-model-item small{font-size:11px}.tagger-remove-button{width:34px;height:34px;color:var(--rose);border:1px solid #0000;border-radius:6px;flex:none;place-items:center;display:grid}.tagger-remove-button:hover{border-color:var(--line);background:var(--surface-muted)}.tagger-remove-button:disabled{opacity:.5}.tagger-settings-empty{border:1px dashed var(--line);background:var(--surface-muted);border-radius:8px;gap:6px;padding:20px;display:grid}.tagger-settings-empty p{color:var(--muted);margin:0;font-size:12px}.tagger-settings-empty .tagger-empty-title{color:var(--ink);font-weight:600}.tagger-settings-empty a{color:var(--rose);text-underline-offset:3px;text-decoration:underline}@media (max-width:760px){.tagger-settings{scroll-margin-top:145px}.tagger-settings-actions{flex:100%}.tagger-settings-actions button{flex:auto}}}
@media (max-width:1023px){.settings-header{z-index:30;border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px max(20px,50vw - 620px);display:flex;position:sticky;top:0}.settings-brand{align-items:center;gap:10px;font-size:17px;display:flex}.settings-brand svg{color:var(--rose)}.settings-brand span{color:var(--muted);margin-left:8px;font-size:12px;font-weight:400}.settings-layout{grid-template-columns:208px minmax(0,1fr);align-items:start;gap:32px;max-width:1240px;margin:0 auto;padding:28px 20px 60px;display:grid}.settings-navigation{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:6px;padding:8px;display:grid;position:sticky;top:92px}.settings-navigation a{min-height:48px;color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:600;transition:background .18s,color .18s;display:flex}.settings-navigation a:hover{color:var(--ink);background:var(--surface)}.settings-navigation a[aria-current=page]{color:var(--rose);background:color-mix(in srgb, var(--rose) 12%, var(--panel))}.settings-navigation a:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.settings-content{min-width:0}.settings-section-heading{margin-bottom:26px}.settings-section-heading p{color:var(--muted);font-size:12px}.settings-section-heading h1{margin-top:10px;font-size:28px;font-weight:700}.settings-section-heading span{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.7;display:block}.settings-section-body{animation:.2s both settings-section-enter}.settings-content code{overflow-wrap:anywhere;min-width:0}.settings-profile-links{gap:16px;display:grid}.settings-profile-link-heading{align-items:flex-start;gap:12px;display:flex}.settings-profile-link-heading>div{min-width:0}.settings-profile-link-heading p{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.7}.settings-profile-icon{background:var(--surface-muted);width:36px;height:36px;color:var(--rose);border-radius:8px;flex:none;place-items:center;display:grid}.settings-profile-link-grid{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.settings-profile-link-grid .settings-secondary-button{flex:180px;justify-content:center}.settings-content :is(#custom-providers,#story-providers,#local-tagger,#api-tokens){scroll-margin-top:84px}.token-quota-field{min-width:0}.token-quota-control{align-items:center;gap:10px;min-height:40px;display:flex}.token-quota-switch{border:1px solid var(--line);background:var(--surface-muted);min-width:122px;min-height:32px;color:var(--muted);text-align:left;border-radius:999px;flex:none;align-items:center;gap:8px;padding:4px 9px 4px 5px;font-size:12px;font-weight:600;line-height:1;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.token-quota-switch:hover{border-color:var(--rose)}.token-quota-switch.is-on{border-color:color-mix(in srgb, var(--rose) 55%, var(--line));background:color-mix(in srgb, var(--rose) 10%, var(--surface));color:var(--ink)}.token-quota-switch-track{background:var(--line);border-radius:999px;flex:none;align-items:center;width:30px;height:18px;padding:2px;transition:background .15s;display:inline-flex}.token-quota-switch.is-on .token-quota-switch-track{background:var(--rose)}.token-quota-switch-thumb{background:var(--panel);border-radius:50%;width:14px;height:14px;transition:transform .15s;transform:translate(0);box-shadow:0 1px 2px #0000002e}.token-quota-switch.is-on .token-quota-switch-thumb{transform:translate(12px)}.token-quota-switch-label{white-space:nowrap}.token-quota-input-wrap{flex:auto;min-width:0}.token-quota-input-wrap .field{width:100%;min-width:0}.token-quota-input-wrap .field:disabled{visibility:hidden;pointer-events:none}@keyframes settings-section-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.settings-header{min-height:60px;padding:10px 16px}.settings-brand span{display:none}.settings-layout{padding:16px 12px 40px;display:block}.settings-navigation{z-index:20;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-bottom:24px;padding:4px;position:sticky;top:60px}.settings-navigation a{flex-direction:column;gap:5px;min-height:56px;padding:8px 3px;font-size:10px}.settings-section-heading{padding:0 4px}.settings-section-heading h1{font-size:23px}.settings-content :is(#custom-providers,#story-providers,#local-tagger,#api-tokens){scroll-margin-top:145px}}@media (prefers-reduced-motion:reduce){.settings-section-body{animation:none}}[data-motion=reduced] .settings-section-body{animation:none}}
