.preview-loading{min-height:620px;color:var(--page-muted,#6b5a4b);background:linear-gradient(#faf6efbd 0%,#fffcf7f0 100%);align-content:center;gap:10px;padding:28px 22px;display:grid}.preview-loading__stage{letter-spacing:0;color:#2a2019e6;font-family:Noto Serif SC,Songti SC,serif;font-size:20px;font-weight:600}.loading-surface__stage{color:#2a2019db;font-size:15px;font-weight:600}.preview-loading__eyebrow,.loading-surface__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--page-muted,#6b5a4b);font-size:11px;font-weight:600}.preview-loading__skeleton,.loading-surface__skeleton{background:linear-gradient(90deg,#6d533d14 0%,#6d533d24 34%,#6d533d14 66% 100%) 0 0/220% 100%;border-radius:999px;height:10px;animation:1.5s ease-in-out infinite skeletonSweep;display:block}.preview-loading__skeleton--title,.loading-surface__skeleton--title{width:min(18rem,72%);height:16px}.preview-loading__skeleton--line,.loading-surface__skeleton--line{width:min(26rem,92%)}.preview-loading__skeleton--short,.loading-surface__skeleton--short{width:min(18rem,64%)}.loading-surface{gap:10px;padding:2px 0;display:grid}@keyframes skeletonSweep{0%{background-position:120% 0}to{background-position:-120% 0}}.page-shell{grid-template-rows:auto minmax(0,1fr) auto;gap:18px;width:min(100%,1180px);min-height:calc(100dvh - 58px);margin:0 auto;display:grid}.page-shell__bar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#faf4ecf0 0%,#f5ece2e0 100%);border:1px solid #785c431a;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 18px;padding:10px 18px;display:flex;position:sticky;top:10px;box-shadow:0 10px 30px #36261b0d,inset 0 1px #ffffff94}.page-shell__bar--compact{align-items:center}.page-shell__bar:before{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffffd9 14%,#fff0 100%);height:1px;position:absolute;inset:auto 18px 0}.page-shell__bar-main{flex-wrap:nowrap;flex:1;align-items:center;gap:16px;min-width:0;display:flex}.page-brand{align-items:center;gap:14px;min-width:0;text-decoration:none;display:inline-flex}.page-brand__mark{background:linear-gradient(#c18e67f2 0%,#7c5134 100%);border-radius:4px;width:14px;height:14px;transform:rotate(45deg);box-shadow:0 0 0 8px #be926d1f,inset 0 1px #ffffff52}.page-brand__copy{gap:3px;display:grid}.page-brand__copy strong{letter-spacing:-.04em;font-family:Noto Serif SC,Songti SC,serif;font-size:17px;font-weight:600}.page-brand__copy span,.page-shell__eyebrow,.page-shell__headline p,.form-field>span,.form-field>label>span,.status-panel p,.community-nav__item{color:var(--page-muted)}.page-brand__copy span{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.page-shell__header-nav{flex:1;justify-content:flex-end;align-self:stretch;min-width:0;display:flex}.page-shell__headline{gap:4px;min-width:0;display:grid}.page-shell__eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.page-shell__headline h1{letter-spacing:-.06em;margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(1.2rem,2.1vw,1.6rem);font-weight:600;line-height:1.16}.page-shell__headline p{max-width:48rem;margin:0;font-size:13px;line-height:1.65}.page-shell__actions,.page-shell__main,.status-panel,.community-panel{gap:16px;display:grid}.page-shell__main{gap:22px;min-height:0}.site-footer{color:var(--page-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;padding:14px 0 2px;font-size:12px;line-height:1.7;display:flex}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--page-accent-strong);text-underline-offset:3px;text-decoration:underline}.site-footer a:focus-visible{outline:2px solid var(--page-accent-strong);outline-offset:3px;border-radius:2px}.site-footer__divider{color:var(--page-border-strong)}.page-shell>.site-footer{border-top:1px solid var(--page-border);padding-top:14px}.button-row,.login-actions{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;max-width:100%;display:flex}.tool-button,.community-nav__item{border:1px solid var(--page-border);background:var(--page-surface-strong);min-height:44px;color:var(--page-ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:inline-flex}.tool-button:hover,.community-nav__item--active{box-shadow:var(--page-shadow-soft);background:#a56a471a;border-color:#a56a475c;transform:translateY(-1px)}.community-nav__item:hover{background:#fff8f0eb;border-color:#a56a4738;transform:translateY(-1px);box-shadow:0 10px 24px #36261b0f}.tool-button[data-focus],.community-nav__item[data-focus]{border-color:#9b654357;outline:none;box-shadow:0 0 0 4px #9b654314}.tool-button{min-height:40px;padding:0 16px;font-size:13px;font-weight:500}.tool-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.status-panel,.login-panel,.community-panel{border:1px solid var(--page-border);background:var(--page-surface);box-shadow:var(--page-shadow-soft);border-radius:20px;padding:24px}.status-panel--loading{box-shadow:none;padding:24px}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;max-width:100%;display:flex}.section-heading__copy{gap:8px;min-width:0;display:grid}.section-heading__copy h2,.section-heading__copy h3{letter-spacing:-.04em;margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:18px;font-weight:600}.section-heading__copy p{color:var(--page-muted);margin:0;font-size:13px;line-height:1.78}.section-heading__action{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.section-heading__action>*{min-width:0;max-width:100%}.empty-inline-note{color:var(--page-muted);background:#faf6eea8;border:1px dashed #6d533d29;border-radius:14px;padding:14px 16px;font-size:13px;line-height:1.65}.status-panel h2{letter-spacing:-.04em;margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-field{gap:8px;display:grid}.form-field>span,.form-field>label,.form-field>label>span{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.form-field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.form-field textarea,.form-field select{border:1px solid var(--page-border);width:100%;min-height:54px;color:var(--page-ink);box-sizing:border-box;background:#fffcf7eb;border-radius:18px;padding:0 18px;transition:border-color .16s,box-shadow .16s,background .16s}.form-field input[type=checkbox],.form-field input[type=radio]{width:16px;height:16px;min-height:0;box-shadow:none;accent-color:var(--page-accent-strong);appearance:auto;background:0 0;border:0;border-radius:0;flex:none;margin:0;padding:0}.form-field input[type=checkbox]:focus,.form-field input[type=radio]:focus,.form-field input[type=checkbox]:focus-visible,.form-field input[type=radio]:focus-visible{box-shadow:none;outline:none}.form-field input:not([type=checkbox]):not([type=radio]):focus,.form-field textarea:focus,.form-field select:focus{background:#fffdfafa;border-color:#9b654357;outline:none;box-shadow:0 0 0 4px #9b654314}.form-field textarea{resize:vertical;min-height:152px;max-height:220px;padding:13px 15px;overflow:auto}.login-shell{place-items:center;min-height:calc(100vh - 76px);display:grid}.login-page-layout{grid-template-rows:minmax(0,1fr) auto;min-height:calc(100dvh - 58px);display:grid}.login-page-layout>.login-shell{min-height:0}.login-panel{border-color:var(--page-border-strong);background:var(--page-surface-strong);width:min(100%,480px);box-shadow:var(--page-shadow-soft);border-radius:20px;gap:24px;padding:28px 30px 30px;display:grid}.login-panel__brand{border-bottom:1px solid var(--page-border);gap:8px;padding-bottom:20px;display:grid}.login-panel__chip{width:fit-content;min-height:26px;color:var(--page-accent-strong);background:#fff8f0f5;border:1px solid #6d533d14;border-radius:4px;align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.login-panel__brand h1{letter-spacing:-.05em;margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(1.75rem,3.8vw,2.05rem);line-height:1.22}.login-panel__brand p{color:var(--page-muted);max-width:34rem;margin:0;font-size:14px;line-height:1.7}.login-form{gap:16px;display:grid}.login-actions{grid-template-columns:minmax(0,1fr);display:grid}.login-actions .tool-button{border-radius:12px;width:100%;min-height:48px}.login-actions .tool-button--primary{border-color:var(--page-accent-strong);background:var(--page-accent-strong);color:#fffaf4;font-weight:600}.login-actions .tool-button--primary:hover{border-color:var(--page-accent);background:var(--page-accent);color:#fffaf4}.login-form .form-field{gap:7px}.login-form .form-field input:not([type=checkbox]):not([type=radio]):not([type=hidden]){border-radius:12px;min-height:48px;padding-inline:15px}.checkbox-field{color:var(--page-muted);align-items:center;gap:10px;font-size:14px;line-height:1.6;display:flex}.checkbox-field input{width:16px;height:16px;min-height:0;box-shadow:none;accent-color:var(--page-accent-strong);border:0;margin:0;padding:0}.checkbox-field input:focus,.checkbox-field input:focus-visible{box-shadow:none;outline:none}.code-field{grid-template-columns:minmax(0,1fr) minmax(132px,.5fr);align-items:end;gap:10px;min-width:0;max-width:100%;display:grid}.code-field>.tool-button{white-space:nowrap;min-width:0;min-height:48px;padding:0 16px}.inline-message{color:var(--page-success);margin:0;font-size:13px}.community-nav{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:42px;padding:0;display:flex}.community-nav__group{flex-wrap:nowrap;flex:auto;justify-content:center;gap:0;min-width:0;max-width:100%;display:flex}.community-nav__session{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.community-nav__item,.community-nav__viewer{min-height:36px;color:var(--page-ink-soft);letter-spacing:.01em;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.community-nav__viewer{text-overflow:ellipsis;min-width:0;max-width:11rem;overflow:hidden}.community-nav__viewer:hover,.community-nav__viewer:focus-visible,.community-nav__item:hover,.community-nav__item:focus-visible,.community-nav__item--active{color:var(--page-accent-strong);background:#fff9f2eb;border-color:#9b65431f;outline:none;text-decoration:none;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffad,0 8px 20px #36261b0a}.community-nav__item{box-shadow:none;border-width:1px;position:relative}.community-nav__item--ghost{color:var(--page-ink-soft);background:0 0}.community-panel{align-content:start;min-width:0}.community-panel>.section-heading,.community-panel>.empty-inline-note{margin-top:0}.inline-refresh-indicator{min-height:36px;color:var(--page-muted);background:#fff8f0d1;border:1px solid #a56a4724;border-radius:999px;align-items:center;gap:10px;padding:0 12px;font-size:12px;line-height:1.4;display:inline-flex}.inline-refresh-progress{pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0}.search-card h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 6px;font-family:Noto Serif SC,Songti SC,serif;font-size:20px;line-height:1.34}.search-card p{margin:0}.search-panel__meta{grid-template-columns:repeat(auto-fit,minmax(120px,max-content));align-items:start}.search-card__head{grid-template-columns:minmax(0,1fr) auto;align-items:center}.search-card__link{color:var(--page-accent-strong);font-size:13px;font-weight:600;text-decoration:none}.radio-card-group,.checkbox-card-group{gap:10px;display:grid}.course-selector{gap:10px;width:100%;display:grid}.course-series-group{min-width:0;background:#fffcf7b8;border:1px solid #6d533d1f;border-radius:10px;gap:8px;min-inline-size:0;margin:0;padding:12px;display:grid}.course-series-group__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.course-series-group__title{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;max-width:100%;margin:0;padding:0;display:inline-flex}.course-series-group__title strong{color:var(--page-ink);letter-spacing:0;font-size:14px;font-weight:700;line-height:1.5}.course-series-group__title span,.course-series-group__count{color:var(--page-muted);letter-spacing:0;font-size:12px;line-height:1.5}.course-series-group__actions{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.course-series-group__action{min-height:30px;color:var(--page-ink);cursor:pointer;letter-spacing:0;background:#fffaf4f0;border:1px solid #6d533d24;border-radius:8px;padding:0 10px;font-size:12px;font-weight:600;transition:border-color .16s,background .16s}.course-series-group__action:hover{background:#fff5ebfa;border-color:#a56a4742}.course-series-group__action:focus-visible{border-color:#9b654357;outline:none;box-shadow:0 0 0 3px #9b654314}.course-series-group__courses{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));grid-auto-rows:minmax(68px,auto);align-items:stretch;gap:6px 10px;display:grid}.course-selector-row{cursor:pointer;background:#fffcf794;border:1px solid #6d533d14;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0;height:100%;min-height:68px;padding:10px 12px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.course-selector-row:first-child{border-top:1px solid #6d533d14}.course-selector-row:focus-within{background:#fff8f0d6;border-color:#9b654347}.course-selector-row__control{width:16px;height:16px;min-height:0;box-shadow:none;accent-color:var(--page-accent-strong);background:0 0;border:0;margin:0;padding:0}.course-selector-row__control:focus,.course-selector-row__control:focus-visible{box-shadow:none;outline:none}.course-selector-row__body{gap:2px;min-width:0;display:grid}.course-selector-row__label{color:var(--page-ink);letter-spacing:0;overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.45}.course-selector-row__meta{color:var(--page-muted);letter-spacing:0;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.course-selector-row[data-state=checked] .course-selector-row__label{color:var(--page-accent-strong)}.course-selector-row[data-state=checked]{background:#fff8f0eb;border-color:#9b654347;box-shadow:inset 0 0 0 1px #9b654314}.radio-card,.checkbox-card{cursor:pointer;background:#fffcf7c2;border:1px solid #6d533d1f;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:grid}.radio-card:hover,.checkbox-card:hover{background:#fff9f2f0;border-color:#a56a4738}.radio-card[data-state=checked],.checkbox-card[data-state=checked]{background:#fff8f0eb;border-color:#a56a474d;box-shadow:inset 0 0 0 1px #a56a4714}.radio-card:focus-visible,.checkbox-card:focus-visible{outline:none}.radio-card[data-focus],.checkbox-card[data-focus]{box-shadow:none;border-color:#9b654357}.radio-card__control,.checkbox-card__control{width:22px;height:22px;color:var(--page-accent-strong);background:#fffffff0;border:1.5px solid #7e4d3147;flex:none;justify-content:center;align-items:center;margin:0;display:inline-flex}.radio-card__control{border-radius:999px}.checkbox-card__control{border-radius:8px}.radio-card[data-state=checked] .radio-card__control,.checkbox-card[data-state=checked] .checkbox-card__control{background:#fff7eefa;border-color:#7e4d3180}.radio-card__indicator{background:currentColor;border-radius:999px;width:10px;height:10px}.checkbox-card__indicator{font-size:12px;line-height:1}.radio-card__body,.checkbox-card__body{gap:4px;min-width:0;display:grid}.radio-card__label,.checkbox-card__label{color:var(--page-ink);font-size:13px;font-weight:700;line-height:1.4}.radio-card__meta,.checkbox-card__meta{color:var(--page-muted);font-size:12px;line-height:1.6}.radio-sidebar-card-group{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:8px;display:grid}.radio-sidebar-card{cursor:pointer;background:#fffcf7c2;border:1px solid #6d533d1f;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px 14px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:grid;position:relative}.radio-sidebar-card:hover{background:#fff9f2f0;border-color:#a56a4738}.radio-sidebar-card[data-state=checked]{background:#fff8f0eb;border-color:#9b654347;box-shadow:inset 0 0 0 1px #9b654314}.radio-sidebar-card[data-state=checked]:after{content:"✓";color:var(--page-accent-strong);font-size:13px;font-weight:700;line-height:1}.radio-sidebar-card:focus-visible{outline:none}.radio-sidebar-card[data-focus]{box-shadow:none;border-color:#9b654357}.radio-sidebar-card__body{gap:2px;min-width:0;display:grid}.radio-sidebar-card__label{color:var(--page-ink);letter-spacing:-.025em;font-size:14px;line-height:1.42}.radio-sidebar-card__description,.radio-sidebar-card__meta{color:var(--page-muted);margin:0;font-size:12px;line-height:1.5}.switch-field{cursor:pointer;align-items:center;gap:12px;display:inline-flex}.switch-field__control{background:#ebe3d8e6;border:1px solid #6d533d24;border-radius:999px;width:52px;height:31px;transition:background .16s,border-color .16s,box-shadow .16s;position:relative}.switch-field[data-checked] .switch-field__control,.switch-field[data-state=checked] .switch-field__control{background:#547060eb;border-color:#54706047;box-shadow:inset 0 0 0 1px #ffffff14}.switch-field[data-focus] .switch-field__control,.switch-field[data-state=focus] .switch-field__control{box-shadow:0 0 0 4px #54706024}.switch-field__thumb{background:#fffdf8;border-radius:999px;width:23px;height:23px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #36261b2e}.switch-field[data-checked] .switch-field__thumb,.switch-field[data-state=checked] .switch-field__thumb{transform:translate(21px)}.switch-field__label{color:var(--page-ink);font-size:14px;font-weight:600}.tag-chip--link{text-decoration:none}.workspace-rail{flex-direction:column;gap:6px;display:flex}.workspace-rail__item{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.workspace-rail__item:hover{background:#1f23290a}.workspace-rail__item:focus-visible{outline:2px solid var(--focus-ring,#1f2329);outline-offset:1px}.workspace-rail__item--active{background:#1f23290f;border-color:#1f23292e;font-weight:600}.workspace-rail__count{color:#5b6270;font-variant-numeric:tabular-nums;font-weight:400}.workspace-list{flex-direction:column;gap:10px;display:flex}.workspace-row{background:#fff;border:1px solid #1f23291f;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.workspace-row__copy{min-width:0}.workspace-row__copy h3{margin:0 0 4px;font-size:1rem}.workspace-row__copy a{color:inherit;text-decoration:none}.workspace-row__copy p{color:#4b5563;margin:0}.workspace-row__meta{color:#6b7280;margin-top:6px;font-size:.8125rem}.workspace-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.workspace-card{background:#fff;border:1px solid #1f23291f;border-radius:8px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.workspace-card h3{margin:0;font-size:1rem}.workspace-card p{color:#4b5563;margin:0}.workspace-card__meta{color:#6b7280;font-size:.8125rem}.workspace-actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.workspace-actions a,.workspace-actions button{color:#1f2329;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.workspace-actions button:disabled{color:#9ca3af;cursor:default}.workspace-note{color:#4b5563;margin:0 0 12px}.studio-page-form{flex-direction:column;gap:14px;max-width:720px;display:flex}.studio-page-form__files{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.studio-page-form__files li{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.studio-page-form__files code{overflow-wrap:anywhere}.studio-page-form__files span{color:#6b7280;white-space:nowrap}.studio-page-form__actions{justify-content:flex-start;display:flex}.setting-row{cursor:pointer;font:inherit;text-align:left;background:#fff;border:1px solid #1f23291f;border-radius:8px;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:12px 14px;display:flex}.setting-row__label{color:#4b5563}.setting-row__value{font-weight:600}.form-error{color:#b42318;margin:0}.form-hint{color:#6b7280;margin:0}.checkbox-field{align-items:center;gap:8px;display:flex}@media (width<=920px){.page-shell{gap:16px}.page-shell__bar{padding:9px 16px;top:8px}.page-shell__bar-main{gap:12px 14px}.page-shell__header-nav{flex-basis:100%;justify-content:stretch}.community-nav{align-items:center;width:100%}.community-nav__group{justify-content:center}.community-nav__session{justify-content:flex-end;width:auto;padding-top:0}}@media (width<=640px){#root{padding-inline:12px;padding-top:12px;padding-bottom:28px}.page-shell,.page-shell__main{gap:14px}.page-shell,.login-page-layout{min-height:calc(100dvh - 40px)}.page-shell__bar,.login-panel,.status-panel,.community-panel{border-radius:18px;padding:18px 16px}.page-shell__bar,.page-shell__bar-main,.page-shell__header-nav,.section-heading{align-items:stretch}.page-shell__bar{gap:12px}.page-shell__bar--compact{align-items:stretch}.page-shell__bar--compact .page-shell__bar-main{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.page-brand{gap:12px}.page-brand__mark{width:12px;height:12px;box-shadow:0 0 0 6px #be926d1f,inset 0 1px #ffffff52}.page-brand__copy strong{font-size:15px}.page-shell__header-nav{flex:auto;width:100%}.community-nav{grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:10px;padding:0;display:grid;overflow:visible}.community-nav__group,.community-nav__session{width:100%}.community-nav__group{justify-content:stretch}.community-nav__session{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex;overflow-x:auto}.community-nav__session::-webkit-scrollbar{display:none}.community-nav__item{flex:none;min-height:34px;padding-inline:12px;font-size:13px}.community-nav__viewer{box-shadow:none;color:var(--page-ink);background:0 0;border:0;border-radius:0;flex:auto;justify-content:flex-start;min-width:0;max-width:min(40vw,8.5rem);min-height:34px;padding-inline:0;font-size:13px;font-weight:700;display:inline-flex;transform:none}.community-nav__viewer:hover,.community-nav__viewer:focus-visible{box-shadow:none;color:var(--page-accent-strong);background:0 0;border:0;transform:none}.form-grid,.code-field{grid-template-columns:minmax(0,1fr)}.section-heading{flex-direction:column}.section-heading__action,.login-actions .tool-button,.code-field>.tool-button{justify-content:center;width:100%}.button-row{align-items:stretch;width:100%}.button-row>.tool-button{flex:10rem;justify-content:center}.preview-loading{min-height:clamp(320px,58vh,460px)}.login-panel{width:100%;padding:24px 20px 22px}.login-panel__brand h1{font-size:clamp(1.6rem,8vw,1.9rem)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#efe7dc;--page-bg-soft:#f6f0e7;--page-surface:#fffcf7eb;--page-surface-strong:#fffbf5fa;--page-surface-subtle:#f7efe6e0;--page-border:#543f2e1f;--page-border-strong:#543f2e38;--page-ink:#2a2019;--page-ink-soft:#433329;--page-muted:#6b5a4b;--page-accent:#9b6543;--page-accent-strong:#7e4d31;--page-accent-soft:#9b65431a;--page-success:#4d6d5d;--page-danger:#ad4f44;--page-shadow:0 18px 48px #36261b14;--page-shadow-soft:0 6px 18px #36261b0d}html{background:var(--page-bg);min-height:100%}body,#root{min-height:100vh}body{background:var(--page-bg);color:var(--page-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:IBM Plex Sans SC,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif}*,:before,:after{box-sizing:border-box}[data-scope=menu][data-part=content],[data-scope=combobox][data-part=content],[data-scope=select][data-part=content],[data-scope=dialog][data-part=content],[data-scope=menu][data-part=content]:focus,[data-scope=menu][data-part=content]:focus-visible,[data-scope=combobox][data-part=content]:focus,[data-scope=combobox][data-part=content]:focus-visible,[data-scope=select][data-part=content]:focus,[data-scope=select][data-part=content]:focus-visible,[data-scope=dialog][data-part=content]:focus,[data-scope=dialog][data-part=content]:focus-visible{outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input,textarea,select{font:inherit}#root{padding:18px 20px 40px}