@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations")}:root{color-scheme:light;font-family:Inter,Inter Fallback;color:#0a0b0f;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page: #ffffff;--paper: #ffffff;--text: #0a0b0f;--muted: #303642;--quiet: #657083;--rule: #d9dee8;--blue: #174ee8}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);font-size:16px;font-weight:430;line-height:26px}.index-page p,.detail-page p,.project-header>span,.field-evidence-copy span,.evidence-section span{letter-spacing:0;word-spacing:normal}button,a{font:inherit}a{color:inherit;text-decoration:none}ul{margin:0;padding-left:18px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0)}.site-shell{min-height:100vh;background:var(--page);color:var(--text);animation:page-enter .36s ease both}.topbar{display:flex;align-items:center;justify-content:space-between;width:min(720px,calc(100% - 48px));min-height:76px;margin:0 auto}.wordmark{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:17px;font-weight:620}.topbar nav,.site-footer div,.detail-links{display:flex;align-items:center;gap:20px}.topbar nav{color:#262622;font-size:13px}.topbar a,.site-footer a,.detail-links a{min-height:44px}.topbar a{display:inline-flex;align-items:center}.topbar a,.row-title,.brand-link,.detail-links a,.site-footer a{transition:color .16s ease}.topbar a:hover,.intro a,.row-title,.brand-link,.detail-links a,.site-footer a:hover{color:var(--blue)}.row-title,.detail-links a,.site-footer a{position:relative}.row-title:after,.detail-links a:after,.site-footer a:after{content:"";position:absolute;right:0;bottom:-4px;left:0;height:1px;background:currentColor;opacity:0;transform:scaleX(.4);transform-origin:center;transition:opacity .16s ease,transform .16s ease}.row-title:hover:after,.row-title:focus-visible:after,.detail-links a:hover:after,.detail-links a:focus-visible:after,.site-footer a:hover:after,.site-footer a:focus-visible:after{opacity:.55;transform:scaleX(1)}.index-page,.detail-page{width:min(720px,calc(100% - 48px));margin:0 auto;padding-bottom:48px}.intro{padding:42px 0 34px}.intro p{max-width:650px;margin:0;color:var(--text);font-size:17px;line-height:30px}.intro p+p{margin-top:20px}.intro span,.intro .thesis-link,.project-header h1,.note-article h1{font-family:inherit;font-style:normal;font-weight:700;letter-spacing:0}.index-section{display:grid;grid-template-columns:118px minmax(0,1fr);gap:42px;padding:22px 0;border-top:1px solid var(--rule)}.index-section h2{margin:0;color:var(--muted);font-size:13px;font-weight:560;line-height:1.3}.index-list{display:grid;gap:18px}.index-row{display:block}.row-title,.note-card .row-title{display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:20px;font-weight:670;line-height:1.25}.row-title svg,.brand-link svg,.detail-links a svg{transition:transform .16s ease}.row-title:hover svg,.brand-link:hover svg,.detail-links a:hover svg{transform:translate(2px,-2px)}.brand-link{display:inline-flex;align-items:center;gap:7px;width:fit-content;min-height:44px}.brand-link img{display:block;height:auto;transition:opacity .16s ease,transform .16s ease}.brand-link-henry img{width:104px;view-transition-name:henry-wordmark}.brand-link-basewater img{width:142px;view-transition-name:basewater-wordmark}.brand-link-homeservicedata img{width:220px;view-transition-name:homeservicedata-wordmark}.brand-link-alloyterra img{width:148px;view-transition-name:alloyterra-wordmark}.brand-link:hover img,.brand-link:focus-visible img{opacity:.76;transform:translateY(-1px)}.index-row p{max-width:470px;margin:5px 0 0;color:var(--text);font-size:15px;line-height:24px}.site-footer{display:flex;justify-content:flex-end;gap:28px;align-items:baseline;padding:22px 0 0;border-top:1px solid var(--rule)}.site-footer p{max-width:430px;margin:0;color:var(--muted);font-size:14px;line-height:23px}.site-footer a,.detail-links a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:560}.detail-topbar{width:min(850px,calc(100% - 48px))}.detail-page{width:min(850px,calc(100% - 48px));padding-top:42px}.project-article,.note-article,.notes-index-page,.not-found-page{display:grid;gap:34px}.not-found-page{min-height:calc(100vh - 220px);align-content:center}.project-header{display:grid;gap:14px;padding-bottom:10px}.project-header p{margin:0;color:var(--quiet);font-size:13px;font-weight:560}.project-header h1,.note-article h1{max-width:720px;margin:0;color:var(--text);font-size:clamp(42px,6.2vw,68px);font-style:normal;letter-spacing:0;line-height:1.05}.project-header .project-wordmark{max-width:none;line-height:1;padding-bottom:4px}.project-wordmark img{display:block;height:auto}.project-wordmark-henry img{width:min(240px,64vw);view-transition-name:henry-wordmark}.project-wordmark-basewater img{width:min(430px,86vw);view-transition-name:basewater-wordmark}.project-wordmark-homeservicedata img{width:min(480px,86vw);view-transition-name:homeservicedata-wordmark}.project-wordmark-alloyterra img{width:min(430px,86vw);view-transition-name:alloyterra-wordmark}.project-header>span{display:block;max-width:650px;color:var(--text);font-size:18px;line-height:31px}.detail-links{flex-wrap:wrap;margin-top:4px}.project-ownership{display:grid;gap:8px;max-width:690px;padding-top:30px;border-top:1px solid var(--rule)}.project-ownership p,.project-ownership h2,.project-ownership span{margin:0}.project-ownership p{color:var(--quiet);font-size:12px;font-weight:740;line-height:1.2}.project-ownership h2{max-width:660px;color:var(--text);font-size:clamp(24px,3.1vw,34px);font-weight:710;line-height:1.14}.project-ownership span{display:block;max-width:670px;color:var(--text);font-size:16px;line-height:27px}.project-ownership span+span{margin-top:3px}.product-visual{display:grid;gap:10px;margin:0;padding:34px 0 0;border-top:1px solid var(--rule)}.product-visual img{display:block;width:auto;max-width:100%;max-height:640px;margin:0 auto}.product-visual-basewater img,.product-visual-homeservicedata img{width:100%;max-height:none}.product-visual-henry img{width:100%;border:1px solid var(--rule);border-radius:6px}.product-visual figcaption{max-width:640px;margin:0;color:var(--muted);font-size:14px;line-height:22px}.field-evidence{display:grid;gap:20px;padding-top:34px;border-top:1px solid var(--rule)}.field-evidence-copy{display:grid;gap:8px;max-width:660px}.field-evidence-copy p{margin:0;color:var(--quiet);font-size:12px;font-weight:740;line-height:1.2}.field-evidence-copy h2{max-width:700px;margin:0;color:var(--text);font-size:clamp(25px,3.1vw,36px);font-weight:700;line-height:1.14}.field-evidence-copy span{display:block;max-width:650px;color:var(--muted);font-size:15px;line-height:24px}.shadcn-carousel{position:relative;min-width:0}.shadcn-carousel-viewport{width:100%;overflow:hidden}.shadcn-carousel-container{display:flex;touch-action:pan-y pinch-zoom}.shadcn-carousel-container-vertical{flex-direction:column}.shadcn-carousel-slide{flex:0 0 100%;min-width:0}.shadcn-carousel-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--rule);border-radius:999px;color:var(--text);background:#ffffffb8;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.shadcn-carousel-button:hover:not(:disabled){border-color:#0a0b0f2e;background:#fffffff0}.shadcn-carousel-button:disabled{cursor:not-allowed;opacity:.34}.shadcn-carousel-button svg{width:15px;height:15px;stroke-width:2}.field-evidence-carousel{display:grid;gap:12px;width:100%}.field-evidence figure{display:grid;align-content:start;gap:9px;margin:0}.field-evidence-media{display:grid;place-items:center;width:100%;height:clamp(340px,62vw,620px);overflow:hidden;border:1px solid var(--rule);border-radius:6px;background:linear-gradient(135deg,#ffffff9e,#f2f5f9d1),var(--paper)}.field-evidence-media img{display:block;width:100%;height:100%;object-fit:contain}.field-evidence figcaption{display:flex;gap:8px;align-items:baseline;margin:0;color:var(--muted);font-size:13px;line-height:19px}.field-evidence figcaption span{flex:0 0 auto;color:var(--quiet);font-size:11px;font-weight:720;letter-spacing:0;line-height:1}.field-evidence-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-evidence-buttons,.field-evidence-status,.field-evidence-dots{display:inline-flex;align-items:center}.field-evidence-buttons{gap:8px}.field-evidence-status{gap:12px;color:var(--quiet);font-size:12px;font-weight:680;line-height:1}.field-evidence-dots{gap:6px}.field-evidence-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#0a0b0f3d;cursor:pointer;transition:width .16s ease,background .16s ease,opacity .16s ease}.field-evidence-dot:hover:not(:disabled),.field-evidence-dot[aria-current=true]{width:18px;background:var(--text)}.field-evidence-dot:disabled{cursor:wait;opacity:.45}.evidence-section a{display:grid;gap:12px;min-height:166px;padding:20px;background:#ffffff9e}.note-article h2,.evidence-section h2{margin:0;color:var(--muted);font-size:14px;font-weight:650}.note-article p,.note-article li{margin:0;color:var(--text);font-size:16px;line-height:27px}.project-article .project-header p,.note-article .project-header p,.notes-index-page .project-header p{color:var(--quiet);font-size:13px;font-weight:560;line-height:1.3}.project-note{display:grid;gap:18px;max-width:690px;padding-top:30px;border-top:1px solid var(--rule)}.project-note p{margin:0;color:var(--text);font-size:17px;line-height:30px}.note-article section{display:grid;gap:14px;padding-top:34px;border-top:1px solid var(--rule)}.note-article ul{display:grid;gap:10px}.note-sources ul{gap:8px;padding-left:0;list-style:none}.note-sources a{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:14px;line-height:22px}.note-sources a:hover,.note-sources a:focus-visible{color:var(--blue)}.notes-list{display:grid;gap:1px;border-top:1px solid var(--rule)}.note-card{display:grid;gap:7px;padding:20px 0;border-bottom:1px solid var(--rule)}.note-card p{max-width:580px;margin:0;color:var(--text);font-size:15px;line-height:24px}.article-page{width:min(860px,calc(100% - 48px));margin:0 auto;padding:42px 0 72px}.article-shell{display:grid;gap:34px}.article-hero{display:grid;gap:14px;padding-bottom:6px}.article-hero>p:first-child{margin:0;color:var(--quiet);font-size:12px;font-weight:720;line-height:1.2}.article-hero h1{max-width:760px;margin:0;color:var(--text);font-family:inherit;font-size:clamp(42px,6.8vw,76px);font-weight:780;letter-spacing:0;line-height:.96;text-wrap:balance}.article-hero>span{display:block;max-width:660px;color:var(--text);font-size:19px;line-height:30px}.article-hero-rule{width:100%;height:1px;margin:16px 0 0;background:var(--rule)}.article-deck{max-width:760px;margin:0;color:var(--text);font-size:18px;line-height:31px}.article-callout{display:grid;gap:9px;padding:18px 0;border-top:1px solid var(--text);border-bottom:1px solid var(--rule)}.article-callout strong{color:var(--quiet);font-size:12px;font-weight:760;line-height:1}.article-callout p{max-width:720px;margin:0;color:var(--text);font-size:22px;font-weight:670;line-height:1.34;text-wrap:pretty}.article-section{display:grid;gap:15px;padding-top:34px;border-top:1px solid var(--rule)}.article-section h2{max-width:700px;margin:0;color:var(--text);font-size:clamp(24px,3.4vw,36px);font-weight:720;line-height:1.12;text-wrap:balance}.article-section p,.article-section li{max-width:720px;margin:0;color:var(--text);font-size:17px;line-height:29px;text-wrap:pretty}.article-section code{padding:2px 5px;border:1px solid rgba(10,11,15,.12);border-radius:4px;color:#174ee8;background:#f1f5ff;font-size:.9em}.article-figure{display:grid;gap:12px;margin:22px 0 2px;padding:0}.article-figure-caption{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:0 2px}.article-figure-kicker{display:inline-flex;align-items:center;min-height:0;padding:0;color:var(--blue);font-size:11px;font-weight:780;line-height:1;white-space:nowrap}.article-figure-caption strong{color:var(--text);font-size:15px;font-weight:690;line-height:1.25;text-align:right;text-wrap:balance}.article-diagram-frame{display:grid;overflow:auto;padding:0;border-radius:10px;background:var(--paper);box-shadow:0 0 0 1px #0a0b0f1a,0 10px 24px #0a0b0f0f}.article-diagram-frame img{display:block;width:100%;min-width:620px;height:auto;outline:0;border-radius:inherit}.article-eval-matrix{display:grid;gap:8px;margin-top:8px}.article-eval-matrix div{display:grid;grid-template-columns:34px 96px minmax(0,1fr) 28px;gap:12px;align-items:center;min-height:66px;padding:12px 14px;border-radius:14px;background:#ffffffd1;box-shadow:0 0 0 1px #0a0b0f14,0 8px 18px #0a0b0f0b}.article-eval-matrix div>span:first-child,.article-eval-matrix div>svg{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:999px;color:var(--blue);background:#174ee814}.article-eval-matrix div>svg{color:#087443;background:#0874431a}.article-eval-matrix strong{color:var(--text);font-size:13px;font-weight:720;line-height:20px}.article-eval-matrix div>span:nth-child(3){max-width:none;color:var(--text);font-size:14px;line-height:22px}.article-close p:first-of-type{font-size:22px;font-weight:670;line-height:1.34}.article-sources ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;padding-left:0;list-style:none}.article-sources a{display:inline-flex;align-items:center;gap:5px;color:var(--text);font-size:14px;line-height:22px}.article-sources a:hover,.article-sources a:focus-visible{color:var(--blue)}.evidence-section{display:grid;gap:16px;padding-top:34px;border-top:1px solid var(--rule)}.evidence-section-copy{display:grid;gap:8px;max-width:680px}.evidence-section-copy p{margin:0;color:var(--text);font-size:16px;line-height:27px}.evidence-section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--rule);background:var(--rule)}.evidence-section a{min-height:180px;align-content:space-between;transition:background .16s ease,transform .16s ease}.evidence-section a:hover,.evidence-section a:focus-visible{background:var(--paper);transform:translateY(-2px)}.evidence-section strong{font-size:clamp(24px,2.6vw,30px);font-weight:720;line-height:1.08}.evidence-section span{color:var(--text);font-size:15px;line-height:24px}.evidence-section em{color:var(--quiet);font-size:12px;font-style:normal;font-weight:750}.surface-lab-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;min-height:100vh;overflow:hidden;background:#f5f6f2;color:#111315}.surface-lab-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;min-height:64px;padding:0 24px;background:#101316;color:#fafafa;border-bottom:1px solid rgba(255,255,255,.1)}.surface-lab-back,.surface-lab-title,.surface-lab-actions,.preset-select,.surface-lab-actions button,.export-actions button,.seed-field button{display:inline-flex;align-items:center}.surface-lab-back{gap:7px;color:#ffffffb8;font-size:13px;font-weight:620}.surface-lab-back:hover,.surface-lab-back:focus-visible{color:#fff}.surface-lab-title{justify-content:center;gap:12px;min-width:0}.surface-lab-title>span{width:33px;height:33px;color:#ffffffe6}.surface-lab-title svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2}.surface-lab-title h1{overflow:hidden;margin:0;color:#fff;font-size:18px;font-weight:690;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.surface-lab-actions{justify-content:end;gap:10px}.preset-select{gap:8px}.preset-select span{color:#ffffff94;font-size:12px;font-weight:650}.preset-select select,.surface-lab-actions button{min-height:38px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:#ffffff0a;color:#fff;font-size:13px;font-weight:610}.preset-select select{min-width:150px;padding:0 34px 0 11px}.surface-lab-actions button{gap:7px;padding:0 12px;cursor:pointer}.surface-lab-actions button:hover,.surface-lab-actions button:focus-visible{background:#ffffff1a}.surface-lab-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,370px);min-height:0}.surface-preview-pane{position:relative;display:grid;min-width:0;min-height:0;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--preview-grid-color, #15191c) var(--preview-grid-strength, 4.5%),transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--preview-grid-color, #15191c) var(--preview-grid-strength, 4.5%),transparent) 1px,transparent 1px),var(--preview-panel-background, #f5f6f2);background-size:44px 44px}.surface-preview-stage{display:grid;place-items:center;min-height:100%;padding:32px 36px}.composition-editor-frame{position:relative;display:block;max-height:100%;container-type:inline-size}.composition-canvas{display:block;width:100%;height:100%;overflow:hidden;border:1px solid rgba(17,19,21,.12);border-radius:8px;box-shadow:0 18px 50px #0e131721}.composition-direct-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.direct-surface-drag-hit-area{position:absolute;z-index:3;border:1px solid transparent;border-radius:8px;cursor:move;pointer-events:none;transform-origin:center}.direct-surface-drag-hit-area.is-interactive{pointer-events:auto}.direct-surface-drag-hit-area.is-interactive:hover{border-color:#0b74d83d;background:#0b74d809}.canvas-value-strip{position:absolute;top:10px;right:10px;z-index:5;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:min(540px,calc(100% - 20px));pointer-events:none;opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease}.composition-editor-frame:has(:focus-visible) .canvas-value-strip,.canvas-value-strip.is-active{opacity:1;transform:translateY(0)}.canvas-value-strip span{display:inline-flex;align-items:baseline;gap:5px;min-height:24px;padding:0 8px;border:1px solid rgba(17,19,21,.13);border-radius:7px;background:#ffffffd1;color:#171d22;box-shadow:0 8px 22px #0e13171a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.canvas-value-strip strong,.canvas-value-strip em{font-size:11px;line-height:1;white-space:nowrap}.canvas-value-strip strong{color:#5d6670;font-weight:760}.canvas-value-strip em{color:#111315;font-style:normal;font-weight:820}.canvas-editor-toolbar{position:absolute;right:10px;bottom:10px;z-index:8;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 20px);pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.canvas-workspace-dock{position:absolute;right:10px;bottom:92px;z-index:7;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:calc(100% - 20px);padding:5px;border:1px solid rgba(17,19,21,.14);border-radius:8px;background:#ffffffdb;box-shadow:0 10px 28px #0e131721;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.composition-editor-frame:has(:focus-visible) .canvas-workspace-dock,.composition-editor-frame:has(:focus-visible) .canvas-editor-toolbar,.canvas-editor-toolbar:focus-within,.canvas-workspace-dock:focus-within{pointer-events:auto;opacity:1;transform:translateY(0)}.canvas-workspace-dock button{min-width:52px;min-height:25px;padding:0 7px;overflow:hidden;border:0;border-radius:6px;background:transparent;color:#273039;cursor:pointer;font-size:11px;font-weight:780;letter-spacing:0;line-height:1;text-overflow:ellipsis;white-space:nowrap}.canvas-workspace-dock button:hover,.canvas-workspace-dock button:focus-visible,.canvas-workspace-dock button.is-active{background:#111315;color:#fff}.canvas-artboard-deck{position:absolute;top:18px;left:18px;z-index:9;display:grid;gap:0;width:auto;max-width:calc(100% - 36px);padding:7px;border:1px solid rgba(17,19,21,.13);border-radius:8px;background:#ffffffb3;box-shadow:0 14px 34px #0e13171f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;transition:background-color .16s ease,box-shadow .16s ease,width .16s ease}.canvas-artboard-deck:hover,.canvas-artboard-deck:has(:focus-visible){gap:8px;width:min(620px,calc(100% - 36px));padding:9px;background:#ffffffe0;box-shadow:0 18px 42px #0e131729}.canvas-artboard-deck-head,.canvas-artboard-live-actions,.canvas-artboard-mini-actions{display:flex;align-items:center}.canvas-artboard-deck-head{justify-content:space-between;gap:8px;min-width:0}.canvas-artboard-deck-head button,.canvas-artboard-live-actions button,.canvas-artboard-mini-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:28px;border:1px solid rgba(17,19,21,.12);border-radius:6px;background:#fffc;color:#26313a;cursor:pointer;font-size:10px;font-weight:820;letter-spacing:0;line-height:1;white-space:nowrap}.canvas-artboard-deck-head button{gap:5px;padding:0 8px;background:#111315;color:#fff}.canvas-artboard-deck-head span,.canvas-artboard-deck-head em{overflow:hidden;color:#64707a;font-size:10px;font-style:normal;font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap}.canvas-artboard-deck-head em{padding:5px 7px;border-radius:999px}.canvas-artboard-deck-head em.is-ok{background:#e8f6ef;color:#15633e}.canvas-artboard-deck-head em.is-failed{background:#faece9;color:#9a3824}.canvas-artboard-deck-body{display:none;grid-template-columns:minmax(205px,.82fr) minmax(0,1fr);gap:8px;min-width:0}.canvas-artboard-deck:hover .canvas-artboard-deck-body,.canvas-artboard-deck:has(:focus-visible) .canvas-artboard-deck-body{display:grid}.canvas-artboard-live-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center;min-width:0;padding:7px;border:1px solid rgba(11,116,216,.18);border-radius:8px;background:#f2f8ffd1}.canvas-artboard-live-thumb{display:grid;place-items:center;width:38px;height:52px;border:1px solid rgba(11,116,216,.2);border-radius:7px;background:linear-gradient(90deg,rgba(11,116,216,.12) 1px,transparent 1px),linear-gradient(rgba(11,116,216,.12) 1px,transparent 1px),#f9fbff;background-size:10px 10px;color:#0b74d8}.canvas-artboard-live-copy{display:grid;gap:3px;min-width:0}.canvas-artboard-live-copy strong,.canvas-artboard-live-copy em,.canvas-artboard-live-copy small,.canvas-artboard-mini-load strong,.canvas-artboard-mini-load em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-artboard-live-copy strong,.canvas-artboard-mini-load strong{color:#15191c;font-size:12px;font-weight:860;line-height:1.1}.canvas-artboard-live-copy em,.canvas-artboard-live-copy small,.canvas-artboard-mini-load em{color:#64707a;font-size:10px;font-style:normal;font-weight:760;line-height:1.2}.canvas-artboard-live-actions{grid-column:1 / -1;gap:4px}.canvas-artboard-live-actions button{flex:1 1 0;gap:4px;padding:0 5px}.canvas-artboard-live-actions button:hover,.canvas-artboard-live-actions button:focus-visible,.canvas-artboard-mini-actions button:hover,.canvas-artboard-mini-actions button:focus-visible,.canvas-artboard-mini-load:hover,.canvas-artboard-mini-load:focus-visible{border-color:#0b74d870;background:#0b74d8;color:#fff}.canvas-artboard-live-actions button:hover svg,.canvas-artboard-live-actions button:focus-visible svg,.canvas-artboard-mini-actions button:hover svg,.canvas-artboard-mini-actions button:focus-visible svg{color:currentColor}.canvas-artboard-mini-strip{display:grid;grid-auto-columns:minmax(132px,45%);grid-auto-flow:column;gap:7px;min-width:0;overflow-x:auto;padding-bottom:2px;overscroll-behavior-inline:contain;scrollbar-width:thin}.canvas-artboard-mini-card{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:4px;min-width:0;border:1px solid rgba(17,19,21,.11);border-radius:8px;background:#ffffffbd}.canvas-artboard-mini-card.is-active{border-color:#0b74d880;box-shadow:inset 0 0 0 1px #0b74d833}.canvas-artboard-mini-load{display:grid;grid-template-columns:54px minmax(0,1fr);gap:6px;align-items:center;min-width:0;padding:5px;border:0;border-radius:7px;background:transparent;color:#26313a;cursor:pointer;text-align:left}.canvas-artboard-mini-load img{width:54px;height:38px;object-fit:cover;border:1px solid rgba(17,19,21,.12);border-radius:5px;background:#f5f6f2}.canvas-artboard-mini-load span{display:grid;gap:3px;min-width:0}.canvas-artboard-mini-actions{flex-direction:column;gap:4px;padding:4px 4px 4px 0}.canvas-artboard-mini-actions button{width:26px;min-height:22px;padding:0}.canvas-artboard-empty{display:grid;place-items:center;min-height:74px;margin:0;border:1px dashed rgba(17,19,21,.13);border-radius:8px;color:#64707a;font-size:11px;font-weight:760}.canvas-context-hud{position:absolute;left:10px;right:auto;bottom:10px;z-index:6;display:grid;gap:8px;width:min(328px,calc(100% - 20px));max-height:calc(100% - 158px);padding:10px;overflow:auto;border:1px solid rgba(17,19,21,.14);border-radius:8px;background:#ffffffe0;box-shadow:0 14px 34px #0e131724;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.canvas-context-hud-header{position:sticky;top:-2px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:2px 0;background:linear-gradient(180deg,#fffffff0,#ffffffd1)}.canvas-context-hud-header strong,.canvas-context-hud-header span{overflow:hidden;font-size:12px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.canvas-context-hud-header strong{color:#111315;font-weight:850}.canvas-context-hud-header span{color:#68727c;font-weight:760}.canvas-motion-composer{max-height:calc(100% - 158px);overflow-y:auto;overscroll-behavior:contain;width:min(360px,calc(100% - 20px))}.canvas-look-composer{max-height:calc(100% - 158px);overflow-y:auto;overscroll-behavior:contain;width:min(380px,calc(100% - 20px))}.canvas-frame-composer{width:min(360px,calc(100% - 20px))}.canvas-export-composer{width:min(370px,calc(100% - 20px))}.canvas-export-handoff-strip{display:grid;grid-auto-columns:minmax(154px,58%);grid-auto-flow:column;gap:7px;overflow-x:auto;padding-bottom:2px;overscroll-behavior-inline:contain;scrollbar-width:thin}.canvas-export-handoff-strip article{display:grid;gap:5px;min-width:0;padding:5px;border:1px solid rgba(17,19,21,.1);border-radius:8px;background:#f7f8f6c7}.canvas-export-handoff-strip article.is-active{border-color:color-mix(in srgb,var(--export-handoff-accent) 42%,transparent);background:color-mix(in srgb,var(--export-handoff-accent) 9%,#ffffff)}.canvas-export-handoff-select{display:grid;grid-template-columns:7px minmax(0,1fr);gap:3px 7px;min-width:0;min-height:58px;padding:5px;border:1px solid rgba(17,19,21,.1);border-radius:7px;background:#ffffffc7;color:#273039;cursor:pointer;text-align:left}.canvas-export-handoff-select i{grid-row:1 / 3;align-self:stretch;width:7px;border:1px solid rgba(17,19,21,.12);border-radius:999px;background:linear-gradient(180deg,#ffffff5c,#fff0),var(--export-handoff-accent)}.canvas-export-handoff-select span{display:grid;gap:3px;min-width:0}.canvas-export-handoff-select strong,.canvas-export-handoff-select small,.canvas-export-handoff-select em{min-width:0;overflow:hidden;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.canvas-export-handoff-select strong{color:#15191c;font-size:11px;font-weight:850}.canvas-export-handoff-select small,.canvas-export-handoff-select em{color:#68727c;font-size:9px;font-weight:780}.canvas-export-handoff-select em{grid-column:2;font-style:normal}.canvas-export-handoff-select:hover,.canvas-export-handoff-select:focus-visible,.canvas-export-handoff-select[aria-pressed=true]{border-color:color-mix(in srgb,var(--export-handoff-accent) 48%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--export-handoff-accent) 24%,transparent)}.canvas-export-handoff-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.canvas-export-handoff-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:25px;padding:0 4px;overflow:hidden;border:1px solid rgba(17,19,21,.12);border-radius:6px;background:#ffffffd1;color:#273039;cursor:pointer;font-size:9px;font-weight:820;letter-spacing:0;line-height:1;text-overflow:ellipsis;white-space:nowrap}.canvas-export-handoff-actions button:hover,.canvas-export-handoff-actions button:focus-visible{border-color:#0b74d86b;background:#0b74d8;color:#fff}.canvas-layers-composer{max-height:min(620px,calc(100dvh - 190px));overflow-y:auto;overscroll-behavior:contain;width:min(350px,calc(100% - 20px))}.canvas-surface-composer{width:min(370px,calc(100% - 20px))}.canvas-context-hud:not(:hover):not(:has(:focus-visible)){gap:0;width:min(238px,calc(100% - 20px));max-height:38px;padding:8px 10px;overflow:hidden;opacity:.78}.canvas-context-hud:not(:hover):not(:has(:focus-visible))>:not(.canvas-context-hud-header){opacity:0;pointer-events:none}.canvas-look-ramp{display:block;height:7px;overflow:hidden;border:1px solid rgba(17,19,21,.12);border-radius:999px}.canvas-look-preset-section{display:grid;gap:7px}.canvas-look-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.canvas-look-section-head strong,.canvas-look-section-head em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-look-section-head strong{color:#15191c;font-size:11px;font-weight:850;line-height:1}.canvas-look-section-head em{color:#68727c;font-size:10px;font-style:normal;font-weight:780;line-height:1}.canvas-look-library{order:8;display:grid;gap:7px;padding:7px;border:1px solid rgba(17,19,21,.1);border-radius:8px;background:#f7f8f6c7}.canvas-look-library-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.canvas-look-library-head span{display:grid;gap:2px;min-width:0}.canvas-look-library-head strong,.canvas-look-library-head em,.canvas-look-library-card strong,.canvas-look-library-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-look-library-head strong,.canvas-look-library-card strong{color:#15191c;font-size:11px;font-weight:820;line-height:1}.canvas-look-library-head em,.canvas-look-library-card em,.canvas-look-library-empty{color:#68727c;font-size:10px;font-style:normal;font-weight:740;line-height:1.25}.canvas-look-library-head button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:26px;padding:0 8px;border:1px solid rgba(17,19,21,.14);border-radius:6px;background:#111315;color:#fff;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:0;line-height:1;white-space:nowrap}.canvas-look-artboard{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:stretch;padding:6px;border:1px solid rgba(11,116,216,.18);border-radius:8px;background:#f2f8ffc7}.canvas-look-artboard>img{width:100%;height:74px;object-fit:cover;border:1px solid rgba(17,19,21,.12);border-radius:6px;background:#f5f6f2}.canvas-look-artboard-copy{display:grid;align-content:center;gap:5px;min-width:0}.canvas-look-artboard-copy strong,.canvas-look-artboard-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-look-artboard-copy strong{color:#15191c;font-size:12px;font-weight:850;line-height:1}.canvas-look-artboard-copy em{color:#65717a;font-size:10px;font-style:normal;font-weight:740;line-height:1.25}.canvas-look-artboard-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.canvas-look-artboard-actions button{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:25px;padding:0 4px;overflow:hidden;border:1px solid rgba(17,19,21,.12);border-radius:6px;background:#ffffffc2;color:#26313a;cursor:pointer;font-size:9px;font-weight:820;letter-spacing:0;line-height:1;text-overflow:ellipsis;white-space:nowrap}.canvas-look-artboard-actions button:hover,.canvas-look-artboard-actions button:focus-visible{border-color:#0b74d86b;background:#0b74d8;color:#fff}.canvas-look-artboard-status{justify-self:start;min-height:20px;padding:5px 7px;border-radius:999px;font-size:10px;font-weight:820;line-height:1}.canvas-look-artboard-status.is-ok{background:#e8f6ef;color:#15633e}.canvas-look-artboard-status.is-failed{background:#faece9;color:#9a3824}.canvas-look-library-strip{display:grid;grid-auto-columns:minmax(128px,46%);grid-auto-flow:column;gap:7px;overflow-x:auto;padding-bottom:2px;overscroll-behavior-inline:contain;scrollbar-width:thin}.canvas-look-library-card{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:5px;min-width:0}.canvas-look-library-load{display:grid;gap:5px;min-width:0;padding:5px;border:1px solid rgba(17,19,21,.12);border-radius:7px;background:#ffffffd1;color:#15191c;cursor:pointer;text-align:left}.canvas-look-library-load img{width:100%;height:48px;object-fit:cover;border:1px solid rgba(17,19,21,.1);border-radius:5px;background:#f5f6f2}.canvas-look-library-load span{display:grid;gap:3px;min-width:0}.canvas-look-library-actions{display:grid;gap:4px}.canvas-look-library-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border:1px solid rgba(17,19,21,.12);border-radius:6px;background:#fffc;color:#273039;cursor:pointer}.canvas-look-library-actions button:last-child{color:#7b3434}.canvas-look-library-head button:hover,.canvas-look-library-head button:focus-visible,.canvas-look-library-load:hover,.canvas-look-library-load:focus-visible,.canvas-look-library-actions button:hover,.canvas-look-library-actions button:focus-visible,.canvas-look-library-card.is-active .canvas-look-library-load{border-color:#0b74d86b}.canvas-look-library-card.is-active .canvas-look-library-load{background:#f2f8ff}.canvas-look-library-empty{margin:0;padding:8px;border:1px dashed rgba(17,19,21,.12);border-radius:7px;background:#ffffffb8}.canvas-cell-composer{right:10px;left:auto;max-height:min(610px,calc(100dvh - 190px));overflow-y:auto;overscroll-behavior:contain;width:min(314px,calc(100% - 20px))}.canvas-look-art-grid,.canvas-look-density-row,.canvas-cell-action-row,.canvas-cell-clear-row,.canvas-cell-region-grid,.canvas-cell-swatch-row,.canvas-cell-tool-row,.canvas-export-format-grid,.canvas-frame-mask-grid,.canvas-frame-mode-grid,.canvas-frame-preset-grid,.canvas-frame-recipe-strip,.canvas-frame-text-grid,.canvas-frame-text-theme-grid,.canvas-layer-grid,.canvas-look-material-grid,.canvas-look-palette-grid,.canvas-look-surface-grid,.canvas-mask-shape-grid,.canvas-motion-mode-grid,.canvas-motion-direction-grid,.canvas-motion-origin-grid,.canvas-motion-quality-grid,.canvas-motion-studio-mode-grid,.canvas-motion-target-grid,.canvas-motion-state-row,.canvas-surface-density-row,.canvas-surface-layer-grid,.canvas-surface-placement-grid{display:grid;gap:4px}.canvas-mask-shape-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.canvas-cell-tool-row,.canvas-cell-region-grid,.canvas-cell-action-row{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-cell-clear-row{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-cell-swatch-row,.canvas-frame-mask-grid,.canvas-frame-mode-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.canvas-frame-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-frame-recipe-strip{grid-auto-columns:minmax(154px,48%);grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;padding-bottom:2px;overscroll-behavior-inline:contain;scrollbar-width:thin}.canvas-frame-text-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-frame-text-theme-grid,.canvas-export-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-surface-placement-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-surface-density-row,.canvas-surface-layer-grid,.canvas-surface-tool-grid{display:grid;gap:4px}.canvas-surface-density-row,.canvas-surface-layer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-surface-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-look-art-grid{grid-auto-columns:minmax(146px,46%);grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;padding-bottom:2px;overscroll-behavior-inline:contain;scrollbar-width:thin}.canvas-look-material-grid{grid-auto-columns:minmax(138px,42%);grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;padding-bottom:2px;overscroll-behavior-inline:contain;scrollbar-width:thin}.canvas-look-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.canvas-look-surface-grid,.canvas-look-density-row{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-look-density-row{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-motion-mode-grid,.canvas-motion-direction-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-motion-origin-grid,.canvas-motion-quality-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-motion-studio-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-motion-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-motion-state-row{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-motion-preset-strip{display:grid;grid-auto-columns:minmax(166px,54%);grid-auto-flow:column;gap:6px;overflow-x:auto;padding-bottom:2px;overscroll-behavior-inline:contain;scrollbar-width:thin}.canvas-motion-preset-strip button{position:relative;display:grid;grid-template-columns:7px minmax(0,1fr);gap:3px 7px;min-width:0;min-height:128px;padding:6px;overflow:hidden;border:1px solid rgba(17,19,21,.12);border-radius:7px;background:#ffffffc2;color:#273039;cursor:pointer;text-align:left}.canvas-motion-preset-strip button>i{grid-row:1 / 5;align-self:stretch;width:7px;border:1px solid rgba(17,19,21,.12);border-radius:999px;background:linear-gradient(180deg,#ffffff5c,#fff0),var(--motion-preset-accent)}.canvas-motion-preset-strip img{display:block;width:100%;height:54px;object-fit:cover;overflow:hidden;border:1px solid rgba(17,19,21,.1);border-radius:5px;background:#f5f6f2}.canvas-motion-preset-strip strong,.canvas-motion-preset-strip span,.canvas-motion-preset-strip em{min-width:0;overflow:hidden;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.canvas-motion-preset-strip strong{color:#15191c;font-size:11px;font-weight:850}.canvas-motion-preset-strip span{color:#68727c;font-size:10px;font-weight:740}.canvas-motion-preset-strip em{justify-self:start;padding:4px 6px;border-radius:999px;background:color-mix(in srgb,var(--motion-preset-accent) 12%,#ffffff);color:#273039;font-size:9px;font-style:normal;font-weight:820}.canvas-motion-preset-strip button:hover,.canvas-motion-preset-strip button:focus-visible,.canvas-motion-preset-strip button[aria-pressed=true]{border-color:color-mix(in srgb,var(--motion-preset-accent) 52%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--motion-preset-accent) 24%,transparent)}.canvas-motion-preset-strip button[aria-pressed=true]{background:color-mix(in srgb,var(--motion-preset-accent) 9%,#ffffff)}.canvas-mask-shape-grid button,.canvas-cell-action-row button,.canvas-cell-clear-row button,.canvas-cell-region-grid button,.canvas-cell-tool-row button,.canvas-export-format-grid button,.canvas-frame-mask-grid button,.canvas-frame-mode-grid button,.canvas-frame-preset-grid button,.canvas-frame-recipe-strip button,.canvas-frame-text-grid button,.canvas-frame-text-theme-grid button,.canvas-layer-grid button,.canvas-look-art-grid button,.canvas-look-density-row button,.canvas-look-material-grid button,.canvas-look-palette-grid button,.canvas-look-surface-grid button,.canvas-motion-direction-grid button,.canvas-motion-mode-grid button,.canvas-motion-origin-grid button,.canvas-motion-quality-grid button,.canvas-motion-studio-mode-grid button,.canvas-motion-target-grid button,.canvas-motion-state-row button,.canvas-surface-density-row button,.canvas-surface-layer-grid button,.canvas-surface-placement-grid button,.canvas-surface-tool-grid button,.canvas-context-action-row button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:28px;border:1px solid rgba(17,19,21,.13);border-radius:6px;background:#ffffffb8;color:#273039;cursor:pointer;font-size:11px;font-weight:780;letter-spacing:0;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-look-art-grid .canvas-look-preview-card,.canvas-look-material-grid .canvas-look-preview-card{display:grid;grid-template-columns:1fr;align-items:stretch;justify-content:stretch;gap:6px;min-height:0;padding:5px;background:#fffc;text-align:left;white-space:normal}.canvas-look-preview-card img{display:block;width:100%;height:46px;object-fit:cover;overflow:hidden;border:1px solid rgba(17,19,21,.11);border-radius:5px;background:#f5f6f2}.canvas-look-material-card img{height:40px}.canvas-look-preview-card span{display:grid;gap:3px;min-width:0}.canvas-look-preview-card strong,.canvas-look-preview-card em{min-width:0;overflow:hidden;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.canvas-look-preview-card strong{color:#15191c;font-size:10px;font-weight:850}.canvas-look-preview-card em{color:#65717a;font-size:9px;font-style:normal;font-weight:760}.canvas-cell-color-field{display:grid;grid-template-columns:48px 34px minmax(0,1fr);gap:6px;align-items:center}.canvas-cell-color-field span{color:#68727c;font-size:10px;font-weight:800;line-height:1}.canvas-cell-color-field input{width:100%;min-width:0;height:30px;border:1px solid rgba(17,19,21,.14);border-radius:6px;background:#ffffffc2;color:#15191c;font-size:11px;font-weight:780}.canvas-cell-color-field input[type=color]{padding:2px}.canvas-cell-color-field input[type=text]{padding:0 8px;text-transform:uppercase}.canvas-cell-swatch-row button{min-height:24px;border:1px solid rgba(17,19,21,.14);border-radius:6px;background:linear-gradient(135deg,#ffffff6b,#fff0),var(--cell-swatch);cursor:pointer}.canvas-cell-swatch-row button:hover,.canvas-cell-swatch-row button:focus-visible,.canvas-cell-swatch-row button[aria-pressed=true]{border-color:#11131575;box-shadow:inset 0 0 0 2px #fff}.canvas-cell-tool-row button:hover,.canvas-cell-tool-row button:focus-visible,.canvas-cell-tool-row button[aria-pressed=true],.canvas-cell-region-grid button:hover,.canvas-cell-region-grid button:focus-visible,.canvas-cell-region-grid button[aria-pressed=true],.canvas-cell-action-row button:hover,.canvas-cell-action-row button:focus-visible{border-color:#0b74d870;background:#0b74d8;color:#fff}.canvas-cell-clear-row button:hover,.canvas-cell-clear-row button:focus-visible{border-color:#d6552a70;background:#d6552a;color:#fff}.canvas-cell-action-row button:disabled,.canvas-cell-clear-row button:disabled{cursor:not-allowed;opacity:.46}.canvas-export-format-grid button{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;min-height:34px;padding:6px 7px;text-align:left}.canvas-export-format-grid button strong,.canvas-export-format-grid button small{overflow:hidden;line-height:1;text-overflow:ellipsis;white-space:nowrap}.canvas-export-format-grid button strong{font-size:11px;font-weight:840}.canvas-export-format-grid button small{color:#68727c;font-size:9px;font-weight:840}.canvas-export-format-grid button:hover,.canvas-export-format-grid button:focus-visible,.canvas-export-format-grid button[aria-pressed=true]{border-color:#0b74d86b;background:#0b74d8;color:#fff}.canvas-export-format-grid button:hover small,.canvas-export-format-grid button:focus-visible small,.canvas-export-format-grid button[aria-pressed=true] small{color:#ffffffc2}.canvas-layer-grid button{display:grid;grid-template-columns:8px minmax(0,1fr) auto;justify-content:stretch;min-height:34px;padding:5px;text-align:left}.canvas-layer-grid button i{width:8px;height:18px;border:1px solid rgba(17,19,21,.16);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff52}.canvas-layer-grid button span,.canvas-layer-grid button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-layer-grid button span{font-size:11px;font-weight:820}.canvas-layer-grid button small{color:#68727c;font-size:9px;font-weight:840}.canvas-layer-grid button.is-hidden{color:#27303985}.canvas-layer-grid button.is-hidden i{opacity:.4}.canvas-layer-grid button:hover,.canvas-layer-grid button:focus-visible,.canvas-layer-grid button[aria-pressed=true]{border-color:#11131552;background:#111315;color:#fff}.canvas-layer-grid button:hover small,.canvas-layer-grid button:focus-visible small,.canvas-layer-grid button[aria-pressed=true] small{color:#ffffffc2}.canvas-layer-material-editor{display:grid;gap:7px;padding:7px;border:1px solid rgba(17,19,21,.1);border-radius:8px;background:#f7f8f6c7}.canvas-layer-material-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.canvas-layer-material-head span{display:grid;gap:2px;min-width:0}.canvas-layer-material-head strong,.canvas-layer-material-head em,.canvas-layer-material-head output{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-layer-material-head strong{color:#15191c;font-size:11px;font-weight:840;line-height:1}.canvas-layer-material-head em{color:#68727c;font-size:10px;font-style:normal;font-weight:740;line-height:1.2}.canvas-layer-material-head output{max-width:82px;padding:5px 7px;border:1px solid rgba(17,19,21,.1);border-radius:999px;background:#ffffffc2;color:#273039;font-size:10px;font-weight:820;line-height:1}.canvas-layer-color-targets{display:grid;gap:7px}.canvas-layer-color-target{display:grid;gap:5px}.canvas-layer-color-field{display:grid;grid-template-columns:42px 30px minmax(0,1fr);gap:6px;align-items:center}.canvas-layer-color-field span,.canvas-layer-strength-field span{overflow:hidden;color:#68727c;font-size:10px;font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap}.canvas-layer-color-field input{width:100%;min-width:0;height:30px;border:1px solid rgba(17,19,21,.14);border-radius:6px;background:#ffffffc2;color:#15191c;font-size:11px;font-weight:780}.canvas-layer-color-field input[type=color]{padding:2px}.canvas-layer-color-field input[type=text]{padding:0 8px;text-transform:uppercase}.canvas-layer-strength-field{display:grid;grid-template-columns:74px minmax(0,1fr) 38px;gap:6px;align-items:center}.canvas-layer-strength-field input{width:100%}.canvas-layer-strength-field output{color:#273039;font-size:10px;font-weight:820;line-height:1;text-align:right}.canvas-layer-swatch-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.canvas-layer-swatch-row button{min-height:24px;border:1px solid rgba(17,19,21,.14);border-radius:6px;background:linear-gradient(135deg,#ffffff6b,#fff0),var(--layer-swatch);cursor:pointer}.canvas-layer-swatch-row button:hover,.canvas-layer-swatch-row button:focus-visible{border-color:#11131575;box-shadow:inset 0 0 0 2px #fff}.canvas-frame-preset-grid button:hover,.canvas-frame-preset-grid button:focus-visible,.canvas-frame-preset-grid button[aria-pressed=true]{border-color:#0b74d86b;background:#0b74d8;color:#fff}.canvas-frame-recipe-strip button{display:grid;grid-template-columns:1fr;align-content:start;justify-content:stretch;gap:6px;min-height:112px;padding:6px;text-align:left;white-space:normal}.canvas-frame-preview-card img{display:block;width:100%;height:56px;object-fit:cover;overflow:hidden;border:1px solid rgba(17,19,21,.1);border-radius:5px;background:#f5f6f2}.canvas-frame-preview-card span{display:grid;gap:3px;min-width:0}.canvas-frame-preview-card strong,.canvas-frame-preview-card em{min-width:0;overflow:hidden;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.canvas-frame-preview-card strong{color:inherit;font-size:11px;font-weight:860}.canvas-frame-preview-card em{color:#68727c;font-style:normal;font-size:10px;font-weight:720}.canvas-frame-recipe-strip button:hover,.canvas-frame-recipe-strip button:focus-visible,.canvas-frame-recipe-strip button[aria-pressed=true]{border-color:#0b74d86b;background:#eef6ff;color:#0d4072;box-shadow:inset 0 0 0 1px #0b74d824}.canvas-frame-recipe-strip button:hover em,.canvas-frame-recipe-strip button:focus-visible em,.canvas-frame-recipe-strip button[aria-pressed=true] em{color:#315f86}.canvas-frame-mode-grid button:hover,.canvas-frame-mode-grid button:focus-visible,.canvas-frame-mode-grid button[aria-pressed=true]{border-color:#11131552;background:#111315;color:#fff}.canvas-frame-mask-grid button:hover,.canvas-frame-mask-grid button:focus-visible,.canvas-frame-mask-grid button[aria-pressed=true]{border-color:#d6552a75;background:#d6552a;color:#fff}.canvas-frame-text-grid button:hover,.canvas-frame-text-grid button:focus-visible,.canvas-frame-text-grid button[aria-pressed=true],.canvas-frame-text-theme-grid button:hover,.canvas-frame-text-theme-grid button:focus-visible,.canvas-frame-text-theme-grid button[aria-pressed=true]{border-color:#188a5b70;background:#168a5b;color:#fff}.canvas-look-art-grid button:hover,.canvas-look-art-grid button:focus-visible,.canvas-look-art-grid button[aria-pressed=true]{border-color:#d6552a75;background:#d6552a;color:#fff}.canvas-look-material-grid button:hover,.canvas-look-material-grid button:focus-visible,.canvas-look-material-grid button[aria-pressed=true]{border-color:#11131552;background:#111315;color:#fff}.canvas-look-art-grid .canvas-look-preview-card:hover,.canvas-look-art-grid .canvas-look-preview-card:focus-visible,.canvas-look-art-grid .canvas-look-preview-card[aria-pressed=true],.canvas-look-material-grid .canvas-look-preview-card:hover,.canvas-look-material-grid .canvas-look-preview-card:focus-visible,.canvas-look-material-grid .canvas-look-preview-card[aria-pressed=true]{border-color:#0b74d86b;background:#f2f8ff;box-shadow:inset 0 0 0 1px #0b74d824;color:#15191c}.canvas-look-surface-grid button:hover,.canvas-look-surface-grid button:focus-visible,.canvas-look-surface-grid button[aria-pressed=true],.canvas-look-density-row button:hover,.canvas-look-density-row button:focus-visible,.canvas-look-density-row button[aria-pressed=true]{border-color:#0b74d86b;background:#0b74d8;color:#fff}.canvas-look-palette-grid button{display:grid;gap:4px;min-height:38px;padding:5px}.canvas-look-palette-grid button i{display:block;width:100%;height:6px;overflow:hidden;border-radius:999px;box-shadow:inset 0 0 0 1px #1113151f}.canvas-look-palette-grid button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-look-palette-grid button:hover,.canvas-look-palette-grid button:focus-visible,.canvas-look-palette-grid button[aria-pressed=true]{border-color:#188a5b70;background:#168a5b;color:#fff}.canvas-mask-shape-grid button:hover,.canvas-mask-shape-grid button:focus-visible,.canvas-mask-shape-grid button[aria-pressed=true]{border-color:#d6552a75;background:#d6552a;color:#fff}.canvas-surface-placement-grid button:hover,.canvas-surface-placement-grid button:focus-visible,.canvas-surface-placement-grid button[aria-pressed=true],.canvas-surface-density-row button:hover,.canvas-surface-density-row button:focus-visible,.canvas-surface-density-row button[aria-pressed=true]{border-color:#0b74d86b;background:#0b74d8;color:#fff}.canvas-surface-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.canvas-surface-type-grid button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:28px;border:1px solid rgba(17,19,21,.13);border-radius:6px;background:#ffffffb8;color:#273039;cursor:pointer;font-size:11px;font-weight:780;letter-spacing:0;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-surface-type-grid button:hover,.canvas-surface-type-grid button:focus-visible,.canvas-surface-type-grid button[aria-pressed=true]{border-color:#188a5b70;background:#168a5b;color:#fff}.canvas-surface-layer-grid button:hover,.canvas-surface-layer-grid button:focus-visible,.canvas-surface-layer-grid button[aria-pressed=true]{border-color:#11131552;background:#111315;color:#fff}.canvas-surface-tool-grid button:hover,.canvas-surface-tool-grid button:focus-visible,.canvas-surface-tool-grid button[aria-pressed=true]{border-color:#6f42c170;background:#6f42c1;color:#fff}.canvas-motion-mode-grid button:hover,.canvas-motion-mode-grid button:focus-visible,.canvas-motion-mode-grid button[aria-pressed=true]{border-color:#6f42c170;background:#6f42c1;color:#fff}.canvas-motion-direction-grid button:hover,.canvas-motion-direction-grid button:focus-visible,.canvas-motion-direction-grid button[aria-pressed=true]{border-color:#d6552a75;background:#d6552a;color:#fff}.canvas-motion-origin-grid button:hover,.canvas-motion-origin-grid button:focus-visible,.canvas-motion-origin-grid button[aria-pressed=true]{border-color:#188a5b70;background:#168a5b;color:#fff}.canvas-motion-quality-grid button:hover,.canvas-motion-quality-grid button:focus-visible,.canvas-motion-quality-grid button[aria-pressed=true]{border-color:#0b74d870;background:#0b74d8;color:#fff}.canvas-motion-studio-mode-grid button:hover,.canvas-motion-studio-mode-grid button:focus-visible,.canvas-motion-studio-mode-grid button[aria-pressed=true]{border-color:#d6552a75;background:#d6552a;color:#fff}.canvas-motion-target-grid button:hover,.canvas-motion-target-grid button:focus-visible,.canvas-motion-target-grid button[aria-pressed=true]{border-color:#1d65c170;background:#1d65c1;color:#fff}.canvas-motion-state-row button:hover,.canvas-motion-state-row button:focus-visible,.canvas-motion-state-row button[aria-pressed=true]{border-color:#11131547;background:#111315;color:#fff}.canvas-context-value-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.canvas-export-value-row{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-context-value-row span{display:grid;gap:3px;min-width:0;padding:7px 6px;border:1px solid rgba(17,19,21,.1);border-radius:7px;background:#11131509}.canvas-context-value-row strong,.canvas-context-value-row em{overflow:hidden;font-size:10px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.canvas-context-value-row strong{color:#68727c;font-weight:740}.canvas-context-value-row em{color:#111315;font-style:normal;font-weight:850}.canvas-context-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.canvas-surface-action-row,.canvas-surface-step-row{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-motion-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-motion-trace-row{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-layer-action-row{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-export-action-row{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-frame-action-row{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-frame-text-tune-row{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-context-action-row button:hover,.canvas-context-action-row button:focus-visible{border-color:#11131547;background:#111315;color:#fff}.canvas-motion-trace-row button[aria-pressed=true]{border-color:#188a5b70;background:#168a5b;color:#fff}.canvas-motion-intensity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:24px}.canvas-motion-intensity i{position:relative;display:block;height:5px;overflow:hidden;border-radius:999px;background:#1113151f}.canvas-motion-intensity i:before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border-radius:inherit;background:linear-gradient(90deg,#1d65c1,#6f42c1);content:"";transform:scaleX(clamp(0,var(--motion-intensity, .5),1));transform-origin:left center}.canvas-motion-intensity em{color:#4b5660;font-size:10px;font-style:normal;font-weight:800;line-height:1;white-space:nowrap}.canvas-context-active-edit{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;background:#d6552a1a;color:#8c341d;font-size:11px;font-weight:780;line-height:1}.canvas-export-status{display:inline-flex;align-items:center;min-height:23px;width:fit-content;padding:0 8px;border-radius:999px;background:#11131512;color:#313b43;font-size:11px;font-weight:780;line-height:1}.canvas-export-status.is-ok{background:#188a5b1f;color:#12653f}.canvas-export-status.is-failed{background:#d6552a1f;color:#8c341d}.canvas-tool-group{display:inline-flex;align-items:center;gap:2px;min-height:34px;padding:3px;border:1px solid rgba(17,19,21,.14);border-radius:8px;background:#ffffffe0;box-shadow:0 10px 28px #0e131721;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.canvas-tool-group button,.canvas-selection-count{display:inline-flex;align-items:center;gap:5px;min-height:28px;border-radius:6px;font-size:12px;font-weight:760;letter-spacing:0;white-space:nowrap}.canvas-tool-group button{padding:0 9px;border:0;background:transparent;color:#273039;cursor:pointer}.canvas-tool-group button:hover,.canvas-tool-group button.is-active{background:#111315;color:#fff}.canvas-tool-group button.is-mask-active{background:#d6552a;color:#fff}.canvas-tool-group button.is-motion-playing{background:#168a5b;color:#fff}.canvas-tool-group button.is-target-active{background:#1d65c1;color:#fff}.canvas-tool-group button.is-state-active{background:#6f42c1;color:#fff}.canvas-target-group button{min-width:72px;justify-content:center}.canvas-state-group button{min-width:68px;justify-content:center}.canvas-tool-group button:disabled{cursor:not-allowed;opacity:.48}.canvas-selection-count{padding:0 10px;border:1px solid rgba(17,19,21,.12);background:#ffffffe6;color:#26313a;box-shadow:0 10px 28px #0e13171a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:720px){.composition-editor-frame{margin-bottom:178px}.composition-editor-frame:has(.canvas-context-hud){margin-bottom:612px}.canvas-value-strip{top:calc(100% + 8px);right:0;left:0;justify-content:center;max-width:100%;opacity:1}.canvas-value-strip span{min-height:22px;padding:0 7px}.canvas-value-strip strong,.canvas-value-strip em{font-size:10px}.canvas-workspace-dock{top:calc(100% + 42px);right:0;bottom:auto;left:0;justify-content:center;max-width:100%;opacity:1}.canvas-editor-toolbar{top:calc(100% + 82px);right:0;bottom:auto;left:0;justify-content:center;max-width:100%}.canvas-context-hud{top:calc(100% + 172px);bottom:auto;left:0;right:auto;z-index:9;max-height:410px}.canvas-cell-composer,.canvas-export-composer,.canvas-frame-composer,.canvas-layers-composer,.canvas-motion-composer,.canvas-surface-composer{width:min(350px,100%)}.composition-editor-frame:has(.canvas-cell-composer) .canvas-editor-toolbar,.composition-editor-frame:has(.canvas-cell-composer) .canvas-workspace-dock{opacity:0;pointer-events:none}.canvas-tool-group button{justify-content:center;width:30px;min-width:30px;padding:0}.canvas-tool-group button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.direct-frame-outline,.direct-surface-bounds,.direct-mask-bounds{fill:transparent;pointer-events:none;stroke:#0f141842;stroke-dasharray:7 7;stroke-width:1.2;vector-effect:non-scaling-stroke}.direct-surface-bounds{stroke:#0b74d885}.direct-mask-bounds{stroke:#d6552a94}.direct-mask-reveal-bounds{fill:#d6552a12;stroke:#d6552ac7;stroke-dasharray:10 6;stroke-width:1.6;vector-effect:non-scaling-stroke;cursor:move}.direct-handle-line,.direct-crop-track,.direct-focal-line,.direct-scrubber line,.direct-wave-line,.direct-text-line,.direct-text-resize-line{fill:none;pointer-events:none;stroke:#0f141861;stroke-width:1.5;vector-effect:non-scaling-stroke}.direct-text-safe-area{fill:#1113150a;pointer-events:none;stroke:#1113157a;stroke-dasharray:8 6;stroke-width:1.2;vector-effect:non-scaling-stroke}.direct-handle,.direct-scrubber{pointer-events:auto;cursor:grab}.direct-handle{fill:#fff;stroke:#0b74d8;stroke-width:2.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 5px 12px rgba(8,14,20,.2))}.direct-handle:active,.direct-scrubber:active{cursor:grabbing}.direct-handle-secondary{stroke:#121517}.direct-handle-softness{stroke:#d6552a}.direct-handle-edge{fill:#fff7f2;stroke:#d6552a}.direct-handle-corner{fill:#fff7f2;rx:4px;stroke:#d6552a;stroke-width:2;vector-effect:non-scaling-stroke}.direct-handle-skew{fill:#fff;rx:4px;stroke:#d6552a;stroke-width:2;vector-effect:non-scaling-stroke}.direct-handle-origin{stroke:#7b3ff2}.direct-handle-direction{fill:#7b3ff2;stroke:#fff}.direct-handle-crop{fill:#e9fff5;stroke:#168a5b}.direct-handle-focal{fill:#fff5c7;stroke:#806600}.direct-handle-label{fill:#111315;font-size:18px;font-weight:820;letter-spacing:0;paint-order:stroke;pointer-events:none;stroke:#ffffffe6;stroke-linejoin:round;stroke-width:6px}.direct-scrubber-label{font-size:15px}.direct-handle-text{fill:#111315;stroke:#fff}.direct-handle-text-resize{fill:#fff;stroke:#111315}.direct-surface-controls,.direct-mask-controls,.direct-wave-controls,.direct-text-controls,.direct-crop-controls,.direct-focal-controls,.direct-scrubber{opacity:0;pointer-events:none;transition:opacity .16s ease}.direct-surface-controls.is-active,.direct-mask-controls.is-active,.direct-wave-controls.is-active,.direct-text-controls.is-active,.direct-crop-controls.is-active,.direct-focal-controls.is-active{opacity:1;pointer-events:auto}.direct-surface-controls:not(.is-active) *,.direct-mask-controls:not(.is-active) *,.direct-wave-controls:not(.is-active) *,.direct-text-controls:not(.is-active) *,.direct-crop-controls:not(.is-active) *,.direct-focal-controls:not(.is-active) *,.direct-scrubber:not(.is-active){pointer-events:none}.composition-direct-layer:not(.is-adjust-mode) .direct-surface-controls,.composition-direct-layer:not(.is-adjust-mode) .direct-mask-controls,.composition-direct-layer:not(.is-adjust-mode) .direct-wave-controls,.composition-direct-layer:not(.is-adjust-mode) .direct-text-controls,.composition-direct-layer:not(.is-adjust-mode) .direct-crop-controls,.composition-direct-layer:not(.is-adjust-mode) .direct-focal-controls{opacity:0;pointer-events:none}.direct-scrubber circle{fill:#111315;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.website-copy-preview{position:absolute;top:var(--website-copy-top, 47%);z-index:3;width:min(var(--website-copy-max-width, 560px),calc(100% - (var(--website-copy-inset, 9%) * 2)));pointer-events:none}.website-copy-preview.align-left{left:var(--website-copy-inset, 9%);text-align:left;transform:translateY(-50%)}.website-copy-preview.align-right{right:var(--website-copy-inset, 9%);text-align:left;transform:translateY(-50%)}.website-copy-preview.align-center{left:50%;text-align:center;transform:translate(-50%,-50%)}.website-copy-preview p,.website-copy-preview h2,.website-copy-preview div{margin:0}.website-copy-preview p{margin-bottom:10px;color:#5f6b73;font-size:clamp(9px,1.2cqw,13px);font-weight:760;line-height:1.15;text-transform:uppercase}.website-copy-preview h2{max-width:12ch;margin-bottom:14px;color:#101315;font-size:clamp(24px,5cqw,60px);font-weight:780;letter-spacing:0;line-height:.95}.website-copy-preview.align-center h2{max-width:none}.website-copy-preview div{max-width:34rem;margin-bottom:18px;color:#5f6b73;font-size:clamp(11px,1.36cqw,17px);font-weight:520;line-height:1.48}.website-copy-preview span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:7px;background:#101315;color:#fff;font-size:clamp(11px,1cqw,14px);font-weight:730}.website-copy-preview.theme-light p{color:#ffffffad}.website-copy-preview.theme-light h2{color:#fff}.website-copy-preview.theme-light div{color:#ffffffc2}.website-copy-preview.theme-light span{background:#fff;color:#101315}.composition-guide-overlay{pointer-events:none;color:#1566d1}.composition-guide-overlay line,.composition-guide-overlay rect,.composition-guide-overlay circle{vector-effect:non-scaling-stroke}.composition-safe-area{fill:transparent;stroke:currentColor;stroke-dasharray:10 10;stroke-opacity:.55;stroke-width:1.4}.composition-guide-third{stroke:currentColor;stroke-dasharray:6 10;stroke-opacity:.26;stroke-width:1}.composition-guide-center{stroke:currentColor;stroke-dasharray:12 8;stroke-opacity:.34;stroke-width:1.2}.composition-guide-text-lane{fill:color-mix(in srgb,currentColor 5%,transparent);stroke:currentColor;stroke-dasharray:8 6;stroke-opacity:.42;stroke-width:1.2}.composition-guide-mask{fill:color-mix(in srgb,#d6552a 7%,transparent);stroke:#d6552a;stroke-dasharray:10 6;stroke-opacity:.7;stroke-width:1.4}.composition-guide-mask-edge{stroke:#d6552a;stroke-dasharray:4 5;stroke-linecap:round;stroke-opacity:.78;stroke-width:2}.surface-preview-svg{display:block;width:min(100%,1100px);height:min(74vh,760px);overflow:visible;filter:drop-shadow(0 24px 34px color-mix(in srgb,var(--surface-shadow-color, #0e1317) var(--surface-shadow-strength, 14%),transparent))}.surface-preview-svg-embedded{width:auto;height:auto;filter:none}.surface-stats{position:absolute;bottom:24px;left:24px;display:grid;width:auto;min-width:132px;margin:0;border:1px solid rgba(17,19,21,.14);border-radius:7px;background:#ffffffb8;box-shadow:0 14px 30px #0e131714;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:.72;transition:opacity .16s ease,width .16s ease}.surface-stats:hover,.surface-stats:focus-within{width:176px;opacity:1}.surface-stats div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px 10px}.surface-stats div+div{border-top:1px solid rgba(17,19,21,.09)}.surface-stats div:not(:first-child){display:none}.surface-stats:hover div:not(:first-child),.surface-stats:focus-within div:not(:first-child){display:grid}.surface-stats dt,.surface-stats dd{margin:0;font-size:12px;line-height:18px}.surface-stats dt{color:#555d63;font-weight:570}.surface-stats dd{color:#121517;font-weight:680}.surface-inspector{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;overscroll-behavior:contain;background:#ffffffdb;border-left:1px solid rgba(16,19,22,.14)}.inspector-workspaces{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:repeat(6,minmax(54px,1fr));gap:4px;padding:12px;background:#fffffff5;border-bottom:1px solid rgba(16,19,22,.11);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.inspector-workspaces button{min-width:0;min-height:34px;padding:0 5px;overflow:hidden;border:1px solid rgba(18,21,23,.14);border-radius:7px;background:#fff;color:#2f363b;cursor:pointer;font-size:11px;font-weight:720;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.inspector-workspaces button:hover,.inspector-workspaces button:focus-visible{border-color:#0b74d880}.inspector-workspaces button[aria-selected=true]{border-color:#111315;background:#111315;color:#fff}.inspector-workspace-body{flex:1 1 auto;display:grid;align-content:start;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:18px;scroll-padding-bottom:24px}.surface-inspector[data-workspace=export] .inspector-workspace-body{padding-bottom:184px;scroll-padding-bottom:204px}.surface-inspector .inspector-panel{display:none}.surface-inspector[data-workspace=look] .inspector-panel-look,.surface-inspector[data-workspace=surface] .inspector-panel-surface,.surface-inspector[data-workspace=layers] .inspector-panel-layers,.surface-inspector[data-workspace=motion] .inspector-panel-motion,.surface-inspector[data-workspace=frame] .inspector-panel-frame,.surface-inspector[data-workspace=export] .inspector-panel-export{display:grid}.surface-inspector:not([data-workspace=export]) .export-actions-v1{display:none}.lab-control-group{display:grid;border-bottom:1px solid rgba(16,19,22,.11)}.lab-control-group-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:0 24px;border:0;background:transparent;color:#2f363b;cursor:pointer;text-align:left}.lab-control-group-trigger:hover,.lab-control-group-trigger:focus-visible{background:#1113150a}.lab-control-group-title{min-width:0;overflow:hidden;margin:0;color:#2f363b;font-size:12px;font-weight:760;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.lab-control-group-chevron{flex:0 0 auto;color:#747e87;transition:transform .16s ease}.lab-control-group-trigger[data-panel-open] .lab-control-group-chevron{transform:rotate(180deg)}.lab-control-group-panel{display:grid;gap:13px;padding:0 24px 20px}.lab-control-group-panel[data-closed]{display:none}.lab-field,.lab-range-field,.stroke-color-field,.seed-field{display:grid;gap:10px}.lab-field{grid-template-columns:118px minmax(0,1fr);align-items:center}.lab-field>span,.orientation-control>span{color:#2d343a;font-size:13px;font-weight:570;line-height:18px}.lab-field select,.lab-field input[type=text],.seed-field input{width:100%;height:38px;min-width:0;border:1px solid rgba(18,21,23,.14);border-radius:7px;background:#fff;color:#111315;font-size:13px;font-weight:540}.lab-field select,.lab-field input[type=text],.seed-field input{padding:0 11px}.lab-range-field{grid-template-columns:118px minmax(0,1fr) 58px}.lab-range-field input[type=range]{width:100%;accent-color:#0b74d8}.lab-range-field output{height:32px;padding:6px 7px;border:1px solid rgba(18,21,23,.12);border-radius:6px;background:#fafafa;color:#1d2429;font-size:12px;font-weight:660;line-height:18px;text-align:right}.orientation-control{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:10px}.orientation-control>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgba(18,21,23,.14);border-radius:7px;background:#fff}.orientation-control button{height:36px;border:0;border-right:1px solid rgba(18,21,23,.1);background:transparent;color:#2d343a;font-size:12px;font-weight:650;cursor:pointer}.orientation-control button:last-child{border-right:0}.orientation-control button[aria-pressed=true]{background:#0b74d8;color:#fff}.palette-preview{height:20px;border:1px solid rgba(18,21,23,.1);border-radius:999px}.color-ramp-preview{height:26px}.stroke-color-field{grid-template-columns:118px 46px minmax(0,1fr)}.stroke-color-field input[type=color],.color-field input[type=color]{width:46px;height:34px;padding:0;border:1px solid rgba(18,21,23,.14);border-radius:7px;background:#fff}.color-field{grid-template-columns:118px 46px minmax(0,1fr)}.toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lab-toggle{position:relative;display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer}.lab-toggle input{position:absolute;top:0;left:0;width:34px;height:20px;margin:0;opacity:0;cursor:pointer}.lab-toggle>span{position:relative;width:34px;height:20px;flex:0 0 auto;border-radius:999px;background:#a6adb2;pointer-events:none;transition:background .16s ease}.lab-toggle>span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .16s ease}.lab-toggle input:checked+span{background:#0b74d8}.lab-toggle input:focus-visible+span{outline:2px solid rgba(11,116,216,.42);outline-offset:3px}.lab-toggle input:checked+span:after{transform:translate(14px)}.lab-toggle strong{overflow:hidden;color:#2d343a;font-size:12px;font-weight:640;line-height:18px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.seed-field{grid-template-columns:minmax(0,1fr) 42px}.seed-field button{justify-content:center;width:42px;height:38px;border:1px solid rgba(18,21,23,.14);border-radius:7px;background:#fff;color:#1d2429;cursor:pointer}.export-actions{position:sticky;bottom:0;z-index:9;display:grid;flex:0 0 auto;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;margin-top:auto;background:#fffffff0;border-top:1px solid rgba(16,19,22,.11)}.export-actions button{justify-content:center;gap:7px;min-height:40px;border:1px solid rgba(18,21,23,.18);border-radius:7px;background:#fff;color:#121517;font-size:13px;font-weight:690;cursor:pointer}.export-actions button:hover,.export-actions button:focus-visible,.seed-field button:hover,.seed-field button:focus-visible{border-color:#0b74d875}.export-actions .primary-export{border-color:#0b74d8;background:#0b74d8;color:#fff}.export-status{margin:0;padding:0 24px 22px;color:#a33a28;font-size:12px;font-weight:650}.export-status-ok{color:#267342}.recipe-actions,.export-actions-v1>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.composition-assist-actions{grid-template-columns:1fr}.recipe-actions button,.color-tabs button,.composition-tabs button,.color-stop-row button,.apply-import-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid rgba(18,21,23,.16);border-radius:7px;background:#fff;color:#15191c;font-size:13px;font-weight:670;cursor:pointer}.recipe-actions button:hover,.recipe-actions button:focus-visible,.color-tabs button:hover,.color-tabs button:focus-visible,.composition-tabs button:hover,.composition-tabs button:focus-visible,.color-stop-row button:hover,.color-stop-row button:focus-visible,.apply-import-button:hover,.apply-import-button:focus-visible{border-color:#0b74d875}.recipe-actions button:disabled,.color-stop-row button:disabled,.apply-import-button:disabled{cursor:not-allowed;opacity:.45}.color-tabs,.composition-tabs{display:grid;overflow:hidden;border:1px solid rgba(18,21,23,.14);border-radius:7px;background:#fff}.color-tabs,.composition-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.color-tabs button,.composition-tabs button{min-height:36px;border:0;border-right:1px solid rgba(18,21,23,.1);border-radius:0;background:transparent}.color-tabs button:last-child,.composition-tabs button:last-child{border-right:0}.color-tabs button[aria-selected=true],.composition-tabs button[aria-selected=true]{background:#0b74d8;color:#fff}.color-stop-list{display:grid;gap:8px}.color-stop-row{display:grid;grid-template-columns:34px minmax(74px,.8fr) minmax(0,1fr) 36px 34px;gap:7px;align-items:center}.color-stop-row input[type=color]{width:34px;height:34px;padding:0;border:1px solid rgba(18,21,23,.14);border-radius:7px;background:#fff}.color-stop-row input[type=text]{width:100%;height:34px;min-width:0;padding:0 8px;border:1px solid rgba(18,21,23,.14);border-radius:7px;background:#fff;color:#111315;font-size:12px;font-weight:600}.color-stop-row input[type=range]{width:100%;accent-color:#0b74d8}.color-stop-row output{color:#495057;font-size:12px;font-weight:680;text-align:right}.color-stop-row button{min-height:34px;padding:0}.recipe-import-field{display:grid;gap:8px}.recipe-import-field span,.motion-note,.export-actions-v1 p,.export-format-field span{color:#5c646a;font-size:12px;font-weight:620;line-height:18px}.recipe-import-field textarea{width:100%;min-height:92px;resize:vertical;border:1px solid rgba(18,21,23,.14);border-radius:7px;background:#fff;color:#111315;font:500 12px/18px Inter,Inter Fallback;padding:10px}.website-copy-field textarea{min-height:70px}.motion-note{margin:-3px 0 1px 118px}.studio-card-grid{display:grid;gap:9px}.studio-preview-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-preset-card{display:grid;gap:5px;min-height:68px;padding:11px 12px;border:1px solid rgba(18,21,23,.13);border-radius:8px;background:#fff;color:#15191c;cursor:pointer;text-align:left}.studio-preset-card:hover,.studio-preset-card:focus-visible{border-color:#0b74d875}.studio-preset-card[aria-pressed=true]{border-color:#0b74d8;background:#f2f8ff}.studio-preview-card{align-content:start;gap:7px;min-height:0;padding:7px}.studio-preview-card img{display:block;width:100%;height:68px;object-fit:cover;overflow:hidden;border:1px solid rgba(18,21,23,.11);border-radius:6px;background:#f5f6f2}.studio-preview-card strong,.studio-preview-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-preset-card strong{color:#15191c;font-size:13px;font-weight:760;line-height:18px}.studio-preset-card span,.layer-stack-row>span,.library-empty-state,.saved-composition-card em{color:#626b72;font-size:12px;font-weight:560;line-height:17px}.library-empty-state{margin:0;padding:12px;border:1px dashed rgba(18,21,23,.16);border-radius:8px;background:#fafafa}.saved-composition-filters{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:10px;align-items:end}.saved-composition-count{margin:-2px 0 0;color:#6b747b;font-size:12px;font-weight:620}.saved-composition-grid{display:grid;gap:10px}.saved-composition-card{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px;align-items:stretch}.saved-composition-card button{border:1px solid rgba(18,21,23,.13);border-radius:8px;background:#fff;color:#15191c;cursor:pointer}.saved-composition-load{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;min-height:86px;padding:8px;text-align:left}.saved-composition-card img{width:82px;height:52px;object-fit:cover;border:1px solid rgba(18,21,23,.12);border-radius:6px;background:#f5f6f2}.saved-composition-copy{display:grid;align-content:center;gap:4px;min-width:0}.saved-composition-card strong,.saved-composition-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-composition-card strong{color:#15191c;font-size:13px;font-style:normal;font-weight:760;line-height:18px}.saved-composition-card em{font-style:normal}.saved-composition-tags{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.saved-composition-tags small{min-width:0;max-width:100%;padding:3px 6px;overflow:hidden;border:1px solid rgba(18,21,23,.1);border-radius:999px;color:#33414b;font-size:10px;font-weight:720;line-height:1;text-overflow:ellipsis;white-space:nowrap}.saved-composition-card-actions{display:grid;gap:6px}.saved-composition-card-actions button{display:inline-flex;align-items:center;justify-content:center}.saved-composition-card-actions button:last-child{color:#7b3434}.saved-composition-card button:hover,.saved-composition-card button:focus-visible{border-color:#0b74d875}.layer-stack-list{display:grid;gap:10px}.layer-stack-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(18,21,23,.1);border-radius:8px;background:#f5f7f5}.layer-stack-summary span{display:grid;gap:2px}.layer-stack-summary strong{color:#121517;font-size:24px;line-height:1}.layer-stack-summary em{color:#586169;font-size:12px;font-style:normal;font-weight:700}.layer-stack-summary button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid rgba(18,21,23,.14);border-radius:7px;background:#fff;color:#15191c;cursor:pointer;font-size:12px;font-weight:760}.layer-stack-row{display:grid;gap:8px;padding:11px;border:1px solid rgba(18,21,23,.11);border-radius:8px;background:#fff}.layer-stack-row.is-hidden{background:#f8f8f6;color:#12151794}.layer-stack-header{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px}.layer-stack-header>span:not(.layer-stack-swatch){display:grid;gap:2px;min-width:0}.layer-stack-header strong{color:#15191c;font-size:13px;font-weight:820;line-height:1.1}.layer-stack-header em{color:#586169;font-size:12px;font-style:normal;font-weight:560;line-height:1.35}.layer-stack-header small{min-width:42px;padding:4px 7px;border-radius:999px;background:#12151714;color:#2f363b;font-size:11px;font-weight:800;text-align:center}.layer-stack-row.is-visible .layer-stack-header small{background:#0b74d81f;color:#0b58a3}.layer-stack-swatch{width:18px;height:18px;border:1px solid rgba(18,21,23,.18);border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff61}.layer-stack-row input[type=range]{width:100%;accent-color:#0b74d8}.layer-stack-controls{display:grid;grid-template-columns:minmax(0,1fr) 126px;align-items:end;gap:10px}.layer-stack-controls label{display:grid;gap:5px;min-width:0}.layer-stack-controls label>span{font-size:.68rem;font-weight:800;letter-spacing:0;text-transform:uppercase;color:#12151780}.layer-stack-controls select{min-height:34px;width:100%;border:1px solid rgba(18,21,23,.14);border-radius:7px;background:#fff;color:#121517;font:inherit;font-size:.82rem;outline:none;padding:0 28px 0 10px}.layer-stack-controls select:focus-visible{border-color:#0b74d89e;box-shadow:0 0 0 3px #0b74d81f}.motion-composer-strip{display:grid;grid-template-columns:42px minmax(0,1fr) 48px;align-items:center;gap:10px}.motion-composer-strip button,.motion-target-row button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid rgba(18,21,23,.16);border-radius:7px;background:#fff;color:#15191c;cursor:pointer;font-size:13px;font-weight:700}.motion-composer-strip button{color:#fff;background:#0b74d8;border-color:#0b74d8}.motion-composer-strip button:disabled{cursor:not-allowed;opacity:.5}.motion-composer-strip input[type=range]{width:100%;accent-color:#0b74d8}.motion-composer-strip output{color:#495057;font-size:12px;font-weight:700;text-align:right}.motion-target-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.motion-target-row button[aria-pressed=true]{border-color:#111315;background:#111315;color:#fff}.motion-state-preview-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.motion-state-preview-row button{display:grid;gap:3px;min-height:48px;padding:8px 10px;border:1px solid rgba(18,21,23,.14);border-radius:8px;background:#fff;color:#15191c;cursor:pointer;text-align:left}.motion-state-preview-row button[aria-pressed=true]{border-color:#6f42c1;background:#6f42c11a;color:#3f237c}.motion-state-preview-row strong{font-size:13px;font-weight:820;line-height:1.1}.motion-state-preview-row span{color:#586169;font-size:12px;font-weight:700;line-height:1.2}.motion-field-panel{display:grid;gap:12px}.motion-direction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.motion-direction-grid button{min-height:34px;border:1px solid rgba(18,21,23,.15);border-radius:7px;background:#fff;color:#15191c;cursor:pointer;font-size:12px;font-weight:760}.motion-direction-grid button[aria-pressed=true]{border-color:#7b3ff2;background:#7b3ff2;color:#fff}.motion-playback-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.motion-playback-row button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid rgba(18,21,23,.16);border-radius:7px;background:#fff;color:#15191c;font-size:13px;font-weight:700;cursor:pointer}.motion-playback-row button:first-child{border-color:#0b74d8;background:#0b74d8;color:#fff}.motion-playback-row button:disabled{cursor:not-allowed;opacity:.5}.motion-playback-row button:not(:disabled):hover,.motion-playback-row button:not(:disabled):focus-visible{border-color:#0b74d875}.motion-state-stack{display:grid;gap:14px}.motion-state-panel{display:grid;gap:10px;padding:13px;border:1px solid rgba(18,21,23,.12);border-radius:8px;background:#f8f9f7}.motion-state-panel h3{margin:0;color:#2f363b;font-size:12px;font-weight:760;line-height:1.2}.motion-ghost-frame{mix-blend-mode:multiply}.surface-preview-art{transform-box:fill-box;transform-origin:center}.preview-draw-polygon{stroke-dasharray:1}.surface-cell-paintable,.surface-cell-selectable{cursor:cell}.surface-cell-paintable:hover,.surface-cell-selectable:hover{filter:saturate(1.08) brightness(1.05)}.preview-selected-cell{paint-order:stroke;stroke:#fff;stroke-width:3px}.selection-status{margin:0;color:#515b63;font-size:12px;font-weight:720;letter-spacing:0}.export-actions-v1{grid-template-columns:1fr;gap:10px}.export-actions-v1 .export-format-field{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px}.export-actions-v1 select{height:38px;min-width:0;border:1px solid rgba(18,21,23,.14);border-radius:7px;background:#fff;color:#111315;font-size:13px;font-weight:620;padding:0 11px}.export-actions-v1 p{margin:0}.export-kit-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.export-kit-summary span{display:grid;gap:3px;min-width:0;padding:10px;border:1px solid rgba(18,21,23,.1);border-radius:8px;background:#f8fafb}.export-kit-summary strong,.export-kit-summary em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-kit-summary strong{color:#14181b;font-size:13px;font-weight:780;line-height:1.15}.export-kit-summary em{color:#69737c;font-size:11px;font-style:normal;font-weight:680;line-height:1.25}.export-kit-grid{display:grid;gap:9px}.export-kit-card{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px;align-items:stretch;scroll-margin-bottom:260px}.export-kit-select,.export-kit-actions button{border:1px solid rgba(18,21,23,.12);border-radius:8px;background:#fff;color:#15191c;cursor:pointer}.export-kit-select{display:grid;gap:6px;min-width:0;padding:10px;text-align:left}.export-kit-select span{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.export-kit-select strong,.export-kit-select small,.export-kit-select em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-kit-select strong{color:#15191c;font-size:13px;font-weight:800;line-height:1.15}.export-kit-select small{flex:0 1 auto;min-width:0;color:#68727b;font-size:10px;font-weight:760;line-height:1}.export-kit-select em{color:#5f6972;font-size:11px;font-style:normal;font-weight:580;line-height:1.3}.export-kit-card.is-active .export-kit-select,.export-kit-select:hover,.export-kit-select:focus-visible,.export-kit-actions button:hover,.export-kit-actions button:focus-visible{border-color:#0b74d880}.export-kit-card.is-active .export-kit-select{background:#f3f8ff;box-shadow:inset 3px 0 #1d65c1}.export-kit-actions{display:grid;gap:6px}.export-kit-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 8px;font-size:11px;font-weight:800;line-height:1}.export-handoff-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.export-handoff-strip span{display:grid;min-width:0;gap:2px;padding:8px 9px;border:1px solid rgba(18,21,23,.1);border-radius:7px;background:#f8fafbdb}.export-handoff-strip strong,.export-handoff-strip em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}.export-handoff-strip strong{color:#6a747c;font-size:10px;font-style:normal;font-weight:760;text-transform:uppercase}.export-handoff-strip em{color:#14181b;font-size:12px;font-style:normal;font-weight:720}.export-actions-v1 .export-status{padding:0}@keyframes page-enter{0%{opacity:0}to{opacity:1}}@keyframes route-old{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes route-new{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(root){animation:route-old .17s cubic-bezier(.55,0,.2,1) both}::view-transition-new(root){animation:route-new .26s cubic-bezier(.16,1,.3,1) both}::view-transition-group(henry-wordmark),::view-transition-group(basewater-wordmark),::view-transition-group(alloyterra-wordmark){animation-duration:.36s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(henry-wordmark),::view-transition-new(henry-wordmark),::view-transition-old(basewater-wordmark),::view-transition-new(basewater-wordmark),::view-transition-old(homeservicedata-wordmark),::view-transition-new(homeservicedata-wordmark),::view-transition-old(alloyterra-wordmark),::view-transition-new(alloyterra-wordmark){height:100%;object-fit:contain}@media(max-width:720px){.topbar,.detail-topbar,.index-page,.detail-page,.article-page{width:min(100% - 36px,640px)}.topbar{display:grid;gap:16px;justify-content:stretch;min-height:auto;padding:24px 0 10px}.topbar nav{gap:18px;overflow-x:auto;padding-bottom:4px}.intro{padding:46px 0 34px}.intro p{font-size:16px;line-height:27px}.index-section,.site-footer,.evidence-section>div{grid-template-columns:1fr}.index-section{gap:16px}.index-row{grid-template-columns:1fr;gap:5px}.site-footer div{flex-wrap:wrap}.field-evidence-media{height:clamp(320px,88vw,390px);min-height:0}.field-evidence-controls{align-items:flex-start;gap:10px}.project-header h1,.note-article h1,.article-hero h1{font-size:clamp(38px,12vw,54px)}.article-page{padding-top:34px}.article-hero>span,.article-deck,.article-section p,.article-section li{font-size:16px;line-height:27px}.article-callout p,.article-close p:first-of-type{font-size:20px}.article-sources ul,.article-eval-matrix div{grid-template-columns:1fr}.article-figure{margin:22px 0 4px;padding:0}.article-figure-caption{display:grid;gap:6px;justify-items:start}.article-figure-caption strong{text-align:left}.article-diagram-frame{margin-right:-18px;margin-left:-18px;border-radius:0;box-shadow:inset 0 1px #0a0b0f1a,inset 0 -1px #0a0b0f1a}.article-diagram-frame img{min-width:640px;border-radius:0}.article-eval-matrix div{gap:8px;align-items:start}}@media(max-width:980px){.surface-lab-shell{height:auto;overflow:visible}.surface-lab-topbar{grid-template-columns:1fr;gap:14px;padding:16px 18px}.surface-lab-title{justify-content:start}.surface-lab-actions{justify-content:start;flex-wrap:wrap}.surface-lab-main{grid-template-columns:1fr;min-height:auto}.surface-preview-pane{min-height:560px}.surface-preview-stage{padding:36px 22px 106px}.canvas-artboard-deck{position:static;width:auto;max-width:none;margin:0 18px 18px}.surface-inspector{min-height:auto;max-height:none;overflow:visible;overscroll-behavior:auto;border-top:1px solid rgba(16,19,22,.14);border-left:0}.inspector-workspace-body{overflow:visible;padding-bottom:0;scroll-padding-bottom:0}.export-actions{position:static;margin-top:0}}@media(max-width:620px){.surface-lab-actions,.preset-select,.preset-select select,.surface-lab-actions button{width:100%}.surface-lab-actions{display:grid;grid-template-columns:1fr}.preset-select{display:grid;grid-template-columns:70px minmax(0,1fr)}.surface-preview-pane{min-height:430px}.canvas-artboard-deck-body,.canvas-artboard-live-card{grid-template-columns:1fr}.canvas-artboard-live-thumb{display:none}.surface-stats{right:16px;bottom:16px;left:16px;width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.surface-stats div:nth-child(2){border-top:0}.lab-control-group{padding:18px}.inspector-workspaces{grid-template-columns:repeat(6,minmax(68px,1fr));overflow-x:auto;padding:10px 12px}.inspector-workspaces button{min-height:36px;padding:0 10px}.lab-field,.lab-range-field,.orientation-control,.stroke-color-field,.color-field{grid-template-columns:1fr}.toggle-grid,.motion-playback-row,.export-actions,.export-kit-card,.export-kit-summary,.recipe-actions,.export-handoff-strip,.export-actions-v1>div,.export-actions-v1 .export-format-field{grid-template-columns:1fr}.motion-note{margin-left:0}.color-tabs,.composition-tabs,.color-stop-row{grid-template-columns:1fr}.color-tabs button,.composition-tabs button{border-right:0;border-bottom:1px solid rgba(18,21,23,.1)}.color-tabs button:last-child,.composition-tabs button:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){.brand-link-henry img,.brand-link-basewater img,.brand-link-homeservicedata img,.brand-link-alloyterra img,.project-wordmark-henry img,.project-wordmark-basewater img,.project-wordmark-homeservicedata img,.project-wordmark-alloyterra img{view-transition-name:none}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}