.samples-scheme-preview{position:fixed;z-index:10020;box-sizing:border-box;width:min(460px,calc(100vw - 24px));padding:10px;border:1px solid #dce5df;border-radius:14px;background:#fff;box-shadow:0 12px 45px #18312733}.samples-scheme-preview img{display:block;width:100%;height:auto;max-height:min(340px,50vh);object-fit:contain}.samples-scheme-preview p{margin:8px 0 0;color:#63746b;font:12px/1.4 system-ui,sans-serif;text-align:center}.samples-scheme-viewer{box-sizing:border-box;width:min(1100px,96vw);max-width:96vw;height:min(850px,92vh);max-height:92vh;padding:18px;border:1px solid #dce5df;border-radius:16px;background:#fff;color:#1e3028;box-shadow:0 25px 90px #0004}.samples-scheme-viewer::backdrop{background:#12261dcc}.samples-scheme-viewer[open]{display:flex;flex-direction:column;gap:12px}.samples-scheme-viewer header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex:none;font:16px/1.5 system-ui,sans-serif}.samples-scheme-viewer img{width:100%;height:100%;min-height:0;flex:1;object-fit:contain;background:#f7f9f7;border-radius:8px}.samples-scheme-viewer button{font:14px/1.4 system-ui,sans-serif;padding:8px 12px;border:1px solid #d9e2dc;border-radius:8px;background:#fff;color:#344b3f;cursor:pointer}[data-sample-portal-position],[data-sample-scheme]{cursor:pointer}[data-sample-portal-position]:focus-visible,[data-sample-scheme]:focus-visible{outline:2px solid #78998b;outline-offset:2px}.samples-scheme-portal{display:block;flex:none;margin-top:10px;padding:9px 12px;border-radius:8px;background:#e0f0e5;color:#257444;font:600 12px/1.4 system-ui,sans-serif;text-align:center;text-decoration:none}.samples-scheme-portal:hover{background:#cde5d5;color:#1d5935}.samples-scheme-portal:focus-visible{outline:2px solid #78998b;outline-offset:2px}.samples-scheme-preview [hidden],.samples-scheme-viewer [hidden]{display:none}.samples-scheme-preview[hidden]{display:none}.samples-scheme-viewer button.samples-close-icon{position:relative;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;background:0 0}.samples-scheme-viewer .samples-close-icon::after,.samples-scheme-viewer .samples-close-icon::before{content:"";position:absolute;left:8px;top:15px;width:16px;height:2px;background:currentColor;transform:rotate(45deg)}.samples-scheme-viewer .samples-close-icon::after{transform:rotate(-45deg)}