/* Visual replica of work/astround-hallmark.lua, R.reference_ui and W.widget_reference.
   Fixed native coordinates remain intact through the 3D presentation. */
@font-face{font-family:InterNative;src:url('fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:JetBrainsNative;src:url('fonts/jetbrains-latin.woff2') format('woff2');font-style:normal;font-weight:100 800;font-display:swap}
:root{--native-bg:#121318;--native-card:#181a20;--native-hover:#1f2128;--native-selected:#262830;--native-rule:#1c1e24;--native-border:#2a2d36;--native-text:#c3c5ce;--native-heading:#e8e9ee;--native-dim:#8a8d98;--native-muted:#6f727c;--native-accent:#a5b8ee;--native-warm:#e8967a;--native-danger:#f0868d;--native-avatar:#1f2330;--widget-border:#23252c;--widget-rule:#262830;--widget-chip:#1a1c24;--native-font:InterNative,Arial,sans-serif;--native-mono:JetBrainsNative,monospace}
.experience{height:340vh}.experience-sticky{height:100svh;min-height:600px;max-height:none;grid-template-columns:260px minmax(0,1fr);gap:32px}.product-area{container-type:normal;min-height:560px}.native-world{position:relative;width:100%;height:560px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;perspective:1700px;perspective-origin:50% 45%;isolation:isolate}.native-fit{position:relative;width:960px;height:500px;flex:none;transform:scale(var(--fit,.8));transform-style:preserve-3d;transform-origin:50% 50%}.native-stage{position:relative;width:960px;height:500px;transform-style:preserve-3d;will-change:transform;transform:rotateX(9deg) rotateY(-17deg)}.native-window{position:absolute;inset:0 auto auto 0;width:960px;height:470px;background:var(--native-bg);border-radius:14px;font-family:var(--native-font);font-size:13px;line-height:1;color:var(--native-text);box-shadow:0 45px 80px -35px var(--shadow);transform:translateZ(0);backface-visibility:hidden;border:1px solid var(--widget-border);text-align:left}.native-window button,.native-window input,.native-window select{font-family:var(--native-font)}.native-window button:active,.native-window .button:active{transform:none}.native-rail{position:absolute;inset:0 auto 0 0;width:188px;border-right:1px solid var(--native-rule)}.native-brand{position:absolute;left:20px;top:28px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;letter-spacing:2.08px;color:var(--native-heading)}.native-star{width:20px;height:20px;color:var(--native-warm);flex:none}.native-nav{position:absolute;top:78px;left:0;right:0}.native-nav-group{position:relative}.native-nav-item{height:34px;margin:0 14px;width:160px;border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:0 4px;color:var(--native-dim);text-align:left;font-size:13px;white-space:nowrap}.native-nav-item:hover{color:var(--native-heading)}.native-nav-item[aria-current=true]{color:var(--native-heading);font-weight:600}.native-nav-item>svg{width:16px;height:16px;color:var(--native-muted);flex:none}.native-nav-item[aria-current=true]>svg{color:var(--native-accent)}.native-nav-item .native-chevron{margin-left:auto;width:8px;height:8px}.native-subnav{display:grid;padding-bottom:6px}.native-subnav button{height:28px;padding:0 0 0 42px;text-align:left;color:var(--native-muted);background:transparent;border:0;font-size:13px;white-space:nowrap}.native-subnav button:hover{color:var(--native-heading)}.native-subnav button[aria-current=true]{color:var(--native-accent)}.native-persona{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--native-text)}.native-avatar{width:26px;height:26px;border-radius:50%;background:var(--native-avatar);display:grid;place-items:center;color:var(--native-accent);font-size:12px;font-weight:700}.native-page-title{position:absolute;left:220px;top:29px;line-height:26px;font-size:22px;font-weight:600;letter-spacing:-.5px;color:var(--native-heading)}.native-page-subtitle{position:absolute;left:220px;top:59px;line-height:15px;font-size:13px;color:var(--native-muted)}.native-header-tools{position:absolute;right:32px;top:28px;height:30px;display:flex;align-items:center;gap:3px}.native-tool{height:30px;border:0;background:transparent;color:var(--native-accent);padding:0 11px;font-size:13px;white-space:nowrap}.native-tool:hover{background:var(--native-card);border-radius:6px}.native-tool.danger{color:var(--native-danger)}.native-search{border:0;background:transparent;color:var(--native-dim);padding:6px;margin-right:8px}.native-search svg{width:14px;height:14px}.native-state{width:112px;height:30px;margin-left:9px}.native-select{appearance:none;border:0;background:var(--native-card);color:var(--native-text);border-radius:6px;height:28px;padding:0 28px 0 12px;min-width:112px;max-width:145px;font-size:13px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath d='m1 1 3 3 3-3' fill='none' stroke='%236f727c'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.native-select:disabled{opacity:.4;cursor:not-allowed}.native-team{position:absolute;left:220px;top:96px;display:flex;align-items:center;height:28px;gap:0;color:var(--native-muted);font-size:13px}.native-team>span{width:48px}.native-segments{width:124px;height:28px;background:var(--native-card);padding:2px;display:flex;border-radius:6px}.native-segments button{width:40px;height:24px;background:transparent;color:var(--native-muted);border:0;border-radius:5px;font-size:13px;font-weight:500}.native-segments button[aria-pressed=true]{color:var(--native-heading);background:var(--native-selected)}.native-copy-team{border:0;background:transparent;color:var(--native-accent);margin-left:16px;height:28px;font-size:13px;white-space:nowrap}.native-content{position:absolute;left:220px;right:32px;top:154px;bottom:24px;overflow:clip}.native-content.standard{top:104px}.native-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);gap:40px}.native-columns.equal{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.native-section{min-width:0}.native-section h4{font-size:13px;font-weight:600;color:var(--native-heading);height:28px;margin:0;line-height:20px}.native-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;font-size:13px;color:var(--native-text)}.native-row>span{min-width:0;white-space:nowrap}.native-toggle{height:18px;width:34px;border-radius:9px;background:var(--native-selected);padding:3px;border:0;flex:none;transition:background .15s}.native-toggle::after{content:'';display:block;width:12px;height:12px;border-radius:50%;background:var(--native-muted);transform:translateX(0);transition:transform .15s,background .15s}.native-toggle[aria-checked=true]{background:var(--native-accent)}.native-toggle[aria-checked=true]::after{transform:translateX(16px);background:var(--native-bg)}.native-toggle:disabled{opacity:.35}.native-range{display:block;height:60px;padding-top:10px;font-size:13px;color:var(--native-text)}.native-range>span{display:flex;justify-content:space-between;align-items:center}.native-range output{font-family:var(--native-mono);font-size:12px;color:var(--native-accent)}.native-range input{appearance:none;width:100%;height:2px;margin:15px 0 0;background:var(--native-border);background-image:linear-gradient(var(--native-accent),var(--native-accent));background-size:var(--fill,50%) 100%;background-repeat:no-repeat;display:block;cursor:pointer}.native-range input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--native-heading);border:0;border-radius:50%}.native-range input::-moz-range-thumb{width:12px;height:12px;background:var(--native-heading);border:0;border-radius:50%}.native-range input:disabled{opacity:.35;cursor:not-allowed}.native-status{color:var(--native-accent);font-size:13px}.native-wide-button{display:flex;align-items:center;justify-content:center;width:100%;height:32px;border:1px solid var(--native-border);background:transparent;color:var(--native-heading);border-radius:6px;font-size:13px}.native-wide-button:hover{background:var(--native-card)}.native-notice{position:absolute;left:220px;right:32px;bottom:8px;font-size:10px;color:var(--native-muted);height:12px}.native-search-field{position:absolute;top:67px;right:32px;width:260px;height:30px;background:var(--native-card);border:1px solid var(--native-border);border-radius:5px;padding:0 10px;color:var(--native-text);z-index:8;font-size:13px}.native-config{position:absolute;left:188px;right:0;top:80px;bottom:0;border-top:1px solid var(--native-rule);display:flex}.native-config-list{position:relative;width:236px;flex:none;border-right:1px solid var(--native-rule);padding:18px 16px 64px}.native-config-item{width:204px;height:38px;background:transparent;display:flex;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:6px;color:var(--native-text);font-size:13px}.native-config-item svg{width:15px;height:15px;color:var(--native-muted)}.native-config-item[aria-pressed=true]{background:var(--native-card);color:var(--native-accent)}.native-config-footer{position:absolute;bottom:18px;left:16px;right:16px;display:flex;gap:8px}.native-config-footer button{width:98px;height:34px}.native-config-detail{position:relative;flex:1;padding:27px 32px}.native-config-name{display:flex;align-items:center;gap:12px;color:var(--native-heading);font-size:24px;font-weight:600;margin-bottom:24px}.native-config-name svg{width:20px;height:20px;color:var(--native-accent)}.native-config-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--native-muted);margin:0 0 14px}.native-config-meta span:last-child{color:var(--native-accent);font-family:var(--native-mono);font-size:12px}.native-config-actions{position:absolute;bottom:61px;left:32px;right:32px;display:flex;gap:8px}.native-config-actions button{height:42px;flex:1;font-weight:550;font-size:13px}.native-primary{background:var(--native-accent)!important;color:var(--native-bg)!important;border-color:var(--native-accent)!important}.native-config-links{position:absolute;bottom:18px;left:32px;right:32px;display:flex;gap:16px}.native-config-links button{border:0;background:transparent;font-size:13px;color:var(--native-accent);height:30px;white-space:nowrap}.native-config-links button:last-child{color:var(--native-danger);margin-left:auto}.native-config-search{width:200px;height:34px;background:var(--native-card);border:0;border-radius:6px;padding:0 12px;color:var(--native-text);font-size:13px}.native-home{max-width:580px}.native-home h4{font-size:22px;color:var(--native-heading);font-weight:550;margin:0 0 24px}.native-home p{color:var(--native-muted);font-size:13px;line-height:1.8;margin-top:16px}.native-hud{position:absolute;pointer-events:none;font-family:var(--native-font);font-size:10.51px;color:var(--native-text);transform-style:preserve-3d;will-change:transform,opacity;opacity:0;backface-visibility:hidden;line-height:1}.native-hud svg{width:11.3px;height:11.3px;flex:none;color:var(--native-warm)}.native-hud strong{font-weight:600;color:var(--native-heading)}.native-hud-mono{font-family:var(--native-mono);font-size:9.7px}.native-symmetric-line{height:1px;background:linear-gradient(90deg,transparent,var(--native-warm) 20%,var(--native-accent) 55%,var(--native-accent) 80%,transparent)}.native-watermark{display:flex;align-items:center;height:35.57px;background:var(--native-bg);border:1px solid var(--widget-border);border-radius:9.7px;left:382px;top:-35px;white-space:nowrap;min-width:460px}.native-watermark>span{display:flex;align-items:center;gap:8px;padding:0 13px;height:13px;border-right:1px solid var(--widget-rule)}.native-watermark>span:last-of-type{border:0}.native-watermark>span:first-child strong{letter-spacing:.84px;font-weight:650}.native-watermark small{font-size:8.9px;color:var(--native-dim)}.native-watermark .native-symmetric-line{position:absolute;bottom:0;left:10px;right:10px;opacity:.65}.native-keybinds{left:-45px;top:170px;width:194px;min-height:71px;padding:0 13px 12px;border:1px solid var(--widget-border);background:var(--native-bg);border-radius:9.7px}.native-keybinds header{height:31px;display:flex;align-items:center;justify-content:center;position:relative}.native-keybinds header>svg{position:absolute;left:0;width:16.2px;height:16.2px}.native-keybinds header strong{font-size:10.5px;letter-spacing:.38px}.native-keybinds p{display:flex;align-items:center;justify-content:space-between;gap:12px;height:32px;color:var(--native-text);font-size:10.5px}.native-keybinds kbd{min-width:18px;height:18px;display:grid;place-items:center;background:var(--widget-chip);border-radius:5px;color:var(--native-accent);font-family:var(--native-mono);font-size:9.7px;padding-inline:5px}.native-debug{right:-30px;top:64px;width:291px;background:var(--native-bg);border:1px solid var(--widget-border);border-radius:9.7px;padding:0 16px 18px}.native-debug>header{display:flex;align-items:center;justify-content:space-between;height:35.5px}.native-debug>header strong{font-size:9px;letter-spacing:1.36px}.native-debug>header>span{font-size:8px;color:var(--native-muted)}.native-debug-group{margin-top:17px}.native-debug-group h5{font-size:8px;font-weight:400;letter-spacing:1.13px;color:var(--native-muted);margin:0 0 4px}.native-debug-row{display:flex;justify-content:space-between;gap:14px;align-items:center;height:21px;font-size:8.9px;color:var(--native-dim)}.native-debug-row b{color:var(--native-accent);font-family:var(--native-mono);font-size:9px;font-weight:500}.native-debug-row .warm{color:var(--native-warm)}.native-debug-row .dim{color:var(--native-muted)}.native-hitlogs{right:52px;bottom:-39px;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.native-hitlog{height:30.56px;display:flex;align-items:center;gap:14px;padding:0 14px;border-radius:10px;background:var(--native-bg);border:1px solid var(--widget-border);font-size:10.51px;white-space:nowrap}.native-hitlog strong{letter-spacing:.8px;padding-right:14px;border-right:1px solid var(--widget-rule)}.native-hitlog b{font-weight:500;color:var(--native-accent)}.native-hitlog.miss{opacity:.72}.native-hitlog.miss b{color:var(--native-danger)}.native-velocity{left:4px;top:-59px;display:flex;align-items:center;gap:10px;width:142px;height:39px}.native-velocity>svg{width:34px;height:34px;padding:9px;background:var(--widget-chip);border-radius:9px;color:var(--native-accent)}.native-velocity>div{flex:1}.native-velocity p{display:flex;justify-content:space-between;color:var(--native-text);font-size:8px;white-space:nowrap}.native-velocity p b{font-weight:400;color:var(--native-accent)}.native-velocity-track{height:3px;background:var(--widget-rule);margin-top:8px}.native-velocity-track>i{height:3px;display:block;width:72%;background:linear-gradient(90deg,var(--native-warm),var(--native-accent))}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.preview-controls .preview-caption{margin:0;font-size:9px}.preview-motion{background:transparent;border:1px solid var(--border);padding:7px 10px;border-radius:4px;font-size:9px;color:var(--muted);white-space:nowrap}.preview-motion:hover{background:var(--surface)}.native-window :focus-visible{outline:2px solid var(--native-accent);outline-offset:3px}.native-window button:disabled{cursor:not-allowed}.tour-description{min-height:230px}
@media(max-width:1100px){.experience-sticky{grid-template-columns:220px minmax(0,1fr);gap:24px}.native-world{perspective:1400px}}
@media(max-width:800px){.experience{height:340vh}.experience-sticky{position:sticky;height:100svh;min-height:600px;display:flex;flex-direction:column;justify-content:center;gap:16px;padding-block:24px}.tour-copy{width:100%;flex:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px}.tour-copy>.eyebrow{grid-column:1/-1}.tour-description{min-height:160px}.tour-description h2{font-size:28px}.tour-description>p{font-size:12px}.tour-tabs{margin:0;align-self:center}.product-area{width:100%;min-height:0;flex:1;max-height:490px}.native-world{height:100%;min-height:270px}.preview-controls{position:absolute;bottom:-8px;left:0;right:0}.preview-controls .preview-caption{font-size:8px}.native-fit{transform:scale(var(--fit,.6))}}
@media(max-width:560px){.experience-sticky{height:100svh;min-height:560px;padding-block:24px;gap:0}.tour-copy{display:block}.tour-copy>.eyebrow{margin-bottom:12px}.tour-description{min-height:140px}.tour-description h2{font-size:28px;margin:8px 0 12px}.tour-description>p{font-size:11px;max-width:44ch}.tour-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}.tour-tab{font-size:10px}.tour-tab .tab-index{display:none}.product-area{min-height:0;max-height:360px;width:100%}.native-world{min-height:220px;perspective:1100px}.preview-controls{bottom:0}.preview-caption>span:last-child{display:none}.native-fit{transform:scale(var(--fit,.3))}.scroll-note{display:none}}
@media(prefers-reduced-motion:reduce){.experience{height:340vh}.experience-sticky{position:sticky;height:100svh;min-height:600px;padding-block:24px}.native-stage{will-change:auto}.native-hud{will-change:auto}}
@media(max-width:560px) and (prefers-reduced-motion:reduce){.experience-sticky{min-height:560px}}

.native-world,.native-fit,.native-stage{pointer-events:none}.native-window{pointer-events:auto}

.native-config-subtitle{font-size:13px;color:var(--native-muted);font-weight:400;letter-spacing:0;margin-left:12px}