.ws-campus-overview{container:campus-overview/inline-size}.ws-campus-overview .ws-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-campus-overview .ws-shortcut{min-width:0;overflow:hidden}.ws-campus-overview .ws-shortcut:nth-child(6n+1),.ws-campus-overview .ws-shortcut:nth-child(6n+4){background:var(--pastel-lilac)}.ws-campus-overview .ws-shortcut:nth-child(6n+2),.ws-campus-overview .ws-shortcut:nth-child(6n+5){background:var(--pastel-mint)}.ws-campus-overview .ws-shortcut:nth-child(6n+3),.ws-campus-overview .ws-shortcut:nth-child(6n+6){background:var(--pastel-butter)}.ws-campus-overview .ws-shortcut__art{width:min(70%,160px);height:108px;margin:0 0 16px}.ws-campus-overview .ws-shortcut__art img{width:100%;height:100%;object-fit:contain}.ws-campus-overview .ws-shortcut h3{color:var(--pastel-ink)}.ws-campus-overview .ws-shortcut p{color:var(--pastel-ink);opacity:.8}.ws-campus-overview .ws-shortcut:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.ws-campus-overview .ws-shortcut:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ws-campus-overview .ws-campus-class-card{display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-gap:24px;gap:24px;align-items:center}.ws-campus-class-card>div{min-width:0}.ws-campus-class-card .ws-chip-row{margin-top:14px}.ws-campus-class-card__art{width:150px;height:112px}.ws-campus-class-card__art img{width:100%;height:100%;object-fit:contain}.ws-panel-head.ws-panel-head--illustrated{align-items:center;gap:12px}.ws-panel-head--illustrated .ws-panel-head__identity{display:flex;gap:12px;align-items:center;min-width:0;flex:1 1 180px}.ws-panel-head__copy{min-width:0}.ws-panel-head--illustrated .ws-panel-head__art{flex:0 0 70px;width:70px;height:62px}.ws-panel-head__art img{width:100%;height:100%;object-fit:contain}.ws-panel-head--illustrated>button{flex-shrink:0}.ws-panel-head--illustrated:has(>.ws-button){flex-wrap:wrap}.ws-panel-head--illustrated:has(>.ws-button) .ws-panel-head__identity{flex-basis:220px}.ws-illustrated-error.ws-notice{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;grid-gap:20px;gap:20px;padding:22px}.ws-illustrated-error__art{width:116px;height:100px}.ws-illustrated-error__art img{width:100%;height:100%;object-fit:contain}.ws-illustrated-error__copy{min-width:0;overflow-wrap:anywhere}.ws-illustrated-error__copy p{margin:6px 0 12px}.ws-illustrated-error--compact.ws-notice{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:16px}.ws-illustrated-error--compact .ws-illustrated-error__art{width:60px;height:72px}.ws-illustrated-error--compact .ws-illustrated-error__copy{font-size:var(--fs-sm)}.campus-panel--illustrated .campus-data-panel__head{align-items:center;gap:12px}.campus-data-panel__identity{display:flex;align-items:center;gap:12px;min-width:0}.campus-data-panel__identity h2{min-width:0;overflow-wrap:anywhere}.campus-data-panel__art{flex:0 0 70px;width:70px;height:60px}.campus-data-panel__art img{width:100%;height:100%;object-fit:contain}.campus-empty-card.campus-empty-card--illustrated{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;grid-gap:16px;gap:16px;text-align:left}.campus-empty-card__art{width:100px;height:90px}.campus-empty-card__art img{width:100%;height:100%;object-fit:contain}.campus-empty-card__copy{min-width:0;overflow-wrap:anywhere}.campus-empty-card--illustrated>button{grid-column:2;justify-self:start;max-width:100%}.campus-empty.campus-empty--illustrated{display:grid;grid-template-columns:200px minmax(0,1fr);grid-column-gap:32px;column-gap:32px;align-items:center}.campus-empty--illustrated .campus-empty__art{grid-row:span 2;width:200px;height:200px}.campus-empty__art img{width:100%;height:100%;object-fit:contain}.campus-empty--illustrated .campus-empty__copy{min-width:0}.ws-campus-status>p{margin-bottom:20px}.ws-card-art{width:112px;height:78px;margin-bottom:16px}.ws-card-art img{display:block;width:100%;height:100%;object-fit:contain}.campus-material-card__art{width:96px;height:76px;flex:0 0 96px}.campus-material-card__art img{display:block;width:100%;height:100%;object-fit:contain}.campus-panel--illustrated .campus-data-panel__head>:last-child:not(.campus-data-panel__identity){flex-shrink:0}.campus-data-panel__identity{flex:1 1 auto}.campus-library-page .campus-library-loading{display:flex;align-items:center;gap:16px;padding:20px;color:var(--muted)}.campus-library-loading img{width:90px;height:70px;object-fit:contain}.ws-card-art.ws-card-art--compact{width:52px;height:46px;margin-bottom:12px;flex:0 0 52px}.ws-record-identity{display:grid;grid-template-columns:52px minmax(0,1fr);grid-column-gap:12px;column-gap:12px;min-width:0;overflow-wrap:anywhere;align-items:center}.ws-record-identity>.ws-card-art--compact{grid-column:1;grid-row:1/span 5;margin:0}.ws-record-identity>:not(.ws-card-art--compact){grid-column:2;min-width:0}.ws-list-row:has(>.ws-record-identity){flex-wrap:wrap}.ws-list-row>.ws-record-identity{flex:1 1 220px}.ws-list-row>.ws-actions{max-width:100%;flex-wrap:wrap}.ws-card,.ws-lesson,.ws-node{overflow-wrap:anywhere}.ws-card .ws-actions>button{max-width:100%;white-space:normal}.ws-table-wrap:has(>.ws-record-table){container:workspace-records/inline-size}.ws-record-table{table-layout:fixed}.ws-record-table :is(th,td){min-width:0;overflow-wrap:anywhere;white-space:normal;vertical-align:top}.ws-record-table button{max-width:100%;white-space:normal}.ws-record-table--students :is(th,td):first-child{width:32%}.ws-record-table--summary :is(th,td):first-child{width:28%}@container workspace-records (max-width: 720px){.ws-record-table{display:block}.ws-record-table thead{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.ws-record-table tbody{display:grid;grid-gap:14px;gap:14px}.ws-record-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.ws-record-table tbody td:nth-child(n){display:block;width:auto;min-width:0;padding:0;border:0;text-align:left}.ws-record-table tbody td:before{display:block;content:attr(data-label);margin-bottom:6px;color:var(--ink-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.ws-record-table td[data-label=Action],.ws-record-table td[data-label=Correction],.ws-record-table td[data-label=Student],.ws-record-table--summary td[data-label=Attendance]{grid-column:1/-1}.ws-record-table td[data-label=Action] .ws-button{width:100%}}@container campus-layout (min-width: 481px) and (max-width: 719px){.ws-workspace .ws-toolbar .ws-field{flex-basis:220px}}@container campus-layout (max-width: 480px){.ws-workspace .ws-toolbar .ws-field,.ws-workspace .ws-toolbar>.ws-button{flex-basis:100%}}.campus-members-page{container:campus-members/inline-size}.campus-members-page .campus-split-layout{grid-template-columns:minmax(0,1fr);gap:20px}.campus-members-page .campus-filter-panel{position:static}.campus-members-page .campus-filter-panel>.campus-data-panel__head{margin-bottom:12px}.campus-members-page .campus-filter-panel .campus-form{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(0,1fr)) auto;grid-gap:16px;gap:16px;align-items:end}.campus-members-page .campus-filter-panel .admin-field{min-width:0}.campus-members-page .campus-filter-panel .campus-form>button{justify-self:end}.campus-members-page .campus-right-rail{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.campus-members-page .campus-main-panel .token-table{table-layout:fixed}.campus-members-page .token-table :is(th,td){padding-inline:8px;white-space:normal;overflow-wrap:anywhere}.campus-members-page .token-table :is(th,td):first-child{width:25%}.campus-members-page .token-table :is(th,td):nth-child(2){width:10%}.campus-members-page .token-table :is(th,td):nth-child(3){width:26%}.campus-members-page .token-table :is(th,td):nth-child(4){width:9%}.campus-members-page .token-table :is(th,td):nth-child(5){width:12%}.campus-members-page .token-table :is(th,td):nth-child(6){width:18%}.campus-members-page .campus-member-cell{min-width:0}.campus-members-page .campus-member-responsibilities{min-width:0;max-width:none;overflow-wrap:anywhere}.campus-members-page .token-table .campus-inline-actions{display:flex;flex-wrap:wrap;gap:8px}.campus-members-page .token-table .campus-inline-actions button{max-width:100%;white-space:normal}@container campus-members (max-width: 900px){.campus-members-page .campus-filter-panel .campus-form{grid-template-columns:repeat(2,minmax(0,1fr))}.campus-members-page .campus-filter-panel .campus-form>button{grid-column:1/-1}.campus-members-page .campus-right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.campus-members-page .campus-right-rail>:last-child{grid-column:1/-1}.campus-members-page .campus-main-panel .admin-tablewrap{overflow:visible}.campus-members-page .token-table{display:block}.campus-members-page .token-table thead{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.campus-members-page .token-table tbody{display:grid;grid-gap:16px;gap:16px}.campus-members-page .token-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.campus-members-page .token-table tbody td:nth-child(n){display:block;width:auto;min-width:0;padding:0;border:0;text-align:left!important}.campus-members-page .token-table tbody td:before{display:block;margin-bottom:6px;color:var(--ink-2);font-size:var(--fs-2xs);font-weight:var(--fw-semibold)}.campus-members-page .token-table tbody td:first-child{grid-column:1/-1;grid-row:1}.campus-members-page .token-table tbody td:nth-child(2){grid-column:1;grid-row:2}.campus-members-page .token-table tbody td:nth-child(2):before{content:"Role"}.campus-members-page .token-table tbody td:nth-child(3){grid-column:1/-1;grid-row:3}.campus-members-page .token-table tbody td:nth-child(3):before{content:"Class / Teaching responsibilities"}.campus-members-page .token-table tbody td:nth-child(4){grid-column:2;grid-row:2}.campus-members-page .token-table tbody td:nth-child(4):before{content:"Status"}.campus-members-page .token-table tbody td:nth-child(5){grid-column:3;grid-row:2}.campus-members-page .token-table tbody td:nth-child(5):before{content:"Joined"}.campus-members-page .token-table tbody td:nth-child(6){grid-column:1/-1;grid-row:4}.campus-members-page .token-table tbody td:nth-child(6):before{content:"Actions"}.campus-members-page .token-table .campus-inline-actions{justify-content:flex-start}}@container campus-members (max-width: 599px){.campus-members-page .campus-filter-panel .campus-form,.campus-members-page .campus-right-rail{grid-template-columns:minmax(0,1fr)}.campus-members-page .token-table tbody tr{padding:16px;gap:12px}}@container campus-overview (max-width: 850px){.ws-campus-overview .ws-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-campus-overview .ws-shortcut__art{height:90px}}@container campus-overview (max-width: 480px){.ws-campus-overview .ws-shortcuts{grid-template-columns:minmax(0,1fr)}.ws-campus-overview .ws-shortcut{display:grid;grid-template-columns:90px minmax(0,1fr);grid-column-gap:16px;column-gap:16px;align-items:center;padding:20px}.ws-campus-overview .ws-shortcut__art{grid-row:span 2;width:90px;height:90px;margin:0}.ws-campus-overview .ws-shortcut h3{padding-right:22px}.ws-campus-overview .ws-shortcut p{margin-top:6px}.ws-campus-overview .ws-shortcut>b{width:24px;height:24px;top:12px;right:12px}.ws-campus-overview .ws-campus-class-card{grid-template-columns:minmax(0,1fr) 90px;gap:12px}.ws-campus-class-card__art{width:90px;height:100px}.ws-panel-head--illustrated .ws-panel-head__art{flex-basis:54px;width:54px;height:50px}}@container campus-layout (max-width: 480px){.ws-illustrated-error.ws-notice{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:16px}.ws-illustrated-error__art{width:70px;height:90px}.ws-illustrated-error--compact.ws-notice{grid-template-columns:minmax(0,1fr)}.ws-illustrated-error--compact .ws-illustrated-error__art{width:70px;height:50px}.campus-empty-card.campus-empty-card--illustrated{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:16px}.campus-empty-card__art{width:76px;height:80px}.campus-data-panel__art{flex-basis:52px;width:52px;height:48px}}@media (max-width:719px){.campus-empty.campus-empty--illustrated{grid-template-columns:minmax(0,1fr);gap:16px}.campus-empty--illustrated .campus-empty__art{grid-row:auto;width:150px;height:130px;justify-self:center}}@media (prefers-reduced-motion:reduce){.ws-campus-overview .ws-shortcut{transition:none}.ws-campus-overview .ws-shortcut:hover{transform:none}}.workspace-appearance-button.workspace-appearance-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--surface-2);color:var(--ink);box-shadow:var(--shadow-control-raised,var(--shadow-sm));font:inherit;line-height:1;cursor:pointer}.workspace-appearance-button:focus-visible{outline:2px solid var(--focus-color,var(--accent));outline-offset:3px}.workspace-appearance-button:active{box-shadow:var(--shadow-control-inset,var(--shadow-inset));background:var(--surface-3)}@media (hover:hover){.workspace-appearance-button:hover{border-color:var(--ink-3)}}dialog.ws-dialog.ws-dialog--material{--workspace-dialog-radius:var(--r-2xl);padding:6px;border:1px solid var(--line);border-radius:var(--workspace-dialog-radius);background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-regular);line-height:1.5;text-align:left;text-transform:none;align-items:stretch;justify-items:stretch;transition:none}dialog.ws-dialog.ws-dialog--material[open]{display:flex;flex-direction:column}dialog.ws-dialog.ws-dialog--material::-webkit-backdrop{background:rgb(20 19 29/.36);-webkit-backdrop-filter:none;backdrop-filter:none}dialog.ws-dialog.ws-dialog--material::backdrop{background:rgb(20 19 29/.36);-webkit-backdrop-filter:none;backdrop-filter:none}dialog.ws-dialog.ws-dialog--material>:is(header,.ws-dialog__body,.ws-dialog__footer){box-sizing:border-box;width:100%;min-width:0;align-self:stretch;background:var(--surface);text-transform:none}dialog.ws-dialog.ws-dialog--material>header{display:flex;align-items:center;justify-content:space-between;border-radius:calc(var(--workspace-dialog-radius) - 7px) calc(var(--workspace-dialog-radius) - 7px) 0 0}dialog.ws-dialog.ws-dialog--material>:is(.ws-dialog__body:last-child,.ws-dialog__footer){border-radius:0 0 calc(var(--workspace-dialog-radius) - 7px) calc(var(--workspace-dialog-radius) - 7px)}dialog.ws-dialog.ws-dialog--material>header .ws-icon-button{width:44px;height:44px;min-width:44px;min-height:44px;box-shadow:var(--shadow-control-raised,var(--shadow-sm))}dialog.ws-dialog.ws-dialog--material>header .ws-icon-button:active{box-shadow:var(--shadow-control-inset,var(--shadow-inset))}dialog.ws-dialog.ws-dialog--material.ws-notifications-dialog{--workspace-dialog-radius:28px}.workspace-appearance-content{padding:var(--s-7)}@container campus-layout (max-width: 319px){.campus .campus-board .campus-dash-nav{gap:16px 4px}.campus .campus-dash-nav .campus-dash-actions{gap:4px}}@media (prefers-reduced-motion:no-preference) and (forced-colors:none){html:not([data-native]) dialog.ws-dialog.ws-dialog--material[open]{animation:workspace-dialog-enter .2s ease-out both}}@keyframes workspace-dialog-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:719px){dialog.ws-dialog.ws-dialog--material{--workspace-dialog-radius:var(--r-xl)}.workspace-appearance-content{padding:var(--s-5)}}@media (forced-colors:active){.workspace-appearance-button.workspace-appearance-button{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}dialog.ws-dialog.ws-dialog--material>:is(header,.ws-dialog__body,.ws-dialog__footer){background:Canvas;color:CanvasText}dialog.ws-dialog.ws-dialog--material>header .ws-icon-button{box-shadow:none}}.ws-dialog.ws-notifications-dialog{width:min(660px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:28px;background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:400;line-height:1.5;text-align:left;text-transform:none;align-items:stretch;justify-items:stretch}.ws-dialog.ws-notifications-dialog[open]{display:flex;flex-direction:column;align-items:stretch}.ws-dialog.ws-notifications-dialog>:is(header,.ws-dialog__body,.ws-dialog__footer){box-sizing:border-box;width:100%;min-width:0;align-self:stretch;text-transform:none}.ws-dialog.ws-notifications-dialog :is(h2,h3,p,time,small,a,button){text-transform:none}.ws-notification-center{display:grid;grid-gap:18px;gap:18px;min-width:0;padding:24px}.ws-notification-hero{display:grid;grid-template-columns:minmax(0,1fr) 152px;align-items:center;grid-gap:18px;gap:18px;padding:24px;border-radius:24px;background:var(--pastel-lilac);color:var(--pastel-ink)}.ws-notification-hero>div{min-width:0}.ws-notification-eyebrow{display:block;font-size:11px;font-weight:650;margin-bottom:12px}.ws-notifications-dialog .ws-notification-hero h3{color:var(--pastel-ink);font-size:26px;line-height:1.15;letter-spacing:-.035em}.ws-notifications-dialog .ws-notification-hero p{color:var(--pastel-ink);opacity:.78;font-size:13px;margin:12px 0 0}.ws-notification-hero>img{width:152px;height:136px;object-fit:contain}.ws-notification-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.ws-notification-count{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);font-size:12px;font-weight:600}.ws-notification-count:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.ws-notification-toolbar .ws-button{min-height:44px;border-radius:999px;padding-inline:16px;border:1px solid var(--line);background:var(--surface-2)}.ws-notification-feed{display:grid;grid-gap:12px;gap:12px;min-width:0}.ws-notification-card{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;grid-gap:16px;gap:16px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.ws-notification-card--unread{border-color:color-mix(in srgb,var(--accent) 25%,var(--line));background:color-mix(in srgb,var(--pastel-mint) 13%,var(--surface))}.ws-notification-card__art{display:grid;place-items:center;width:88px;height:88px;background:var(--pastel-mint);border-radius:20px}.ws-notification-card:nth-child(3n+2) .ws-notification-card__art{background:var(--pastel-butter)}.ws-notification-card:nth-child(3n+3) .ws-notification-card__art{background:var(--pastel-blue)}.ws-notification-card__art img{display:block;width:100%;height:100%;object-fit:contain}.ws-notification-card__content{min-width:0;overflow-wrap:anywhere}.ws-notification-state{display:block;margin-bottom:5px;color:var(--ink-2);font-size:10px;line-height:1.5;font-weight:650}.ws-notification-card--unread .ws-notification-state{color:var(--accent)}.ws-notifications-dialog .ws-notification-card h3{font-size:15px;line-height:1.45}.ws-notifications-dialog .ws-notification-card p{margin:8px 0 10px;font-size:13px;white-space:pre-wrap}.ws-notification-card time{display:block;color:var(--ink-2);font-size:11px;line-height:1.6}.ws-notification-card .ws-actions{margin-top:12px;gap:12px}.ws-notification-card .ws-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border-radius:999px;padding:8px 14px;font-size:12px;text-decoration:none;border:1px solid var(--line);background:var(--surface)}.ws-notification-card .ws-text-button{min-height:44px}.ws-notification-refresh{color:var(--ink-2);font-size:11px}.ws-notification-loading{display:grid;justify-items:center;padding:24px;text-align:center}.ws-notification-loading img{width:120px;height:100px;object-fit:contain;animation:notification-breathe 1.8s ease-in-out infinite}.ws-notification-loading p{font-size:13px}.ws-notification-center .ws-empty{padding:24px 16px}.ws-notification-center .ws-empty__art{width:150px;height:110px;margin-inline:auto}.ws-notification-center .ws-empty__art img{width:100%;height:100%;object-fit:contain}.ws-notification-center .ws-illustrated-error.ws-notice{grid-template-columns:64px minmax(0,1fr);padding:16px;gap:12px}.ws-notification-center .ws-illustrated-error__art{width:64px;height:70px}@keyframes notification-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width:480px){.ws-dialog.ws-notifications-dialog{width:calc(100vw - 24px)}.ws-notification-center{padding:16px;gap:16px}.ws-notification-hero{grid-template-columns:minmax(0,1fr) 96px;padding:20px 16px;gap:10px;border-radius:20px}.ws-notifications-dialog .ws-notification-hero h3{font-size:23px}.ws-notification-hero>img{width:96px;height:114px}.ws-notifications-dialog .ws-notification-hero p{font-size:12px}.ws-notification-eyebrow{font-size:10px}.ws-notification-card{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:16px;border-radius:20px}.ws-notification-card__art{width:60px;height:66px;border-radius:16px}.ws-notifications-dialog .ws-notification-card h3{font-size:14px}.ws-notifications-dialog .ws-notification-card p{font-size:12px}.ws-notification-card .ws-actions{gap:8px 12px}}@media (max-width:360px){.ws-notification-hero{grid-template-columns:minmax(0,1fr) 76px}.ws-notification-hero>img{width:76px}.ws-notifications-dialog .ws-notification-hero h3{font-size:21px}.ws-notification-card{grid-template-columns:minmax(0,1fr)}.ws-notification-card__art{width:76px;height:64px}}@media (prefers-reduced-motion:reduce){.ws-notification-loading img{animation:none}}.surface-style-control{min-width:0;margin:0;padding:0;border:0;color:var(--ink)}.surface-style-control>legend{margin:0 0 var(--s-3);padding:0;font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.surface-style-control__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s-2);gap:var(--s-2)}.surface-style-control__option{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:var(--s-2);border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--surface);color:var(--ink);font-size:var(--fs-sm);line-height:1.35;font-weight:var(--fw-medium);text-align:center;cursor:pointer;overflow-wrap:anywhere}.surface-style-control__option[data-selected=true]{background:var(--action-ink);color:var(--action-on-ink);border-color:var(--action-ink)}.surface-style-control__option input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.surface-style-control__option input:focus-visible+span:after{content:"";position:absolute;inset:-4px;border-radius:var(--r-full);outline:2px solid var(--focus-color,var(--accent));outline-offset:1px}.surface-style-control__hint{margin:var(--s-3) 0 0;color:var(--ink-2);font-size:var(--fs-xs);line-height:1.5}.surface-style-control--compact .surface-style-control__option{font-size:var(--fs-xs)}@media (forced-colors:active){.surface-style-control__option{border-color:ButtonText}.surface-style-control__option[data-selected=true]{background:Highlight;color:HighlightText;border-color:Highlight}}