@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Instrument+Serif&family=Outfit:wght@400;500;600&display=swap";:root{--gv-bg:#14110c;--gv-bg-raise:#1d1912;--gv-surface:#2a241a;--gv-surface-soft:#332c20;--gv-viewport:#1a1610;--gv-ink:#f3ead8;--gv-muted:#9a8f7a;--gv-line:#3a3226;--gv-accent:#e4b060;--gv-accent-hover:#f0cc7a;--gv-accent-dim:#8a6a32;--gv-accent-ink:#1a140c;--gv-active-bg:color-mix(in srgb, var(--gv-accent) 18%, var(--gv-surface));--gv-panel-shadow:0 8px 28px #00000059}.gamma-viewer-host{color:var(--gv-ink);background:radial-gradient(900px 420px at 8% -20%, #3d3020 0%, var(--gv-bg-raise) 52%);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;flex:1;min-width:0;min-height:0;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:13px;display:flex}*{box-sizing:border-box}button,select,input{font:inherit}button{border:1px solid var(--gv-line);background:var(--gv-surface-soft);color:var(--gv-ink);cursor:pointer;border-radius:7px;padding:9px 13px;transition:background .15s,color .15s,border-color .15s}button:hover{border-color:var(--gv-accent-dim);color:var(--gv-accent);background:color-mix(in srgb, var(--gv-accent) 8%, var(--gv-surface))}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gv-accent);outline-offset:3px}button:disabled{opacity:.4;cursor:wait}button.active{background:var(--gv-active-bg);color:var(--gv-accent-hover);border-color:var(--gv-accent-dim)}.primary{background:var(--gv-accent);color:var(--gv-accent-ink);border-color:var(--gv-accent);font-weight:600}.primary:hover{background:var(--gv-accent-hover);color:var(--gv-accent-ink);filter:brightness(1.03)}.gamma-viewer-host>header{border-bottom:1px solid var(--gv-line);background:color-mix(in srgb, var(--gv-surface) 72%, transparent);justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 30px;display:flex}.brand{letter-spacing:.12em;color:inherit;white-space:nowrap;align-items:center;gap:12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.logo{object-fit:cover;width:33px;height:33px;box-shadow:0 0 12px color-mix(in srgb, var(--gv-accent) 40%, transparent);border-radius:9px;flex-shrink:0;display:block}.brand-sub{color:var(--gv-muted);letter-spacing:.14em;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500}.project-label{color:var(--gv-muted);font-size:12px}.header-actions{align-items:center;gap:10px;display:flex}.private{letter-spacing:1.4px;color:var(--gv-muted);white-space:nowrap;margin-right:14px;font-size:9px}i,.small-dot{background:var(--gv-accent);border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.gamma-viewer-host>main{flex:1;min-width:0;min-height:0;display:flex}#viewport{background:var(--gv-viewport);flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}#canvas-host{position:absolute;inset:0}canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.viewport-top{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:30px;left:32px;right:24px}.viewport-top button{pointer-events:auto}.eyebrow{letter-spacing:.16em;color:var(--gv-muted);text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:9px}.eyebrow span{color:var(--gv-accent)}.viewport-top h1{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:60vw;color:var(--gv-ink);margin:13px 0 6px;font-family:Instrument Serif,serif;font-size:26px;font-weight:400;overflow:hidden}.viewport-top p{color:var(--gv-muted);margin:0;font-size:12px}.round{background:color-mix(in srgb, var(--gv-surface) 88%, transparent);border-color:var(--gv-line);width:34px;height:34px;padding:0;font-size:20px}.demo-note{letter-spacing:1.3px;color:var(--gv-muted);pointer-events:none;font-size:9px;position:absolute;bottom:151px;left:32px}.demo-note>span:last-child{letter-spacing:0;color:var(--gv-muted);margin:8px 0 0 12px;font-size:11px;display:block}.view-actions{justify-content:center;gap:6px;display:flex;position:absolute;bottom:92px;left:0;right:0}.view-actions button{background:color-mix(in srgb, var(--gv-surface) 92%, transparent);border-color:var(--gv-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px}.toolbar{border:1px solid var(--gv-line);background:color-mix(in srgb, var(--gv-surface) 94%, transparent);box-shadow:var(--gv-panel-shadow);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:8px;padding:7px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.toolbar button{color:var(--gv-ink);background:0 0;border:0;padding:10px;font-size:11px}.toolbar button:hover{background:color-mix(in srgb, var(--gv-accent) 10%, transparent)}.toolbar button.active{background:var(--gv-active-bg);color:var(--gv-accent-hover)}.toolbar-label{letter-spacing:.12em;color:var(--gv-muted);padding:0 8px;font-family:IBM Plex Mono,monospace;font-size:9px}.toolbar-divider{background:var(--gv-line);width:1px;height:21px}#modes{gap:3px;display:flex}aside{border-left:1px solid var(--gv-line);background:var(--gv-surface);scrollbar-width:thin;scrollbar-color:var(--gv-line) transparent;flex-shrink:0;width:292px;padding:25px 22px;overflow:auto}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-heading h2{color:var(--gv-accent);letter-spacing:.04em;margin:0;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500}.badge{letter-spacing:1.5px;background:color-mix(in srgb, var(--gv-accent) 14%, var(--gv-surface-soft));color:var(--gv-accent-hover);border:1px solid color-mix(in srgb, var(--gv-accent) 28%, var(--gv-line));border-radius:3px;padding:4px 6px;font-size:8px}.panel-section{border-bottom:1px solid var(--gv-line);padding:22px 0}.panel-section h3{color:var(--gv-ink);justify-content:space-between;align-items:center;margin:0 0 16px;font-size:11px;font-weight:500;display:flex}.panel-section h3>span{letter-spacing:1.2px;color:var(--gv-muted);font-family:IBM Plex Mono,monospace;font-size:7px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.stats div{border:1px solid var(--gv-line);background:var(--gv-surface-soft);border-radius:8px;padding:13px 12px}.stats strong{letter-spacing:-.8px;color:var(--gv-ink);font-size:22px;font-weight:400;display:block}.stats span{letter-spacing:1.2px;color:var(--gv-muted);margin-top:7px;font-size:8px;display:block}dl{margin:0}dl>div{justify-content:space-between;margin-top:11px;font-size:11px;display:flex}dt{color:var(--gv-muted)}dd{font-variant-numeric:tabular-nums;color:var(--gv-ink);margin:0}.dimensions{flex-direction:column;gap:9px;margin-bottom:16px;display:flex}.dimensions div{align-items:center;gap:13px;font-size:11px;display:flex}.dimensions b{border-radius:4px;place-content:center;width:20px;height:20px;font-size:9px;font-weight:500;display:grid}.axis-x{color:#dfa19a;background:#53342f66}.axis-y{color:var(--gv-accent-hover);background:color-mix(in srgb, var(--gv-accent) 22%, transparent)}.axis-z{color:#a0bbd3;background:#31475766}.dimensions span{font-variant-numeric:tabular-nums;color:var(--gv-ink)}.row-label{color:var(--gv-muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}select{border:1px solid var(--gv-line);background:var(--gv-surface-soft);max-width:145px;color:var(--gv-ink);cursor:pointer;border-radius:5px;padding:7px;font-size:10px}.slider-label{color:var(--gv-muted);justify-content:space-between;margin-top:16px;font-size:10px;display:flex}output{color:var(--gv-accent-hover)}input[type=range]{width:100%;height:3px;accent-color:var(--gv-accent);cursor:pointer;margin:16px 0 6px}.hint{color:var(--gv-muted);margin:10px 0 0;font-size:10px;line-height:1.5}.switch{background:var(--gv-line);border:0;border-radius:20px;width:28px;height:16px;padding:2px}.switch span{background:var(--gv-muted);border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;display:block}.switch.active{background:color-mix(in srgb, var(--gv-accent) 35%, var(--gv-line))}.switch.active span{background:var(--gv-accent);transform:translate(12px)}.disabled{opacity:.35;pointer-events:none}.tree-row{color:color-mix(in srgb, var(--gv-ink) 82%, var(--gv-muted));text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:25px;overflow:hidden}#hierarchy{max-height:150px;overflow:auto}.import-card{border:1px dashed color-mix(in srgb, var(--gv-accent) 40%, var(--gv-line));text-align:center;background:color-mix(in srgb, var(--gv-accent) 6%, var(--gv-surface-soft));border-radius:8px;margin-top:23px;padding:18px 12px}.import-card>span{color:var(--gv-accent);letter-spacing:1.6px;font-size:8px}.import-card p{color:var(--gv-ink);margin:10px 0;font-size:12px}.import-card small{color:var(--gv-muted);letter-spacing:.5px;font-size:8px}.wide{width:100%;margin-top:14px;font-size:10px;display:block}.gamma-viewer-host>footer{border-top:1px solid var(--gv-line);height:40px;color:var(--gv-muted);background:color-mix(in srgb, var(--gv-surface) 65%, transparent);justify-content:space-between;align-items:center;gap:14px;padding:0 25px;font-size:9px;display:flex}.gamma-viewer-host>footer b{color:var(--gv-accent-dim);padding:0 6px;font-weight:400}.gamma-viewer-host>footer>span:last-child{letter-spacing:1.4px;white-space:nowrap;color:var(--gv-muted);font-size:8px}#status{color:var(--gv-ink);white-space:nowrap;text-overflow:ellipsis;max-width:45%;overflow:hidden}#drop-overlay{border:2px dashed var(--gv-accent);z-index:10;background:color-mix(in srgb, var(--gv-bg) 55%, transparent);pointer-events:none;color:var(--gv-ink);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:26px;display:none;position:absolute;inset:14px}#drop-overlay.visible{display:flex}#drop-overlay span{color:var(--gv-muted);margin-top:15px;font-size:13px}#measurement{background:color-mix(in srgb, var(--gv-surface) 94%, transparent);border:1px solid var(--gv-accent-dim);color:var(--gv-ink);pointer-events:none;text-align:center;max-width:90%;box-shadow:var(--gv-panel-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:7px;padding:10px 15px;font-size:12px;position:absolute;top:138px;left:50%;transform:translate(-50%)}#toast{z-index:20;color:#f5e4bd;background:#453d28;border:1px solid #ac9758;border-radius:9px;max-width:min(560px,90vw);padding:16px 20px;line-height:1.6;position:fixed;bottom:50px;left:24px}.gamma-viewer-host.inspector-hidden aside{display:none}[hidden]{display:none!important}.fallback{color:var(--gv-accent);padding:150px 40px;line-height:1.8}#clip{width:100%;max-width:100%}@media (width>=1500px){aside{width:320px;padding:28px}.toolbar{bottom:32px}.view-actions{bottom:105px}}@media (width<=1000px){.project-label,.private,.toolbar-label{display:none}.toolbar{gap:3px}.toolbar button{padding:9px 7px;font-size:10px}.demo-note{bottom:143px}aside{width:250px;padding:20px 16px}.gamma-viewer-host>header{padding:0 20px}.nav-help{display:none}}@media (width<=700px){.gamma-viewer-host>header{gap:8px;height:64px;padding:0 14px}.brand{gap:8px;font-size:11px}.brand-sub{font-size:8px}.logo{width:26px;height:28px}.header-actions{gap:6px}header button{padding:8px;font-size:10px}#capture span{display:none}.gamma-viewer-host>main{flex:1;min-height:0}aside{z-index:4;width:250px;position:absolute;top:64px;bottom:36px;right:0;box-shadow:-12px 0 25px #00000059}.viewport-top{z-index:5;pointer-events:none;top:24px;left:18px;right:15px}.viewport-top>div{pointer-events:none;max-width:70%}.viewport-top h1{font-size:22px}.viewport-top p{font-size:10px}.toolbar{gap:1px;max-width:calc(100% - 18px);padding:5px;bottom:18px}.toolbar button{padding:9px 6px;font-size:9px}.toolbar-divider{margin:0 2px}.view-actions{bottom:78px}.demo-note{bottom:126px;left:20px}.demo-note>span:last-child{font-size:10px}.gamma-viewer-host>footer{height:36px;padding:0 12px}.gamma-viewer-host>footer>span:last-child{font-size:7px}.stats strong{font-size:19px}#status{max-width:65%}}html.viewer-embed .demo-note,html.viewer-embed .import-card,html.viewer-embed .gamma-viewer-host>footer>span:last-child,html.viewer-embed #open{display:none!important}html.viewer-embed .gamma-viewer-host>header{gap:10px;height:52px;min-height:52px;padding:0 16px}html.viewer-embed .logo{border-radius:7px;width:28px;height:28px}html.viewer-embed .brand{letter-spacing:1.4px;gap:8px;font-size:12px}html.viewer-embed .brand-sub{font-size:9px}html.viewer-embed .project-label{display:none}html.viewer-embed .private{margin-right:6px;font-size:8px}html.viewer-embed .header-actions{gap:8px}html.viewer-embed .gamma-viewer-host>header button{padding:7px 11px;font-size:11px}html.viewer-embed .gamma-viewer-host>footer{height:32px;min-height:32px;padding:0 16px;font-size:8px}html.viewer-embed .viewport-top{top:6px;left:12px;right:38px}html.viewer-embed .eyebrow{letter-spacing:.12em;font-size:8px;line-height:1.15}html.viewer-embed .viewport-top h1{max-width:min(58vw,22rem);margin:2px 0 0;font-size:17px;line-height:1.15}html.viewer-embed #asset-sub{display:none}html.viewer-embed .viewport-top .round.inspector-toggle-top{width:28px;height:28px;margin-top:0;font-size:15px}html.viewer-embed #measurement{top:72px}html.viewer-embed .inspector-edge-toggle{z-index:4;background:color-mix(in srgb, var(--gv-surface) 96%, transparent);border-right:0;border-color:var(--gv-line);width:22px;min-width:22px;height:56px;color:var(--gv-ink);border-radius:9px 0 0 9px;place-content:center;padding:0;font-size:15px;line-height:1;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:-6px 0 18px #00000047}html.viewer-embed .inspector-edge-toggle:hover{border-color:var(--gv-accent-dim);color:var(--gv-accent);background:var(--gv-surface-soft)}html.viewer-embed .gamma-viewer-host.inspector-hidden .inspector-edge-toggle{border-radius:9px 0 0 9px}html.viewer-embed,html.viewer-embed body,html.viewer-embed .gamma-viewer-host,html.viewer-embed .gamma-viewer-host>main,html.viewer-embed #viewport{height:100%;min-height:0}html.viewer-embed body{background:var(--gv-bg-raise);margin:0;overflow:hidden}
