.sm-hero{grid-template-columns:420px minmax(0,1fr);grid-template-areas:"copy tool""starts tool";align-items:start;gap:28px 56px;padding-top:44px;display:grid}.sm-copy{flex-direction:column;grid-area:copy;gap:14px;min-width:0;display:flex}.sm-starts{flex-direction:column;grid-area:starts;gap:10px;min-width:0;display:flex}.sm-toolwrap{grid-area:tool;min-width:0;position:relative}.sm-start{text-align:left;border:1px solid var(--psl-line);cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;align-items:flex-start;gap:12px;min-height:44px;padding:12px 14px;display:flex}.sm-start:hover{border-color:var(--psl-ink)}.sm-start[aria-pressed=true]{border:1px solid var(--psl-ink);background:var(--psl-ink);color:#fff;box-shadow:none;position:relative}.sm-start[aria-pressed=true]:after{content:"";background:var(--psl-mark);height:3px;position:absolute;bottom:0;left:0;right:0}.sm-start[aria-pressed=true]>span:first-child{color:var(--psl-mark)}.sm-start[aria-pressed=true] .text-\[\#4A5872\]{color:#e7e9ee}.sm-drop{border:1px dashed var(--psl-dash);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:10px;margin-top:4px;padding:22px;display:flex}.sm-drop.on{border-color:var(--psl-accent);background:#f4f7ff}.sm-tool{--p2:11px;flex-direction:column;gap:16px;padding:24px;display:flex}.sm-tool>*{min-width:0}.sm-tools{flex-wrap:wrap;gap:6px 0;padding-left:1px;display:flex}.sm-tools>.psl-opt{min-width:48px;min-height:48px;margin-left:-1px}.sm-tools>.sm-tool-btn{gap:8px;padding:0 8px;position:relative}.sm-tool-key{font-family:var(--psl-font-mono);opacity:.8;font-size:9px;line-height:1;position:absolute;top:4px;right:4px}.sm-tools>.sm-tool-btn{white-space:nowrap}.sm-tools>.psl-opt:hover,.sm-tools>.psl-opt[aria-pressed=true]{z-index:1;position:relative}.sm-panels{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sm-panel{border:1px solid var(--psl-line);background-color:#f6f8fc;background-image:linear-gradient(var(--psl-groove) 1px, transparent 1px), linear-gradient(90deg, var(--psl-groove) 1px, transparent 1px);background-size:var(--p2) var(--p2);justify-content:center;align-items:flex-end;height:430px;display:flex;position:relative;overflow:hidden}.sm-p2d{border-color:var(--psl-ink)}.sm-tag{z-index:2;font-family:var(--psl-font-mono);letter-spacing:.04em;color:var(--psl-ink);background:var(--psl-mark);border:1px solid var(--psl-ink);padding:2px 8px;font-size:11px;position:absolute;top:10px;left:12px}.sm-tag-3d{color:var(--psl-ink-2);border-color:var(--psl-line);background:#fff}.sm-floor{border-top:1px solid var(--psl-dash);pointer-events:none;position:absolute;bottom:28px;left:0;right:0}.sm-fig{margin-bottom:28px;position:relative}.sm-fig-canvas{width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none;position:absolute;inset:0}.sm-fig-grid{pointer-events:none;background-size:var(--p2) var(--p2);background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#0f1a2e1f 0),linear-gradient(#0000 calc(100% - 1px),#0f1a2e1f 0);position:absolute;inset:0}.sm-3d-stage{position:absolute;inset:0}.sm-3d-canvas{width:100%;height:100%;display:block}.sm-nowebgl{text-align:center;color:var(--psl-ink-2);margin:0;font-size:13px;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%)}.sm-turn{z-index:2;gap:6px;display:flex;position:absolute;bottom:6px;right:8px}.sm-turn .psl-opt{min-height:36px;padding:0 10px}.sm-warn{background:#fff8e6;border:1px solid #f2a65a;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.sm-textlink{min-height:48px;color:var(--psl-accent);align-items:center;font-size:14px;display:inline-flex}.sm-confirm-mask{z-index:60;background:#0f1a2e73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sm-confirm{border:1px solid var(--psl-ink);background:#fff;flex-direction:column;gap:16px;max-width:380px;padding:24px;display:flex}.home-copy{min-width:0}.home-copy-corners{margin-inline:-6px}.home-copy-card{margin-top:var(--ivs-ds-space-6,24px);padding:var(--ivs-ds-space-6,24px);gap:var(--ivs-ds-space-4,16px)}.home-copy-prose{overflow-wrap:anywhere;color:#2a3650;min-width:0}.home-copy-prose>:first-child{margin-top:0}.home-copy-prose>:last-child{margin-bottom:0}.home-copy-prose p{margin-block:var(--ivs-ds-space-4,16px)}.home-copy-prose h3{margin-block:var(--ivs-ds-space-6,24px) var(--ivs-ds-space-3,12px);color:#0f1a2e;font:600 20px/1.3 Inter,Inter Variable,sans-serif}.home-copy-prose h4{margin-block:var(--ivs-ds-space-4,16px) var(--ivs-ds-space-2,8px);color:#0f1a2e;font:600 17px/1.35 Inter,Inter Variable,sans-serif}.home-copy-prose ul,.home-copy-prose ol{margin-block:var(--ivs-ds-space-4,16px);padding-left:var(--ivs-ds-space-6,24px)}.home-copy-prose li+li{margin-top:var(--ivs-ds-space-2,8px)}.home-copy-table-wrap{overscroll-behavior-inline:contain;min-width:0;max-width:100%;overflow-x:auto}.home-copy-table-wrap table{border-collapse:collapse;width:max-content;min-width:680px}.home-copy-table-wrap th,.home-copy-table-wrap td{padding:var(--ivs-ds-space-3,12px) var(--ivs-ds-space-4,16px);border-bottom:1px solid var(--psl-line);text-align:left;vertical-align:top}.home-copy-actions{gap:var(--ivs-ds-space-3,12px);margin-top:var(--ivs-ds-space-6,24px)}.home-copy-sources{margin-top:var(--ivs-ds-space-6,24px);padding:var(--ivs-ds-space-6,24px)}.sm-examples{grid-column:1/-1;min-width:0}.sm-examples-intro{margin-block:var(--ivs-ds-space-4,16px)}.sm-examples-grid{gap:var(--ivs-ds-space-4,16px);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sm-example-card{min-width:0;padding:var(--ivs-ds-space-4,16px)}.sm-example-art{background:#f6f8fc;justify-content:center;align-items:center;min-height:176px;display:flex}.sm-example-art canvas{width:auto;max-width:100%;max-height:176px;image-rendering:pixelated;display:block}.sm-example-failed{padding:var(--ivs-ds-space-4,16px);text-align:center;color:var(--psl-ink-2)}.sm-example-copy{justify-content:space-between;align-items:center;gap:var(--ivs-ds-space-2,8px);min-width:0;padding-top:var(--ivs-ds-space-3,12px);flex-wrap:wrap;display:flex}.sm-example-meta{gap:var(--ivs-ds-space-1,4px);flex-direction:column;min-width:0;display:flex}.sm-example-meta>span,.sm-example-meta>p{color:var(--psl-ink-2);margin:0;font-size:13px}.sm-capabilities{padding-block:var(--ivs-ds-space-6,24px);grid-column:1/-1}.sm-capabilities-grid{gap:var(--ivs-ds-space-4,16px);margin-top:var(--ivs-ds-space-4,16px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sm-capability-card{min-width:0;padding:var(--ivs-ds-space-4,16px)}.sm-capability-card h3{margin:0 0 var(--ivs-ds-space-3,12px);font-size:18px}.sm-capability-card ul{padding-left:var(--ivs-ds-space-6,24px);margin:0}.sm-capability-card li+li{margin-top:var(--ivs-ds-space-2,8px)}.home-copy-source-head{justify-content:space-between;align-items:center;gap:var(--ivs-ds-space-2,8px);flex-wrap:wrap;display:flex}.home-copy-source-head>span{color:var(--psl-ink-2);font-size:13px}@media (width<=760px){.home-copy-card,.home-copy-sources{padding:var(--ivs-ds-space-4,16px)}.home-copy-table-wrap table{min-width:680px}.sm-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""tool""starts";row-gap:20px;padding-top:24px}.sm-tool{--p2:clamp(4px, calc((100vw - 54px) * .0416667), 12px);gap:12px;padding:14px}.sm-panels{align-items:stretch;gap:var(--ivs-ds-space-3,12px);grid-template-columns:minmax(0,1fr);padding:0;display:grid;position:static}.sm-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-capabilities-grid{grid-template-columns:minmax(0,1fr)}.sm-p2d{height:calc(var(--p2) * 32 + 76px);justify-content:center;min-width:0;overflow:auto}.sm-p3d{background:#fff;width:100%;min-width:160px;height:220px;position:relative;top:auto;right:auto}.sm-p3d .sm-tag,.sm-p3d .sm-floor{display:none!important}.sm-p3d .sm-turn{bottom:0;right:0}.sm-tools{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.sm-tools::-webkit-scrollbar{display:none}.sm-tools>.psl-opt{flex:none;min-height:48px}.sm-tool-label{display:inline}.sm-tool-key{display:none}.sm-p2d>.sm-fig{flex:none}.sm-download{width:100%}.sm-swipe{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.sm-swipe>*{scroll-snap-align:start;flex:0 0 82%}.sm-tools{flex-wrap:wrap;overflow:visible}.sm-tools>.psl-opt{min-width:44px;min-height:44px;padding:0 var(--ivs-ds-space-2,8px)}.sm-tool button,.sm-tool .sm-turn .psl-opt{min-width:44px;min-height:44px}.sm-fig-grid{background-size:calc(var(--p2) * var(--sm-zoom,1))}.sm-panel{max-width:100%}.sm-p2d{scroll-behavior:smooth}.sm-p2d .sm-fig-canvas{touch-action:pan-x pan-y}.sm-p3d .sm-3d-canvas{touch-action:manipulation}.sm-colour-picker,.sm-hex-entry input,.sm-hex-entry button{min-height:44px}.sm-import-next{width:100%}}.sm-colour-picker{min-height:44px;padding:0 var(--ivs-ds-space-3,12px);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.sm-colour-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.sm-hex-entry,.sm-recent-colours,.sm-arm-model,.sm-zoom-controls,.sm-term-hints{align-items:center;gap:var(--ivs-ds-space-2,8px);flex-wrap:wrap;display:flex}.sm-hex-entry input{border:1px solid var(--psl-line);width:112px;min-height:44px;padding:0 var(--ivs-ds-space-2,8px);font-family:var(--psl-font-mono);text-transform:uppercase}.sm-hex-error{color:#b3261e;font-size:13px}.sm-recent-colours>span{color:var(--psl-ink-2);font-size:13px}.sm-zoom-controls .psl-opt{min-width:44px;min-height:44px}.sm-import-next{gap:var(--ivs-ds-space-2,8px);padding:var(--ivs-ds-space-3,12px);border:1px solid var(--psl-line);background:#fff;flex-direction:column;display:flex}.sm-import-next h3,.sm-import-next p{margin:0}.sm-import-next ol{padding-left:var(--ivs-ds-space-5,24px);margin:0}.sm-import-next li+li{margin-top:var(--ivs-ds-space-2,8px)}