/* Original controls. Material comes from the atlas; text wells stay readable. */
.uic-demo{font-size:.92rem;line-height:1.6}.uic-demo h4{font-size:1.1rem;margin:0 0 10px}.uic-demo form{display:grid;gap:14px}.uic-demo :is(ul,ol){padding-left:22px;margin:0}.uic-demo small{font-size:.78rem;color:var(--muted)}
.uic-fieldset{border:0;margin:0;padding:0;display:grid;gap:10px}.uic-fieldset legend{font-size:.85rem;font-weight:650;padding:0;margin-bottom:10px}.uic-check{display:flex;gap:10px;align-items:center;min-height:44px;cursor:pointer}.uic-indent{display:grid;gap:5px;padding-left:22px}.uic-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.uic-layer-stack,.uic-view-items{display:flex;gap:8px;flex-wrap:wrap;min-height:82px;align-items:center}.uic-layer-stack>span,.uic-view-items>span{padding:16px 20px;border-radius:12px;background:var(--ui-fill);box-shadow:var(--ui-shadow);font-size:.85rem}.uic-layer-stack>span:nth-child(even){background:color-mix(in srgb,var(--ui-fill),var(--cyan) 12%)}
.uic-details{border-radius:13px;padding:13px 15px;background:var(--ui-well)}.uic-details summary{cursor:pointer;min-height:30px;font-weight:600}.uic-details summary span{font-size:.76rem;font-weight:400;color:var(--muted);margin-left:12px}.uic-details[open]>summary{margin-bottom:12px}.uic-details li{margin:9px 0}.uic-details .ui-stack{margin-top:12px}.uic-created,.uic-dialog-preview,.uic-sheet-preview{border-radius:16px;background:var(--ui-fill);padding:24px;min-height:85px;display:grid;place-items:center;box-shadow:var(--ui-shadow)}
.uic-switch{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}.ui-atlas .uic-switch input{position:absolute;inset:0 auto auto 0;width:50px;height:44px;margin:0;opacity:0;z-index:1;cursor:pointer}.uic-track{display:block;position:relative;width:50px;height:28px;flex:none;border-radius:99px;background:color-mix(in srgb,var(--muted),var(--ui-well) 45%)}.uic-track i{position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:var(--ui-well);box-shadow:0 2px 6px #0003;transform:translateX(0)}.uic-switch input:checked+.uic-track{background:var(--accent)}.uic-switch input:checked+.uic-track i{transform:translateX(22px);background:var(--accent-ink)}.uic-switch input:focus-visible+.uic-track{outline:3px solid var(--ring);outline-offset:4px}.uic-switch:has(input:disabled){opacity:.5;cursor:not-allowed}.uic-switch input:disabled{cursor:not-allowed}
.uic-light-card{position:relative;padding:30px 24px;display:grid;gap:9px;border-radius:18px;background:var(--ui-well);isolation:isolate;overflow:hidden;min-height:150px}.uic-light-card>span{font-size:.68rem;letter-spacing:.15em;color:var(--muted)}.uic-light-card>strong{font-size:1.35rem;line-height:1.2}.uic-light-card:before{content:'';position:absolute;z-index:-1;width:130px;height:130px;right:-18px;top:-28px;border-radius:50%;background:var(--cyan);opacity:0;filter:blur(25px)}.uic-light-card[data-uic-lit=true]:before{opacity:.42}
.uic-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.uic-choice{display:flex;align-items:start;gap:8px;background:var(--ui-well);padding:14px 10px;border-radius:13px;cursor:pointer}.uic-choice span{display:grid;gap:6px}.uic-choice strong{font-size:.85rem}.uic-choice small{font-size:.68rem}.uic-choice:has(input:checked){background:color-mix(in srgb,var(--ui-control),var(--cyan) 14%)}.uic-rating,.uic-option-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:44px;border-radius:12px;background:var(--ui-well);cursor:pointer}.uic-rating:has(input:checked),.uic-option-chip:has(input:checked){background:var(--ui-control);box-shadow:inset 0 -3px var(--cyan)}
.uic-affix,.uic-input-action{display:flex;align-items:center;gap:10px}.uic-affix>input,.uic-input-action>input{flex:1;min-width:0}.uic-affix>span{flex:none;font-size:.85rem;color:var(--muted)}.uic-otp{letter-spacing:.3em;font-variant-numeric:tabular-nums}.uic-note-preview{margin:0;border-radius:14px;padding:20px;background:var(--ui-fill);font-style:normal;overflow-wrap:anywhere}.uic-demo textarea{resize:vertical;line-height:1.6}.uic-demo input[type=range]{width:100%;height:34px;accent-color:var(--cyan)}.uic-demo input[type=color]{width:100%;height:46px;background:var(--ui-well);padding:4px;border:0;border-radius:10px}.uic-demo [aria-invalid=true]{box-shadow:inset 0 -3px var(--pink)}.uic-range-preview{--uic-accent:#64d8ed;background:linear-gradient(115deg,color-mix(in srgb,var(--uic-accent),transparent 72%),var(--ui-fill));padding:24px;border-radius:16px}.uic-range-preview span{background:var(--ui-well);border-radius:9px;padding:6px 10px;font-size:.8rem}
.uic-combo{position:relative}.uic-options{list-style:none!important;padding:7px!important;margin:8px 0 0!important;border-radius:13px;background:var(--ui-well);max-height:220px;overflow:auto}.uic-options [role=option]{padding:11px 13px;border-radius:8px;cursor:pointer;min-height:44px}.uic-options [aria-selected=true]{background:var(--accent);color:var(--accent-ink)}
.uic-tooltip-host{position:relative;display:inline-grid;justify-items:start;gap:9px;padding-bottom:8px}.uic-tooltip{display:block;max-width:330px;border-radius:12px;background:var(--ui-well);padding:12px 16px;font-size:.83rem;box-shadow:var(--ui-shadow)}.uic-popover{color:var(--ink);background:var(--solid);border:0;border-radius:20px;padding:25px;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 75px #0005}.uic-popover h4{margin:0 0 12px}.uic-popover .uic-check{margin-block:12px}.uic-coach-targets{display:flex;gap:8px;flex-wrap:wrap}.uic-coach-targets span{font-size:.75rem;border-radius:9px;padding:10px;background:var(--ui-control)}.uic-coach-targets [data-active=true]{background:var(--accent);color:var(--accent-ink)}.uic-coach{padding:22px;border-radius:15px;background:var(--ui-well)}.uic-coach p{margin-top:9px}
.uic-list{display:grid;gap:8px}.uic-list li{padding:8px 0}.uic-command-list{list-style:none!important;padding:0!important;display:grid;gap:8px;margin:16px 0!important}.uic-command-list .ui-btn{width:100%;justify-content:start}.uic-tabs{display:flex;gap:7px;flex-wrap:wrap}.uic-tabs [aria-selected=true],.uic-master-list [aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.uic-tab-panel{padding:22px;border-radius:15px;background:var(--ui-well)}.uic-edge-example{padding:28px 20px;min-height:120px;border-radius:17px;background:var(--ui-fill);box-shadow:inset 3px 4px 4px #dfffff38,inset -3px -4px 5px #00162a33,0 12px 22px #021b3e15;display:grid;place-items:center}.uic-edge-example.uic-edge-off{box-shadow:none}.uic-master{display:grid;grid-template-columns:var(--uic-master-width,38%) minmax(0,1fr);gap:12px}.uic-master-list{display:grid;align-content:start;gap:8px}.uic-master-detail{padding:18px;border-radius:14px;background:var(--ui-well)}
.ui-atlas .uic-dialog{inset:0;margin:auto;transform:none;width:min(500px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:28px;border:0;border-radius:24px;color:var(--ink);background:var(--solid);box-shadow:0 24px 90px #0007;overflow:auto;backdrop-filter:none}.ui-atlas .uic-dialog::backdrop{background:#07112488;backdrop-filter:blur(4px)}.uic-dialog h4{font-size:1.3rem;line-height:1.3;margin:0 0 18px}.uic-dialog>p{margin-bottom:20px}.ui-atlas .uic-sheet{top:auto;bottom:0;margin:0 auto;border-radius:24px 24px 0 0;max-height:85dvh;padding-bottom:max(28px,env(safe-area-inset-bottom))}.uic-danger{background:var(--pink);color:#1b0c25}.uic-removable,.uic-alert{display:grid;gap:6px;padding:22px;border-radius:15px;background:var(--ui-well)}.uic-removable span{font-size:.8rem;color:var(--muted)}.uic-sheet-preview[data-material=Smoke]{background:#233346;color:#f4f8ff}.uic-sheet-preview[data-material=Solid]{background:var(--solid)}.uic-toast{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;border-radius:16px;background:var(--ui-well);box-shadow:var(--ui-shadow)}
.uic-notifications{display:grid;gap:8px;padding:0!important;list-style:none}.uic-notifications li{display:flex;gap:12px;justify-content:space-between;align-items:center;background:var(--ui-well);padding:13px;border-radius:13px}.uic-notifications li>span{font-size:.85rem}.uic-notifications li[data-read=true]>span{color:var(--muted)}.uic-notifications .ui-btn{flex-shrink:0;font-size:.75rem;padding-inline:12px}.uic-demo progress{width:100%;height:14px;accent-color:var(--cyan)}.uic-content-slot{padding:24px;background:var(--ui-well);border-radius:16px;min-height:185px}.uic-content-slot h4{margin-top:14px}.uic-skeleton{display:grid;gap:13px}.uic-skeleton i{display:block;height:18px;width:100%;background:var(--ui-control);border-radius:6px}.uic-skeleton i:first-child{height:27px;width:65%}.uic-skeleton i:last-child{width:80%}.uic-empty{padding:24px;background:var(--ui-well);border-radius:16px;text-align:center}.uic-empty-symbol{font-size:2rem;color:var(--cyan)}.uic-empty .uic-list{text-align:left;margin-top:14px}.uic-error-summary{padding:18px;border-radius:14px;background:color-mix(in srgb,var(--ui-well),var(--pink) 15%)}.uic-error-summary ul{margin-top:10px}.uic-field-error{color:var(--pink);font-size:.8rem}.uic-steps{display:flex;flex-wrap:wrap;gap:9px;padding:0!important;list-style:none;counter-reset:step}.uic-steps li{counter-increment:step;padding:8px 11px;background:var(--ui-well);border-radius:9px;font-size:.75rem}.uic-steps li:before{content:counter(step) ' · ';color:var(--muted)}.uic-steps li[aria-current=step]{background:var(--accent);color:var(--accent-ink)}.uic-steps li[aria-current=step]:before{color:inherit}.uic-profile{display:grid;grid-template-columns:42px 1fr;gap:4px 12px;align-items:center;padding:22px;border-radius:16px;background:var(--ui-well)}.uic-avatar{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--accent-ink)}.uic-profile small{grid-column:2}.uic-preference-preview{display:grid;gap:14px;padding:25px;border-radius:16px;background:#f3f8fc;color:#162538}.uic-preference-preview span{font-size:.73rem;color:#475b72}.uic-preference-preview[data-look=dark]{background:#152337;color:#f1f7ff}.uic-preference-preview[data-look=dark] span{color:#b7cee2}.uic-preference-preview[data-density=compact]{gap:6px;padding:15px}
.uic-created[data-contrast=strong]{background:var(--solid)}
.ui-atlas .uic-error-summary:focus{outline:3px solid var(--ring);outline-offset:4px}
@media(max-width:600px){.uic-two,.uic-choice-grid{grid-template-columns:1fr}.uic-master{grid-template-columns:1fr}.uic-master-list{grid-template-columns:repeat(3,minmax(0,1fr))}.uic-master-list .ui-btn{padding-inline:8px}.uic-input-action{flex-wrap:wrap}.uic-input-action input{flex-basis:100%}.uic-notifications li{align-items:start;flex-direction:column}.uic-toast{flex-wrap:wrap}.ui-atlas .uic-dialog{padding:22px}.uic-choice small{font-size:.78rem}}
@media(forced-colors:active){.uic-track{border:1px solid ButtonText;background:Canvas}.uic-track i{background:ButtonText!important}.uic-switch input:checked+.uic-track{background:Highlight}.uic-demo :is(.uic-dialog,.uic-popover,.uic-choice,.uic-tooltip,.uic-option-chip,.uic-rating,.uic-tab-panel,.uic-toast,.uic-alert){border:1px solid CanvasText}.uic-tabs [aria-selected=true],.uic-master-list [aria-pressed=true]{outline:2px solid Highlight}.uic-light-card:before{display:none}.uic-demo [aria-invalid=true]{border:2px dashed CanvasText}.uic-preference-preview{background:Canvas!important;color:CanvasText!important}.uic-preference-preview span{color:CanvasText!important}}
