/* Quiet, product-first configurator. Faculty brand colors are intentionally undecided. */
.workspace{padding-top:22px}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;top:0;left:0}
:root{--bg:#fff;--paper:#fff;--ink:#1d1d1f;--muted:#86868b;--line:#e5e5e7;--accent:#1d1d1f;--accent-dark:#343438;--accent-soft:#f1f1f3;--serif:'DM Sans','Noto Sans Thai',sans-serif;--sans:'DM Sans','Noto Sans Thai',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background:white;color:#1d1d1f;-webkit-font-smoothing:antialiased}.site-header{height:76px;max-width:1280px;padding:0 42px;margin:auto;background:white;border-bottom:1px solid #e8e8ed;gap:35px}.brand{gap:8px}.brand-emblem{color:#1d1d1f;background:none;border-radius:0;width:23px;height:30px;padding:0}.brand-emblem svg{height:23px;width:23px;stroke-width:1.7}.brand strong{font-size:21px;font-weight:600;letter-spacing:-.7px}.brand strong span{font-family:var(--sans);font-weight:400;margin:0}.site-header nav{gap:31px;align-self:center}.nav-link{font-size:11px;padding:4px 0;color:#85858a}.nav-link.active{font-weight:500;color:#1d1d1f}.nav-link.active:after{display:none}.nav-link:hover{color:#1d1d1f}.header-end{gap:19px}.header-import{font-size:11px;display:flex;align-items:center;gap:7px}.header-import svg{height:13px;width:13px}.help-button{border:0;color:#6e6e73}.help-button svg{width:19px;height:19px}.icon-button:hover{background:#f1f1f3}.note-dot{top:3px;background:#6e6e73}main{max-width:1280px;padding:0 42px}.intro{padding:42px 0 34px;align-items:flex-start}.intro .eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:500;color:#86868b}.intro h1{font-size:35px;font-weight:600;letter-spacing:-1.6px;line-height:1.5;margin:10px 0 4px}.intro p{font-size:12px;color:#86868b}.prototype{margin-top:15px;font-size:9px;color:#8d8d92;border:0;background:#f5f5f7;letter-spacing:.1px;padding:5px 10px}.prototype i{background:#aaaab0;width:4px;height:4px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:52px;border:0;border-radius:0;background:white;overflow:visible;align-items:start;padding-bottom:42px;scroll-margin-top:15px}.explorer{padding:0;background:white;position:sticky;top:20px;min-width:0}.explorer-heading{height:35px;padding:0 3px;margin-bottom:6px}.explorer-heading>div{font-size:10px;gap:8px;color:#939398}.explorer-heading strong{color:#55555a;font-weight:400}.divider{color:#c6c6cc}.small-label{font-size:8px;color:#aaaab0;letter-spacing:1px}.stage{height:553px;border-radius:18px;background:#f5f5f7;background-image:radial-gradient(ellipse at 50% 43%,#fafafa,#f4f4f6 75%);isolation:isolate}.stage:after{display:none}.stage-top{top:17px;left:21px;right:17px}.model-badge{background:transparent;border:0;color:#a0a0a5;font-size:9px;padding:0;backdrop-filter:none}.model-badge i{background:#adadb3;width:4px;height:4px}.stage-top .icon-button{color:#8e8e93;width:28px;height:28px}.stage-watermark{display:none}.viewer-tools{left:50%;top:auto;bottom:46px;transform:translateX(-50%);flex-direction:row;gap:4px;border:1px solid #e6e6e9;border-radius:50px;background:#ffffffd9;padding:5px 9px;box-shadow:0 3px 13px #00000004}.viewer-tools>span{height:18px;width:1px;margin:0 3px;background:#e4e4e8}.tool-button{width:30px;height:30px;color:#7f7f84;border-radius:50%}.tool-button svg{width:15px;height:15px}.tool-button:hover,.tool-button.selected{background:#e9e9ec;color:#1d1d1f}.stage-bottom{left:0;right:0;bottom:17px;justify-content:center}.stage-bottom>span:first-child{color:#a0a0a5;font-size:9px;gap:8px}.stage-bottom b{color:#b0b0b5}.stage-bottom svg{width:12px;height:12px}.viewer-loading{background:#f5f5f7;color:#86868b}.hotspot{font-size:10px;color:#4b4b50;gap:8px}.hotspot i{background:white;border:3px solid #9b9ba2;box-shadow:0 0 0 4px #ffffff70}.hotspot span{padding:5px 9px;background:#ffffffed;border:1px solid #e5e5e9;border-radius:6px;box-shadow:0 4px 12px #00000005}.hotspot:hover span,.hotspot.active span{background:#1d1d1f;border-color:#1d1d1f}.hotspot.active i{border-color:#1d1d1f;box-shadow:0 0 0 5px #1d1d1f10}.angle-selector{display:flex;align-items:center;justify-content:center;gap:3px;margin:20px auto 13px;width:max-content;background:#f5f5f7;padding:4px;border-radius:30px}.angle-selector button{padding:6px 17px;font-size:10px;color:#8d8d93;border-radius:20px;min-width:78px}.angle-selector button[aria-pressed=true]{background:white;color:#35353a;box-shadow:0 1px 4px #0000000a}.angle-selector button:hover{color:#1d1d1f}.viewer-caption{padding:7px 3px;font-family:var(--sans);color:#aaaab0;font-size:8px;letter-spacing:.6px;justify-content:space-between}.viewer-caption button{font-size:8px;color:#929298}.viewer-caption svg{width:11px;height:11px}.details.config-panel{border:0;padding:20px 0 0;display:block}.details-top .eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:1.8px;color:#8d8d92;font-weight:400}.details-top .icon-button{color:#929297;width:24px;height:24px}.details-top .icon-button svg{height:17px;width:17px}.organ-title{gap:11px;margin-top:8px;align-items:baseline}.organ-title :is(h1,h2){font-size:39px;font-weight:600;letter-spacing:-1.4px;line-height:1.4}.organ-title>span{font-family:var(--sans);font-size:22px;font-weight:400;letter-spacing:-.7px;color:#a1a1a6}.latin-name{font-family:var(--sans);font-size:11px;color:#939398;margin-top:8px;line-height:1.8;overflow-wrap:anywhere}.library{padding:31px 0 0;border:0;display:block}.section-heading{margin-bottom:13px}.section-heading h2,.display-options h3{font-size:12px;font-weight:600;letter-spacing:-.2px}.section-heading h2>span,.display-options h3>span{color:#99999f;font-weight:400;margin-left:3px}.organ-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.organ-item{padding:12px 13px;min-height:77px;border:1px solid #dcdce1;border-radius:10px;gap:12px;display:flex;flex-direction:row;text-align:left;background:white;transition:border-color .2s}.organ-item:hover{background:#fafafa;border-color:#8d8d92}.organ-item.active{background:white;border:1.5px solid #303034;padding:11.5px 12.5px;box-shadow:0 0 0 1px #30303406}.organ-item.active:before{display:none}.organ-thumb{width:34px;height:39px;filter:saturate(.45);opacity:.85;display:block}.organ-item strong{font-size:12px;font-weight:500}.organ-item .organ-en{font-family:var(--sans);font-size:9px;letter-spacing:.1px;color:#96969c;margin-top:2px;display:block}.organ-item small{display:none}.selection-dot{position:absolute;right:9px;top:10px;width:4px;height:4px;border-radius:50%;background:#1d1d1f;opacity:0}.organ-item.active .selection-dot{opacity:1}.display-options{margin-top:29px}.render-options{display:flex;gap:8px;margin:13px 0 0}.render-options button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:12px 8px;border:1px solid #dedee3;border-radius:9px;font-size:11px;color:#8b8b90}.render-options button svg{height:14px;width:14px}.render-options button[aria-pressed=true]{color:#303034;border-color:#303034;box-shadow:inset 0 0 0 .5px #303034}.render-options button:hover{background:#f9f9fb}.label-switch{display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:20px;cursor:pointer;font-size:11px;color:#5b5b60}.label-switch small{display:block;font-size:9px;color:#a0a0a5;margin-top:3px}.label-switch input{position:absolute;right:0;opacity:0;width:34px;height:20px;margin:0;cursor:pointer}.switch-visual{display:block;width:33px;height:20px;border-radius:20px;background:#e3e3e8;position:relative;pointer-events:none;transition:background .2s}.switch-visual:before{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 1px 3px #0000001a;transition:transform .2s}.label-switch input:checked+.switch-visual{background:#3c3c40}.label-switch input:checked+.switch-visual:before{transform:translateX(13px)}.label-switch input:focus-visible+.switch-visual{outline:2px solid #1d1d1f;outline-offset:4px}.about-organ{margin-top:25px;border-top:1px solid #e5e5e9;border-bottom:1px solid #e5e5e9;padding:14px 0}.about-organ summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:11px;color:#6d6d73}.about-organ summary::-webkit-details-marker{display:none}.about-organ summary>svg{width:13px;height:13px;color:#8d8d93}.about-organ[open] summary>svg{transform:rotate(45deg)}.detail-tabs{gap:21px;margin-top:20px}.detail-tabs button{font-size:10px;color:#99999f}.detail-tabs button span{background:#f1f1f3}.detail-tabs button[aria-selected=true]{color:#353539}.organ-description{font-size:11px;color:#85858c;line-height:1.9;margin-top:14px}.mini-heading{font-size:10px;color:#5d5d62;margin-top:19px}.facts>div{font-size:10px;border-bottom-color:#efeff2}.facts dt{color:#99999f}.facts dd{color:#6d6d73}.insight{background:#f5f5f7;border:0;border-radius:7px;padding:12px;margin-top:15px}.insight strong{color:#5d5d63}.insight p{color:#929298}.details .source-link{color:#85858b;margin-top:14px}.selected-structure{background:#f5f5f7;border-left-color:#86868c;color:#6e6e73;border-radius:5px;margin-top:20px}.selected-structure strong{color:#4b4b50}.selected-structure p{color:#85858b}.structure-item>span{background:#f0f0f3;color:#6e6e73}.structure-item strong{font-size:11px}.primary-button{background:#1d1d1f;color:white;border-radius:9px;justify-content:center;gap:14px;padding:13px 16px;margin-top:22px;font-size:12px}.primary-button:hover{background:#3a3a40}.primary-button svg{height:14px;width:14px}.secondary-actions{display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;margin-top:13px;color:#b1b1b8}.secondary-actions .text-button{font-size:10px;color:#86868c}.secondary-actions .text-button:hover{color:#1d1d1f}.model-upload-note{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:28px;color:#9c9ca3}.model-upload-note>svg{width:18px;height:18px;stroke-width:1.4}.model-upload-note>span{font-size:9px;line-height:1.9}.model-upload-note button{display:flex;align-items:center;gap:4px;padding:0;color:#66666d;font-size:9px}.model-upload-note button svg{height:10px;width:10px}.page-note{display:flex;align-items:center;justify-content:center;gap:7px;background:#f7f7f9;padding:14px 18px;border-radius:9px;margin:4px 0 28px;color:#99999f}.page-note>svg{height:12px;width:12px}.page-note p{font-size:9px;line-height:1.9}.page-note button{font-size:9px;color:#68686e;text-decoration:underline;padding:0 0 0 4px}footer{border-top:1px solid #e8e8ed;max-width:1196px;padding:21px 0 25px;color:#a0a0a7;font-size:8px}footer strong{font-size:10px;font-family:var(--sans);font-weight:500;color:#727279;letter-spacing:-.2px}footer button{font-size:8px;color:#95959c}.stage:fullscreen{background:#f5f5f7}.stage:fullscreen .viewer-tools{top:auto;bottom:52px;transform:translateX(-50%)}
dialog{border-radius:18px;border-color:#e8e8ed;box-shadow:0 25px 100px #00000020;padding:28px 32px 32px}dialog::backdrop{background:#00000035;backdrop-filter:blur(8px)}dialog h2{font-size:26px;font-weight:600;letter-spacing:-.9px}dialog .eyebrow{font-size:8px;font-weight:400;color:#86868b}#modal-body p{color:#77777f}.modal-subtitle{color:#86868b}.lesson-choice{background:#fafafa;border-color:#e3e3e8;border-radius:10px}.lesson-choice strong{color:#3d3d44}.lesson-choice small{color:#99999f}.lesson-choice svg{filter:saturate(.45)}.lesson-list{color:#77777f}.lesson-source{color:#6e6e73}.note-label{color:#6e6e73}.note-area{background:#f7f7f9;border-color:#e3e3e8;color:#4d4d55;border-radius:10px}.notes-list button{background:#f5f5f7;color:#66666e}.notes-list small{color:#99999f}.import-drop{background:#f7f7f9;border-color:#cacacf;border-radius:12px}.import-drop.dragover{background:#e8e8ed;border-color:#86868b}.import-drop>svg{color:#8b8b93}.import-drop strong{color:#4d4d55}.import-drop label{background:#1d1d1f;border-radius:8px}.import-info{background:#f7f7f9}.quiz-progress span{background:#e8e8ed}.quiz-progress span.done{background:#1d1d1f}.quiz-option{border-radius:8px}.quiz-option:hover:not(:disabled){background:#f5f5f7}.quiz-feedback{background:#f5f5f7;color:#6e6e73}.score{font-family:var(--sans);letter-spacing:-4px;color:#1d1d1f}.score span{font-size:40px;color:#b0b0b7}.score-icon{color:#86868b}.help-list li{color:#77777f}.toast{background:#1d1d1f;color:white;border-radius:12px}.import-status{color:#77777f!important}.text-button{color:#77777f}
@media(min-width:1450px){main,.site-header{max-width:1380px;padding-left:60px;padding-right:60px}.workspace{grid-template-columns:minmax(0,1fr) 340px;gap:68px}.stage{height:603px}footer{max-width:1260px}.intro h1{font-size:39px}}
@media(max-width:1120px){.site-header,main{padding-left:30px;padding-right:30px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:32px}.stage{height:535px}.intro h1{font-size:31px}.intro{padding:36px 0 28px}.organ-item{gap:8px;padding:12px 10px}.organ-item.active{padding:11.5px 9.5px}.organ-thumb{width:30px}.organ-title :is(h1,h2){font-size:36px}.config-panel.details{padding-top:20px}footer{margin-left:30px;margin-right:30px}.small-label{display:block}.library{padding:28px 0 0}.section-heading h2,.display-options h3{font-size:11px}}
@media(max-width:920px){.site-header{height:70px}.brand strong{font-size:20px}.site-header nav{gap:22px}.nav-link{font-size:11px}.prototype{display:inline-flex}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:25px}.details.config-panel{grid-column:auto;border:0;position:static;padding:19px 0 0}.details-top .icon-button{position:static}.stage{height:510px}.organ-title :is(h1,h2){font-size:33px}.organ-title>span{font-size:20px}.latin-name{font-size:10px}.organ-list{gap:8px}.organ-item{padding:12px 8px;gap:8px;min-height:73px}.organ-item.active{padding:11.5px 7.5px}.organ-thumb{width:28px;height:36px}.organ-item strong{font-size:11px}.organ-item .organ-en{font-size:8px}.facts{display:block}.details .primary-button{max-width:none;margin-top:21px}.render-options button{font-size:10px}.page-note p{font-size:8px}.intro h1{font-size:29px}.details .source-link{margin-top:14px}.small-label{font-size:6px}.explorer-heading>div{font-size:8px}.viewer-caption{font-size:7px}.viewer-caption button{font-size:7px}.hotspot{font-size:8px;gap:5px}.hotspot span{padding:4px 5px}}
@media(max-width:760px){.site-header,main{padding-left:22px;padding-right:22px}.site-header{height:67px;gap:15px}.site-header nav{gap:18px}.brand strong{font-size:18px}.brand-emblem{width:20px}.brand-emblem svg{height:21px;width:21px}.header-import{font-size:10px}.header-end{gap:5px}.help-button{display:none}.workspace{grid-template-columns:1fr 260px;gap:20px}.stage{height:470px}.intro{padding-top:30px}.intro h1{font-size:26px}.intro .eyebrow{font-size:7px;letter-spacing:1px}.prototype{font-size:8px}.section-heading h2,.display-options h3{font-size:10px}.organ-item{gap:5px}.organ-thumb{width:25px}.organ-title :is(h1,h2){font-size:30px}.latin-name{font-size:9px}.hotspot span{display:none}.hotspot:focus span,.hotspot:hover span{display:block}.viewer-caption{flex-direction:column;gap:4px}.angle-selector button{min-width:62px;padding:5px 12px;font-size:9px}.stage-bottom>span:first-child{font-size:8px}.page-note{align-items:flex-start}footer{margin-left:22px;margin-right:22px;font-size:7px}footer>span{gap:10px}}
@media(max-width:620px){.site-header{height:auto;flex-wrap:wrap;padding:20px 20px 0;gap:14px}.brand strong{font-size:22px}.brand{gap:7px}.brand-emblem svg{width:23px;height:23px}.header-end{margin-left:auto}.header-import{font-size:10px}.site-header nav{order:3;height:38px;flex-basis:100%;gap:25px;align-items:center}.nav-link{font-size:11px}.header-end .help-button{display:inline-flex}.intro{padding:28px 0 19px}.intro h1{font-size:27px;letter-spacing:-1.2px;max-width:100%;margin:9px 0 5px;line-height:1.5}.intro p{font-size:11px;max-width:100%}.intro .eyebrow{font-size:6.5px;letter-spacing:.8px}.prototype{display:none}main{padding:0 20px}.workspace{display:flex;flex-direction:column;gap:0;padding-bottom:25px}.explorer{width:100%;position:static;padding:0}.explorer-heading{height:32px;padding:0;margin:0 0 5px}.explorer-heading>div{font-size:8px}.small-label{font-size:7px}.stage{height:430px;border-radius:14px}.stage-top{left:15px;right:12px;top:13px}.model-badge{font-size:8px}.viewer-tools{left:50%;top:auto;bottom:40px;padding:4px 7px}.tool-button{width:28px;height:28px}.viewer-tools>span{margin:0 3px}.stage-bottom{bottom:14px;left:0;right:0}.angle-selector{margin-top:15px;margin-bottom:9px}.angle-selector button{font-size:9px;min-width:79px;padding:6px 15px}.viewer-caption{flex-direction:row;font-size:7px;padding:5px 1px}.viewer-caption button{font-size:7px}.hotspot{font-size:8px}.hotspot span{display:block}.hotspot i{border-width:2px}.details.config-panel{padding:31px 0 0;width:100%;border:0}.details-top .eyebrow{font-size:9px}.organ-title{margin-top:5px;gap:11px}.organ-title :is(h1,h2){font-size:35px}.organ-title>span{font-size:24px}.latin-name{font-size:11px}.library{padding-top:27px}.section-heading{margin-bottom:12px}.section-heading h2,.display-options h3{font-size:12px}.organ-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.organ-item{display:flex;flex-direction:row;text-align:left;gap:15px;padding:15px 17px;min-height:83px}.organ-item.active{padding:14.5px 16.5px}.organ-thumb{width:33px;height:39px}.organ-item strong{font-size:13px}.organ-item .organ-en{font-size:10px}.display-options{margin-top:28px}.render-options button{font-size:12px;padding:14px 9px}.label-switch{font-size:12px;margin-top:21px}.label-switch small{font-size:10px}.about-organ summary{font-size:12px}.details .primary-button{font-size:13px;padding:14px;margin-top:22px}.secondary-actions .text-button{font-size:11px}.model-upload-note{margin-top:26px}.model-upload-note>span,.model-upload-note button{font-size:10px}.page-note{margin-top:0;margin-bottom:23px;padding:12px 14px;gap:7px}.page-note p,.page-note button{font-size:8px}.page-note>svg{margin-top:2px}footer{padding:20px 0 23px;margin:0 20px;display:block}footer>span{font-size:7px;justify-content:space-between}footer>span+span{justify-content:flex-start;gap:10px;margin-top:11px}.facts>div{font-size:10px}.details .source-link{font-size:9px}dialog{padding:23px;width:calc(100% - 24px)}dialog h2{font-size:23px}.score{font-size:70px}.score span{font-size:32px}}
/* Keep small explanatory text readable on white. */
.nav-link,.intro p,.latin-name,.organ-item .organ-en,.label-switch small,.secondary-actions .text-button,.model-upload-note,.viewer-caption,.viewer-caption button,.stage-bottom>span:first-child,.model-badge,.section-heading h2>span,.display-options h3>span,.page-note,.page-note button,footer,footer button{color:#6e6e73}
@media(min-width:921px){.nav-link{font-size:12px}.section-heading h2,.display-options h3{font-size:13px}.organ-item strong{font-size:13px}.render-options button{font-size:12px}.latin-name{font-size:12px}.label-switch{font-size:12px}}