@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";.sketch-feedback{color:#58727b;min-height:16px;margin:8px 0 -2px;font-size:10px;line-height:1.45}.sketch-bond{cursor:pointer}.bond-hit-area{stroke:#0000;stroke-width:14px;pointer-events:stroke}.sketch-canvas .canvas-hint{pointer-events:none}.stale-result{color:#755c23;background:#fff9e9;border:1px solid #ead9a9;border-radius:8px;gap:6px;margin:2px 0 9px;padding:9px;font-size:11px;line-height:1.5;display:grid}.stale-result strong,.stale-result span{display:block}.workflow-help:focus{outline-offset:-2px;outline:2px solid #21877e}.workflow-help ol{gap:4px;margin:2px 0 0;padding-left:18px;line-height:1.55;display:grid}.workflow-help li b{color:#345967}.identity-panel .iupac-name,.study-card .iupac-name{color:#526b77;overflow-wrap:anywhere;word-break:break-word;margin:5px 0 0;font-size:11px;line-height:1.55}.iupac-name b{color:#167f78;letter-spacing:.08em;margin-right:5px;font-size:9px}.naming-status{color:#6b7e86;justify-content:space-between;align-items:center;gap:7px;margin:7px 0 0;font-size:10px;display:flex}.naming-status span{align-items:center;gap:5px;display:inline-flex}.naming-status button{color:#1b6c66;background:#edf3ef;border-radius:6px;flex:none;padding:4px 7px;font-size:9px;font-weight:700}.naming-source{color:#217b71;margin-top:6px;font-size:10px;text-decoration:underline;display:inline-block}.collection-load small{color:#61747b;overflow-wrap:anywhere;max-width:390px;margin-top:2px;font-size:9px;line-height:1.4;display:block}.study-card .study-name{min-width:0}.study-card .study-name h1{overflow-wrap:anywhere;word-break:break-word}.study-card .name-kind{color:#61747b;margin-top:5px;display:block}.study-card .naming-status,.study-card .naming-source{margin:3px 0;font-size:11px;text-decoration:none}.chemical-formula{white-space:nowrap;display:inline}.chemical-formula sub,.chemical-formula sup{vertical-align:baseline;font-size:.68em;line-height:0;position:relative}.chemical-formula sub{bottom:-.28em}.chemical-formula sup{top:-.48em}.viewer-formula{color:#627386;margin-left:7px}.collection-load .chemical-formula{color:inherit;font:inherit;margin:0;display:inline}.identity-panel h1,.collection-load strong{overflow-wrap:anywhere;word-break:break-word}.collection-load{min-width:0}:root{color:#172a3a;font-synthesis:none;background:#f4f4ed;font-family:Manrope,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #289b9557}.app-shell{background:radial-gradient(circle at 50% -15%,#fffef9 0,#f5f5ee 47%,#edf0eb 100%);min-height:100vh}.topbar{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffce3;border-bottom:1px solid #e2e6dd;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(18px,4vw,62px);display:flex;position:sticky;top:0}.brand{color:#122b3d;letter-spacing:-.4px;align-items:center;gap:11px;font-size:16px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.brand b{color:#16867d}.brand small{color:#829099;letter-spacing:.08em;margin-top:5px;font-size:9px;font-weight:700;display:block}.brand-orbit{border:1.6px solid #47aaa1;border-radius:50%;width:34px;height:34px;display:block;position:relative;transform:rotate(-28deg)}.brand-orbit:before{content:"";border:1.6px solid #2a5d71;border-radius:50%;position:absolute;inset:8px -4px}.brand-orbit i{background:#e57056;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:3px}.brand-orbit i:nth-child(2){background:#47aaa1;top:6px;left:23px}.brand-orbit i:nth-child(3){background:#e5b842;top:25px;left:18px}.top-actions{align-items:center;gap:9px;display:flex}.top-actions>button,.viewer-options button{color:#526370;background:0 0;border-radius:9px;align-items:center;gap:7px;padding:9px 10px;font-size:12px;font-weight:700;display:inline-flex}.collection-button span{color:#167c74;background:#e2f1ed;border-radius:10px;padding:1px 6px}.primary{color:#fff;background:#167f78;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 5px 12px #10635e29}.primary:hover{background:#106c66}.compact{padding:7px 10px;font-size:11px}.secondary{color:#1b5e5a;background:#edf3ef;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;font-size:12px;font-weight:800;display:inline-flex}.full{width:100%}.icon-button{color:#64737d;background:0 0;border-radius:7px;padding:6px;display:inline-flex}.icon-button:hover{background:#edf2ef}.danger{color:#b6534d!important}.workspace{grid-template-columns:360px minmax(430px,1fr) 310px;align-items:start;gap:20px;max-width:1660px;margin:0 auto;padding:25px clamp(16px,3vw,48px) 20px;display:grid}.left-column,.right-column,.viewer-column{gap:16px;min-width:0;display:grid}.panel{background:#fffffcdb;border:1px solid #e0e6df;border-radius:14px;padding:17px;box-shadow:0 9px 25px #26373a0b}.panel-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel h1,.panel h2,.panel p{margin-top:0}.panel h2{letter-spacing:-.4px;margin-bottom:0;font-size:15px}.eyebrow{color:#32948c;letter-spacing:.12em;margin-bottom:7px;font:600 10px/1 DM Mono,monospace;display:block}.muted{color:#81909a}.small{font-size:10px}.smiles-panel .panel-title svg{color:#dc9e3f}.smiles-input{background:#fff;border:1px solid #dbe4df;border-radius:10px;margin:15px 0 9px;display:flex;overflow:hidden}.smiles-input input{color:#183448;border:0;outline:0;width:100%;min-width:0;padding:12px;font:500 13px DM Mono,monospace}.smiles-input button{color:#fff;background:#173a4c;place-items:center;width:44px;display:grid}.examples{flex-wrap:wrap;gap:6px;display:flex}.examples button,.bond-row button{color:#4d6674;background:#f0f4f1;border-radius:6px;padding:6px 8px;font-size:10px}.examples button:hover{color:#116f68;background:#dcebe6}.file-import{cursor:pointer;color:#57727d;align-items:center;gap:7px;margin-top:13px;font-size:11px;font-weight:700;display:flex}.file-import input{display:none}.tool-row,.element-row,.bond-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.tool-row{margin:15px 0 8px}.tool-row button,.bond-row button{color:#5d6e76;background:#f0f3f1;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-size:10px;font-weight:700;display:inline-flex}.tool-row button.selected,.bond-row button.selected,.spectrum-tabs button.selected{color:#126e67;background:#dff0eb}.element-row{border-top:1px solid #edf0ec;padding-top:9px}.element{color:#5f7079;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:5px 6px;font-size:10px;display:flex}.element i{border-radius:50%;width:7px;height:7px}.element.selected{color:#126e67;background:#e7f2ef}.bond-row{border-top:1px solid #edf0ec;margin-top:10px;padding-top:9px}.bond-row span{color:#819099;margin-right:2px;font-size:10px}.sketch-canvas{touch-action:none;color:#5a7e81;background:#fbfcfa;border:1px solid #edf0ed;border-radius:9px;width:100%;height:auto;margin-top:10px;display:block}.bond-line{stroke:#365163;stroke-width:2.2px;stroke-linecap:round}.sketch-atom{cursor:pointer}.sketch-atom circle{stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 2px 2px #1430402e)}.sketch-atom.pending circle{stroke:#e4b43b;stroke-width:3px}.sketch-atom text{fill:#fff;pointer-events:none;font-size:11px;font-weight:800}.canvas-hint{fill:#98a6a9;font-size:11px}.sketch-footer{color:#829098;justify-content:space-between;align-items:center;margin-top:9px;font:10px DM Mono,monospace;display:flex}.sketch-footer div{align-items:center;gap:3px;display:flex}.viewer-column{min-height:600px}.viewer-toolbar{justify-content:space-between;align-items:center;gap:10px;min-height:39px;display:flex}.mode-switch{background:#e8edeb;border-radius:9px;gap:2px;padding:3px;display:flex}.mode-switch button{color:#64747e;background:0 0;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:800;display:flex}.mode-switch button.selected{color:#173c4f;background:#fff;box-shadow:0 2px 5px #213a3d1a}.viewer-options{align-items:center;gap:3px;display:flex}.viewer-options label{color:#60727a;white-space:nowrap;font-size:10px}.viewer-options input{accent-color:#16847c;vertical-align:middle}.viewer-options button{padding:5px}.viewer-stage{background:radial-gradient(circle at 50% 40%,#fbfdfb,#e9efeb);border:1px solid #dce5df;border-radius:16px;height:440px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #65958b0d,0 13px 28px #23393d0d}.viewer-stage canvas{display:block;width:100%!important;height:100%!important}.viewer-loading,.viewer-empty{z-index:3;color:#35656b;background:#f8fbf7b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.viewer-empty{color:#7a9191;background:0 0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{color:#a54239;background:#fff2ef;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:11px;display:flex}.error-banner button{color:inherit;background:0 0;display:flex}.measurement-strip{background:#f9fcf9;border:1px solid #dce8e3;border-radius:10px;justify-content:space-between;align-items:center;gap:13px;min-height:53px;padding:10px 13px;display:flex}.measurement-strip .eyebrow{margin:0 0 3px;font-size:8px}.measurement-strip strong{font-size:11px}.measurement-strip b{color:#196b68;text-align:center;font:500 11px DM Mono,monospace}.measurement-strip button{color:#fff;background:#237c74;border-radius:6px;align-items:center;gap:4px;padding:6px 9px;font-size:10px;font-weight:700;display:flex}.spectra{padding:15px 16px}.spectra.empty-spectrum{color:#83939a;min-height:165px;font-size:12px}.spectra.empty-spectrum p{margin:15px 0 0}.badge{color:#227465;background:#e4f2e9;border-radius:10px;align-self:center;padding:4px 7px;font-size:9px;font-weight:800}.muted-badge{color:#7f8788;background:#f0f0ed}.spectrum-tabs{border-bottom:1px solid #e7ece8;gap:4px;margin:13px 0 11px;display:flex}.spectrum-tabs button{color:#75838a;background:0 0;border-radius:5px 5px 0 0;padding:6px 8px 7px;font:500 10px DM Mono,monospace}.spectrum-card{position:relative}.spectrum-name{justify-content:space-between;align-items:baseline;margin-bottom:3px;font-size:11px;display:flex}.spectrum-name span{color:#849198;font:9px DM Mono,monospace}.spectrum-chart{width:100%;height:138px;display:block;overflow:visible}.chart-grid{stroke:#e5ece8;stroke-width:1px;stroke-dasharray:2 4}.chart-axis{stroke:#aab7b3;stroke-width:1px}.peak line{stroke:#1c817a;stroke-width:1.6px}.peak circle{fill:#1c817a}.peak text{fill:#527176;font-size:8px}.chart-label{fill:#869398;font-size:8px}.spectrum-unit{text-align:right;color:#839298;margin:-4px 8px 3px 0;font-size:9px}.peak-list{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.peak-list span{color:#63747b;background:#f1f5f2;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:9px;display:flex}.peak-list b{color:#2a716c;font:500 9px DM Mono,monospace}.notice{color:#879297;align-items:flex-start;gap:5px;font-size:9px;line-height:1.55;display:flex;margin:10px 0 0!important}.notice svg{flex:none;margin-top:1px}.identity-panel h1{letter-spacing:-.8px;margin:8px 0 3px;font-size:23px;line-height:1.25}.identity-panel>p{color:#84929a;margin-bottom:0;font-size:12px;line-height:1.6}.formula{letter-spacing:-.7px;font:500 18px DM Mono,monospace;color:#187b75!important}.property-grid{border-top:1px solid #ebefeb;border-bottom:1px solid #ebefeb;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0;padding:10px 0;display:grid}.property-grid span{color:#849299;flex-direction:column;gap:3px;font-size:9px;display:flex}.property-grid b{color:#294456;font:500 13px DM Mono,monospace}.smiles-readonly{color:#8b979c;font-size:9px;display:block}.smiles-readonly code{text-overflow:ellipsis;white-space:nowrap;color:#285569;background:#f4f6f3;border-radius:5px;margin-top:5px;padding:7px;font:500 10px DM Mono,monospace;display:block;overflow:hidden}.warning{background:#fff8e9;border-radius:6px;padding:7px;color:#9b7830!important;margin:10px 0 0!important;font-size:10px!important}.inspector p{margin-bottom:0;font-size:11px;line-height:1.65}.vsepr{grid-template-columns:43px 1fr;gap:7px 10px;margin-top:13px;display:grid}.vsepr-symbol{color:#176e69;background:#e2f0eb;border-radius:8px;place-items:center;font:600 11px DM Mono,monospace;display:grid}.vsepr strong{font-size:13px}.vsepr div p{color:#839198;margin:2px 0 0;font-size:10px}.vsepr>p{color:#566d75;background:#f5f8f5;border-radius:6px;grid-column:1/-1;padding:8px}.notes textarea{resize:vertical;color:#314957;background:#fdfefc;border:1px solid #dfe7e1;border-radius:8px;outline:0;width:100%;min-height:102px;margin:12px 0 8px;padding:9px;font-size:11px;line-height:1.55}.notes textarea::placeholder{color:#a0acad}.saved-measurements{gap:5px;margin-bottom:8px;display:grid}.saved-measurements span{color:#2e726e;background:#eaf4ef;border-radius:5px;justify-content:space-between;align-items:center;gap:7px;padding:5px 7px;font:500 9px DM Mono,monospace;display:flex}.saved-measurements button{color:#597b78;background:0 0;padding:1px;display:flex}.quick-help{color:#67807e;align-items:flex-start;gap:10px;max-width:1660px;margin:0 auto;padding:5px clamp(16px,3vw,48px) 35px;font-size:11px;display:flex}.quick-help svg{color:#2a9b90;flex:none}.quick-help strong{color:#345967;margin-bottom:3px;display:block}.quick-help span{line-height:1.6}.modal-backdrop{z-index:30;background:#13273042;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.collection-modal{background:#fffefb;border-radius:15px;width:min(530px,100%);max-height:min(590px,90vh);padding:20px;overflow:auto;box-shadow:0 18px 70px #1129313d}.collection-list{gap:7px;margin-top:15px;display:grid}.collection-list article{border:1px solid #e5eae5;border-radius:8px;align-items:center;padding:5px;display:flex}.collection-load{text-align:left;background:0 0;flex:1;padding:8px}.collection-load strong{color:#254354;font-size:12px;display:block}.collection-load span{color:#86949a;margin-top:3px;font-size:10px;display:block}.empty-collection{color:#829096;margin:19px 0 3px;font-size:12px}.study-card{color:#132e42;background:#fbfaf5;width:900px;padding:40px;font-family:Manrope,Noto Sans KR,sans-serif;position:fixed;top:0;left:-10000px}.study-card header{border-bottom:2px solid #cbe1d9;gap:18px;padding-bottom:19px;display:flex}.study-mark{color:#fff;background:#167f78;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font:700 17px DM Mono,monospace;display:grid}.study-card small{color:#21877e;letter-spacing:.12em;font:600 11px DM Mono,monospace}.study-card h1{letter-spacing:-1px;margin:4px 0;font-size:31px}.study-card h3{color:#1c817a;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px}.study-card p{color:#536976;margin:0;font-size:13px;line-height:1.6}.study-main{grid-template-columns:1.25fr 1fr;gap:30px;min-height:300px;padding:25px 0;display:grid}.study-visual{background:#eef4f0;border-radius:12px;place-items:center;display:grid;overflow:hidden}.study-visual img{object-fit:cover;width:100%;height:100%}.study-placeholder{color:#79938f;font:500 15px DM Mono,monospace}.study-data{align-content:center;gap:5px;display:grid}.study-data h3:not(:first-child){margin-top:15px}.study-data code{overflow-wrap:anywhere;color:#285d63;background:#edf4f0;border-radius:7px;padding:8px;font:500 11px DM Mono,monospace}.study-bottom{border-top:1px solid #d9e5dd;grid-template-columns:1fr 1fr;gap:25px;padding-top:19px;display:grid}.study-card{width:980px}.study-main{grid-template-columns:1fr 1fr .9fr;gap:18px;min-height:250px}.study-visual{border:1px solid #dce9e2;min-height:220px;position:relative}.study-visual h3{z-index:1;position:absolute;top:12px;left:13px}.study-visual.two-d{background:#fff}.study-visual.two-d img{object-fit:contain;padding:25px 12px 10px}.study-spectra{border-top:1px solid #d9e5dd;padding:20px 0 18px}.study-section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:12px;display:flex}.study-section-heading p{font-size:10px}.study-spectrum-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.study-spectrum{background:#fdfefc;border:1px solid #dce8e1;border-radius:9px;min-width:0;padding:10px}.study-spectrum-title{grid-template-columns:auto 1fr auto;align-items:baseline;gap:7px;min-width:0;margin-bottom:4px;display:grid}.study-spectrum-title strong{color:#167f78;font:700 11px DM Mono,monospace}.study-spectrum-title span{text-overflow:ellipsis;white-space:nowrap;color:#4f6872;font-size:10px;overflow:hidden}.study-spectrum-title em{color:#84949a;font:9px DM Mono,monospace}.study-spectrum svg{width:100%;height:78px;overflow:visible}.study-spectrum-guide{stroke:#e3ece7;stroke-width:1px;stroke-dasharray:2 3}.study-spectrum-axis{stroke:#afc1ba;stroke-width:1px}.study-peak{stroke:#16867d;stroke-width:1.4px}.study-spectrum text{fill:#48736f;font:7px DM Mono,monospace}.study-peak-table{grid-template-columns:1fr 1fr;gap:4px;margin-top:2px;display:grid}.study-peak-table span{background:#edf5f0;border-radius:4px;min-width:0;padding:4px 5px}.study-peak-table b,.study-peak-table i,.study-peak-table small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.study-peak-table b{color:#216e69;font:500 8px DM Mono,monospace}.study-peak-table i{color:#61777e;font-size:8px;font-style:normal}.study-peak-table small{color:#869499;font-size:7px}.study-empty{background:#f2f6f3;border-radius:8px;padding:15px;font-size:11px!important}.vsepr-diagram{background:#edf6f1;border-radius:7px;grid-column:1/-1;align-items:center;gap:9px;padding:7px 9px;display:flex}.vsepr-diagram svg{flex:none;width:76px;height:76px}.vsepr-diagram line{stroke:#6a9792;stroke-width:2px}.vsepr-diagram circle{fill:#78b9b0;stroke:#fff;stroke-width:1.5px}.vsepr-diagram .center{fill:#1d7e76}.vsepr-diagram .lone-pair circle{fill:#af78b3;stroke:none}.vsepr-diagram text{fill:#fff;font:700 11px DM Mono,monospace}.vsepr-diagram p{background:0 0!important;margin:0!important;padding:0!important;font-size:10px!important}.vsepr-diagram p b{color:#22716a}.vsepr-diagram p small{color:#758f8d;margin-top:3px;font-size:9px;display:block}.atom-picker{border-top:1px solid #e8eeea;margin-top:14px;padding-top:11px}.atom-picker-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.atom-picker-head strong{color:#355663;font-size:11px}.atom-picker-head button{color:#187b75;background:#e5f1ed;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:700}.atom-picker p{color:#849299;margin:5px 0 8px;font-size:10px}.atom-picker-list{flex-wrap:wrap;gap:5px;max-height:115px;padding:1px;display:flex;overflow:auto}.atom-picker-list button{color:#4c6872;background:#fbfcfa;border:1px solid #dce5df;border-radius:6px;grid-template-columns:auto auto;place-items:center;gap:3px;min-width:36px;padding:5px 4px;font:500 9px DM Mono,monospace;display:grid}.atom-picker-list button:hover{border-color:#70aaa1}.atom-picker-list button.selected{color:#126e67;background:#dff0eb;border-color:#269387}.atom-picker-list b{font-size:9px}.atom-picker-list span{font-weight:700}.atom-picker small{color:#809096;margin-top:7px;font-size:9px;line-height:1.45;display:block}.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}@media (width<=1180px){.workspace{grid-template-columns:310px minmax(400px,1fr)}.right-column{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;align-items:start}.viewer-stage{height:410px}}@media (width<=820px){.topbar{align-items:flex-start;height:auto;padding:12px 16px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.help-button,.collection-button{padding:8px!important;font-size:0!important}.help-button svg,.collection-button svg{margin:0}.workspace{flex-direction:column;padding:16px;display:flex}.viewer-column,.left-column,.right-column{display:contents}.smiles-panel{order:0;width:100%}.viewer-toolbar{order:1;width:100%}.viewer-stage{order:2;width:100%;height:380px}.measurement-strip{order:3;width:100%}.spectra{order:4;width:100%}.sketcher{order:5;width:100%}.identity-panel{order:6;width:100%}.inspector{order:7;width:100%}.notes{order:8;width:100%}.viewer-options label{display:none}.right-column{grid-template-columns:1fr}.quick-help{padding-bottom:25px}}@media (width<=480px){.top-actions{gap:3px}.top-actions .primary{padding:9px;font-size:0}.top-actions .primary svg{margin:0}.brand{font-size:14px}.brand-orbit{margin-right:-3px;transform:scale(.88)rotate(-28deg)}.viewer-toolbar{flex-direction:column;align-items:flex-start}.viewer-options{align-self:flex-end;margin-top:-30px}.mode-switch button{padding:7px;font-size:9px}.viewer-stage{height:325px}.measurement-strip{flex-wrap:wrap}.measurement-strip b{text-align:left}.study-card{width:800px}}@media (width<=820px){.viewer-options{flex-wrap:wrap;justify-content:flex-end}.viewer-options label{background:#edf3f0;border-radius:6px;align-items:center;gap:3px;padding:5px 6px;font-size:9px;display:inline-flex}}.element-row{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:5px;display:grid}.element{justify-content:flex-start;min-width:0;min-height:34px;padding:6px}.element i{flex-shrink:0;box-shadow:0 0 0 1px #3246501f}.element-name{color:#637780;font-size:9px}.viewer-toolbar{flex-wrap:wrap}.viewer-options{flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-left:auto}.viewer-options label{cursor:pointer;align-items:center;gap:3px;min-height:32px;display:inline-flex}@media (width<=480px){.viewer-options{margin-top:0}}.spectrum-name{flex-wrap:wrap;gap:5px}.spectrum-ranges{min-width:0}.range-list{color:#536976;gap:6px;margin:10px 0;padding-left:22px;font-size:11px;display:grid}.range-list li{padding-left:2px}.range-list b{color:#246d63;margin-right:7px;display:inline-block}.range-list span{overflow-wrap:anywhere}.range-scale,.range-notice,.range-empty{color:#536976;font-size:11px;line-height:1.6;margin:8px 0!important}.range-empty{background:#edf3f0;border-radius:8px;padding:18px 10px}.range-notice{border-top:1px solid #e0e8e4;padding-top:8px}.hydrogen-bond-notes{color:#46616c;margin:12px 0;font-size:11px;line-height:1.65}.hydrogen-bond-notes p{margin:6px 0!important}.descriptor-counts{background:#edf5f0;border-radius:7px;gap:4px;padding:8px;display:grid}.hydrogen-bond-notes summary{cursor:pointer;color:#217b71;padding:7px 0}.hydrogen-bond-notes a,.geometry-notes a{color:#217b71;overflow-wrap:anywhere;text-decoration:underline}.descriptor-definition{font-size:10px}.geometry-notes{color:#46616c;grid-column:1/-1;font-size:11px;line-height:1.6}.geometry-notes p{margin:5px 0!important}.geometry-notes small{letter-spacing:0;font:inherit;color:#61747b;display:block}.geometry-reference{background:#edf5f0;border-radius:7px;padding:9px}.study-spectrum .spectrum-ranges text{font-family:inherit;font-size:10px}.study-card .range-list,.study-card .range-notice,.study-card .range-scale{font-size:11px}.study-card .hydrogen-bond-notes{margin:18px 0}.study-card .hydrogen-bond-notes p{font-size:11px}.study-card .geometry-notes small{letter-spacing:0;font-size:10px}