:root{font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;color:#1b242c;background:#fff;font-synthesis:none;text-rendering:geometricPrecision;--navy: #0d2f68;--blue: #1456d9;--text: #1b242c;--muted: #69737d;--line: #d9dee3;--line-strong: #c5ccd3;--surface: #ffffff;--surface-soft: #f7f9fa;--success: #17813a;--danger: #b32d2d}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,textarea{font:inherit}a{color:inherit}button:focus-visible,textarea:focus-visible{outline:2px solid #4c80e6;outline-offset:-2px}.app-shell{width:100%;height:100%;min-height:640px;display:grid;grid-template-rows:70px minmax(0,1fr) 48px;overflow:hidden;background:var(--surface)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line-strong);background:#fff}.topbar-primary{display:flex;align-items:center;gap:28px;min-width:0}.brand-block{display:flex;align-items:center;gap:12px;min-width:0}.brand-title-row{display:flex;align-items:center;gap:8px;min-width:0}.brand-block h1{margin:0;font-size:20px;line-height:1.15;letter-spacing:-.02em}.brand-block p{margin:4px 0 0;color:var(--muted);font-size:12px}.scope-badge{flex:0 0 auto;padding:3px 6px;border:1px solid #ddc37a;border-radius:999px;background:#fff8dc;color:#72530b;font-size:9px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.brand-mark{width:27px;height:27px;display:flex;align-items:flex-end;gap:3px;padding:3px}.brand-mark span{width:5px;border:1px solid #805f2f;background:#e5c487}.brand-mark span:nth-child(1){height:17px}.brand-mark span:nth-child(2){height:22px}.brand-mark span:nth-child(3){height:14px}.product-tabs{align-self:stretch;display:flex;align-items:stretch;gap:2px}.product-tabs button{position:relative;min-width:112px;padding:0 14px;border:0;background:transparent;color:#65707a;font-size:12px;font-weight:680;cursor:pointer}.product-tabs button:hover{color:#25313c;background:#f7f9fa}.product-tabs button.active{color:var(--navy)}.product-tabs button.active:after{content:"";position:absolute;right:12px;bottom:-1px;left:12px;height:3px;background:var(--navy)}.topbar-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.button{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--line-strong);border-radius:4px;background:#fff;color:var(--text);font-size:13px;font-weight:650;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.button:hover{background:#f3f5f7;border-color:#aeb7c0}.button:active{transform:translateY(1px)}.button:disabled{color:#9aa2aa;background:#f3f5f6;border-color:#d6dbe0;cursor:not-allowed;transform:none}.button svg{width:17px;height:17px}.button.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.button.primary:hover{background:#17417e}.topbar-actions a.button{text-decoration:none}.surface-hidden{display:none!important}.placement-surface{grid-row:2 / 4;min-width:0;min-height:0;overflow:hidden;background:#eef2f5}.core-surface{grid-row:2 / 4;min-height:0;flex:1;display:flex}.core-loading{min-height:0;flex:1;display:grid;place-items:center;background:#eef2f1;color:#536762;font-size:13px}.core-header-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid #cfe1dc;border-radius:999px;background:#eff8f5;color:#276759;font-size:11px;font-weight:800;letter-spacing:.03em}.placement-surface iframe{display:block;width:100%;height:100%;border:0;background:#eef2f5}.workspace{display:grid;grid-template-columns:minmax(310px,31%) minmax(420px,1fr) minmax(270px,20%);min-height:0;overflow:hidden}.panel-region{min-width:0;min-height:0;background:#fff}.editor-panel,.canvas-panel{border-right:1px solid var(--line-strong)}.editor-panel{display:grid;grid-template-rows:45px minmax(0,1fr) auto}.canvas-panel{display:grid;grid-template-rows:45px minmax(0,1fr)}.canvas-panel.has-surface-tabs{grid-template-rows:45px auto minmax(0,1fr)}.inspector-panel{overflow-y:auto}.panel-header{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line);background:#fff}.panel-header>div:first-child{display:flex;align-items:baseline;gap:9px;min-width:0}.panel-header h2{margin:0;font-size:14px;line-height:1;font-weight:750}.panel-header span{color:var(--muted);font-size:11px;white-space:nowrap}.chevron{width:17px;height:17px;color:var(--muted);transform:rotate(180deg)}.editor-workbench{min-height:0;display:grid;grid-template-rows:34px minmax(0,1fr);background:#fbfcfd;overflow:hidden}.editor-tabbar{min-width:0;display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid #dfe4e8;background:#f3f5f7;color:#5d6873;font:11px/1 Cascadia Code,JetBrains Mono,Consolas,monospace;-webkit-user-select:none;user-select:none}.editor-file-tab{min-height:0;display:flex;align-items:center;gap:7px;padding:0 13px 0 11px;border-right:1px solid #dfe4e8;background:#f8fafb}.editor-file-tab.active{position:relative;color:#263849;background:#fbfcfd}.editor-file-tab.active:before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:#1456d9}.file-kind{width:20px;height:18px;display:grid;place-items:center;border-radius:3px;color:#fff;background:#1c557e;font-size:9px;font-weight:800;letter-spacing:-.04em}.modified-dot{color:#b46b16;font-size:9px}.editor-language{display:flex;align-items:center;padding:0 12px;color:#7b858f;font-size:10px}.editor-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;background:#fbfcfd}.timberscript-editor,.timberscript-editor>section{width:100%!important;height:100%!important}.editor-loading{height:100%;display:grid;place-items:center;color:#77828d;background:linear-gradient(90deg,#f3f5f7 0 52px,#e1e6eb 52px 53px,#fbfcfd 53px);font:11px Cascadia Code,Consolas,monospace}.monaco-editor .margin-view-overlays .current-line-margin{border-left:2px solid #1456d9!important}.monaco-editor .view-overlays .current-line{box-shadow:inset 0 1px #1456d906,inset 0 -1px #1456d906}.error-banner{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #e4bcbc;color:#8e2424;background:#fff2f2;font-size:12px}.error-banner svg{width:16px;height:16px;flex:0 0 auto}.canvas-tools{display:flex!important;align-items:center!important;gap:0!important}.canvas-tools button{width:30px;height:29px;display:grid;place-items:center;border:1px solid var(--line-strong);border-right:0;background:#fff;color:#28323b;font-size:16px;cursor:pointer}.canvas-tools button:first-child{border-radius:3px 0 0 3px}.canvas-tools button:last-child{border-right:1px solid var(--line-strong);border-radius:0 3px 3px 0}.canvas-tools button:hover{background:#f0f3f5}.canvas-tools button svg{width:15px;height:15px}.canvas-tools output{width:48px;height:29px;display:grid;place-items:center;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);color:#4c5660;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.canvas-stage{min-height:0;position:relative;background:#fbfcfd}.surface-selector{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:12px;padding:9px 12px;border-bottom:1px solid var(--line);background:#f6f8fa}.surface-selector-heading{min-width:112px;display:flex;flex-direction:column;justify-content:center;gap:3px}.surface-selector-heading strong{color:#24313c;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.surface-selector-heading span{color:#77818a;font-size:10px}.surface-tabs{min-width:0;display:flex;gap:6px;overflow-x:auto}.surface-tabs button{min-width:112px;display:grid;gap:3px;padding:7px 10px;border:1px solid #ccd3da;border-radius:4px;background:#fff;color:#53606b;text-align:left;cursor:pointer}.surface-tabs button:hover{border-color:#8fa2b5;background:#f9fbfc}.surface-tabs button.active{border-color:#1456d9;box-shadow:inset 0 0 0 1px #1456d9;color:#0d3f9f;background:#f5f8ff}.surface-tabs button span{font-size:12px;font-weight:750}.surface-tabs button small{color:#7b858e;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.geometry-canvas{display:block;width:100%;height:100%;cursor:crosshair}.canvas-empty-state{width:100%;height:100%;display:grid;place-content:center;justify-items:center;gap:7px;padding:24px;color:var(--muted);text-align:center}.canvas-empty-state strong{color:#3f4952;font-size:14px}.canvas-empty-state span{max-width:300px;font-size:12px;line-height:1.55}.property-table{padding:6px 16px 14px}.property-row{min-height:43px;display:grid;grid-template-columns:minmax(90px,44%) minmax(0,1fr);align-items:center;gap:10px;border-bottom:1px solid #e5e8eb;font-size:12px}.property-row>span{color:#68727c}.property-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:600}.property-row strong.accent{color:var(--blue);font-size:14px}.boundary-inspector{padding:14px 18px 18px;border-top:1px solid var(--line)}.boundary-inspector h3{margin:0 0 10px;color:#24313c;font-size:13px}.boundary-property{display:grid;grid-template-columns:34px 1fr;gap:4px 8px;padding:8px 0;border-bottom:1px solid #edf0f2;font-size:12px}.boundary-property>strong{grid-row:1 / span 3;color:#315f9f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.boundary-property .turn{color:#006b78}.boundary-property .single{color:#8a4b13;font-weight:700}.assembly-inspector{padding:15px 18px 17px;border-top:1px solid var(--line);background:#f8fafb}.assembly-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.assembly-title h3{margin:0;color:#24313c;font-size:13px}.assembly-title span{display:block;margin-top:3px;color:#7a858e;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.assembly-title>strong{padding:4px 7px;border:1px solid #8db6bd;border-radius:3px;color:#006b78;background:#f2fbfc;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.assembly-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid #dce2e6;background:#dce2e6}.assembly-summary-grid div{min-width:0;padding:8px 9px;display:grid;gap:3px;background:#fff}.assembly-summary-grid span,.closure-sequence span{color:#78828b;font-size:9px}.assembly-summary-grid strong{font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.closure-sequence{display:grid;gap:4px;margin-top:9px;padding:9px 10px;border-left:3px solid #315f9f;background:#fff}.closure-sequence strong{color:#244e87;font-size:11px}.join-row{display:grid;gap:2px;padding:8px 2px;border-bottom:1px solid #e1e6e9;font-size:10px}.join-row span{color:#65727b}.join-row strong{color:#006b78;font-size:10px}.kernel-note{margin:10px 0 0;color:#717c84;font-size:10px;line-height:1.5}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.validation-section{border-top:1px solid var(--line-strong)}.validation-row{min-height:52px;margin:0 16px;display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid #e5e8eb;font-size:13px}.validation-row strong{font-size:11px;font-weight:700}.validation-row.valid strong{color:var(--success)}.validation-row.invalid strong{color:var(--danger)}.validation-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff!important}.valid .validation-icon{background:var(--success)}.invalid .validation-icon{background:var(--danger)}.validation-icon svg{width:15px;height:15px}.validation-time{margin:16px;color:#818a93;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.issue-list{margin:12px 16px 0;padding-left:17px;color:var(--danger);font-size:11px;line-height:1.55}.future-extensions{margin:12px 16px 0;padding:10px 12px;display:grid;gap:4px;border:1px solid #e4c77b;border-radius:5px;background:#fff9e8;color:#71540b;font-size:11px;line-height:1.45}.future-extensions strong{font-size:11px}.empty-state{padding:24px 16px;color:var(--muted);font-size:12px}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid var(--line-strong);background:#fff;overflow:hidden}.status-group{display:flex;align-items:center;height:100%}.status-item{display:flex;align-items:center;gap:7px;min-width:112px;height:24px;padding:0 20px;border-right:1px solid var(--line-strong);font-size:11px}.status-item:first-child{padding-left:2px}.status-item span{color:var(--muted)}.status-item strong{color:#29323a;font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace}.status-item strong.success{color:var(--success)}.status-item strong.danger{color:var(--danger)}.status-item strong.warning{color:#9a6b00}.status-help{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.status-help kbd{min-width:24px;padding:2px 5px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:3px;background:#f7f8f9;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}.docs-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;background:#111c2361;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.docs-overlay,.docs-center,.docs-article{min-width:0}body:has(.docs-overlay){overflow:hidden}.docs-center{width:min(940px,calc(100vw - 44px));height:100%;background:#f7f6f1;box-shadow:-22px 0 50px #101d2533;animation:docs-enter .22s ease-out;overflow:hidden}@keyframes docs-enter{0%{transform:translate(28px);opacity:.7}}.docs-header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;color:#f8f4e9;background:#172a34;border-bottom:4px solid #d86a29}.docs-header h2{margin:3px 0 2px;font-family:Georgia,"Noto Serif TC",serif;font-size:25px;font-weight:600;letter-spacing:.02em}.docs-header p{margin:0;color:#b8c7ca;font-size:12px}.docs-kicker{color:#eaa56d;font:700 10px ui-monospace,Consolas,monospace;letter-spacing:.14em}.docs-close{width:38px;height:38px;border:1px solid #53656d;border-radius:50%;color:#fff;background:transparent;font-size:26px;line-height:1;cursor:pointer}.docs-close:hover{border-color:#eaa56d;color:#eaa56d}.docs-body{display:grid;grid-template-columns:210px minmax(0,1fr);height:calc(100% - 104px)}.docs-nav{padding:28px 16px;border-right:1px solid #d5d3ca;background:#eeece5;overflow-y:auto}.docs-nav div{display:contents}.docs-nav span{display:block;margin:18px 10px 6px;color:#8c8980;font:700 10px ui-monospace,Consolas,monospace;letter-spacing:.12em}.docs-nav span:first-child{margin-top:0}.docs-nav button{width:100%;padding:9px 11px;border:0;border-radius:3px;color:#435159;background:transparent;text-align:left;font-size:13px;cursor:pointer}.docs-nav button:hover{background:#ffffffa6}.docs-nav button.active{color:#fff;background:#243b45;box-shadow:inset 3px 0 #e27a38}.docs-article{padding:36px 44px 60px;overflow-y:auto;color:#263840}.doc-heading{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #d8d4c9}.doc-heading span{color:#b6501d;font:700 10px ui-monospace,Consolas,monospace;letter-spacing:.13em}.doc-heading h2{max-width:680px;margin:7px 0 9px;font-family:Georgia,"Noto Serif TC",serif;font-size:29px;line-height:1.24;font-weight:600}.doc-heading p{max-width:660px;margin:0;color:#66747a;font-size:14px;line-height:1.7}.docs-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:22px;border:1px solid #d2cfc5;background:#fff}.docs-steps div{min-height:96px;padding:16px;border-right:1px solid #ddd9cf}.docs-steps div:last-child{border-right:0}.docs-steps b{display:block;margin-bottom:12px;color:#d36127;font:700 18px Georgia,serif}.docs-steps span{font-size:12px;line-height:1.5}.docs-code{margin:14px 0 20px;padding:18px 20px;overflow-x:auto;border-left:3px solid #d76b2b;color:#dce9e7;background:#1d2b31;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.docs-primary{min-height:40px;padding:0 17px;border:1px solid #b94f1c;border-radius:3px;color:#fff;background:#c75a23;font-weight:700;cursor:pointer}.docs-primary:hover{background:#a94518}.layout-lab{display:grid;grid-template-columns:270px minmax(280px,1fr);border:1px solid #d1cec4;background:#fff}.layout-controls{padding:20px;border-right:1px solid #d8d5cc}.guide-control{display:block;margin-bottom:17px}.guide-control>strong{display:block;margin-bottom:7px;font-size:12px}.guide-control small{display:block;margin-top:6px;color:#7d898e;line-height:1.4}.guide-control input{width:100%;height:38px;padding:0 10px;border:1px solid #bfc5c5;border-radius:3px;color:#1c3039;background:#fafafa;font:600 13px ui-monospace,Consolas,monospace}.guide-segment{display:flex}.guide-segment button{flex:1;height:34px;border:1px solid #bcc4c5;border-right:0;color:#536169;background:#f7f7f4;font-size:11px;cursor:pointer}.guide-segment button:first-child{border-radius:3px 0 0 3px}.guide-segment button:last-child{border-right:1px solid #bcc4c5;border-radius:0 3px 3px 0}.guide-segment button.active{color:#fff;background:#2c4a55;border-color:#2c4a55}.layout-verdict{padding:10px 11px;border-radius:3px;font-size:11px;line-height:1.45}.layout-verdict strong,.layout-verdict span{display:block}.layout-verdict strong{margin-bottom:3px}.layout-verdict.valid{color:#245e40;background:#e8f3eb}.layout-verdict.invalid{color:#913329;background:#fae9e6}.layout-preview{min-width:0;margin:0;padding:18px;align-self:center}.layout-preview svg{width:100%;height:auto;display:block}.layout-preview text{font:10px ui-monospace,Consolas,monospace;fill:#586a70}.layout-preview figcaption{margin:5px 12px 0;color:#718086;font-size:11px;text-align:center}.preset-row{display:flex;gap:7px;margin:-9px 0 14px;flex-wrap:wrap}.preset-row button{padding:7px 10px;border:1px solid #c3c5c0;border-radius:3px;color:#526067;background:#fff;font-size:11px;cursor:pointer}.preset-row button:hover{border-color:#d2692c;color:#a9471c}.docs-note{margin:10px 0 0;color:#748087;font-size:11px;line-height:1.5}.doc-detail{margin-bottom:9px;border:1px solid #d4d1c8;background:#fff}.doc-detail summary{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:15px;padding:14px 16px;cursor:pointer}.doc-detail summary code{color:#ad4a1b;font-weight:700}.doc-detail summary span{color:#5f6d73;font-size:12px}.doc-detail>p{margin:0;padding:0 18px 17px;color:#56676e;font-size:13px;line-height:1.65}.doc-detail .docs-code{margin:0 16px 16px}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rule-grid section{position:relative;min-height:132px;padding:18px 18px 16px 52px;border:1px solid #d4d1c8;background:#fff}.rule-grid b{position:absolute;left:16px;top:19px;color:#d2692b;font:700 15px Georgia,serif}.rule-grid h3{margin:0 0 7px;font-size:14px}.rule-grid p{margin:0;color:#65747a;font-size:12px;line-height:1.55}.doc-example{margin-bottom:18px}.doc-example h3{margin:0;font-size:14px}.doc-example .docs-code{margin-top:8px}.technical-card{margin-bottom:10px;padding:17px 19px;border-left:3px solid #3b6871;background:#fff;box-shadow:0 1px #d7d3c9}.technical-card span{display:block;color:#8a969a;font-size:10px}.technical-card strong{display:block;margin:4px 0 7px;color:#264c57;font:700 13px ui-monospace,Consolas,monospace}.technical-card p{margin:0;color:#617076;font-size:12px;line-height:1.55}.docs-callout{margin-top:20px;padding:16px 18px;border:1px solid #d7c395;background:#fff8e6}.docs-callout p{margin:5px 0 0;color:#6c6047;font-size:12px;line-height:1.55}.docs-loading{position:fixed;z-index:1001;right:24px;top:24px;padding:12px 16px;color:#fff;background:#172a34}.example-overlay{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:28px;background:#111c237a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.example-library{width:min(1320px,100%);height:min(820px,100%);display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid #34464f;background:#f7f8f8;box-shadow:0 28px 80px #0c161c52;animation:example-enter .18s ease-out}@keyframes example-enter{0%{transform:translateY(12px);opacity:.75}}.example-library-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;color:#f8faf9;background:#172a34;border-bottom:4px solid #d86a29}.example-library-header span{color:#e9a069;font:700 9px ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.14em}.example-library-header h2{margin:3px 0 2px;font-size:23px;letter-spacing:.01em}.example-library-header p{margin:0;color:#b7c5ca;font-size:12px}.example-close{width:38px;height:38px;flex:0 0 auto;border:1px solid #53656d;border-radius:50%;color:#fff;background:transparent;font-size:25px;line-height:1;cursor:pointer}.example-close:hover{border-color:#eaa56d;color:#eaa56d}.example-toolbar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 18px;border-bottom:1px solid #cfd6d9;background:#fff}.example-search{width:min(420px,45%);height:38px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #bdc7cc;background:#fbfcfc}.example-search:focus-within{border-color:#346da8;box-shadow:inset 0 0 0 1px #346da8}.example-search svg{width:17px;color:#61717a}.example-search input{min-width:0;flex:1;border:0;outline:0;color:#1e2f38;background:transparent;font-size:12px}.example-toolbar-actions{display:flex;gap:5px}.example-toolbar-actions button{height:34px;padding:0 10px;border:1px solid #bfc9ce;border-radius:3px;color:#40535d;background:#f8fafb;font-size:10px;font-weight:650;white-space:nowrap;cursor:pointer}.example-toolbar-actions button:hover{border-color:#cd6b31;color:#9d451d;background:#fff9f5}.example-filter{display:flex}.example-filter button{height:34px;padding:0 12px;border:1px solid #c6ced2;border-right:0;color:#59666e;background:#fff;font-size:11px;cursor:pointer}.example-filter button:first-child{border-radius:3px 0 0 3px}.example-filter button:last-child{border-right:1px solid #c6ced2;border-radius:0 3px 3px 0}.example-filter button.active{color:#fff;border-color:#294c5c;background:#294c5c}.example-library-body{min-height:0;display:grid;grid-template-columns:174px 340px minmax(0,1fr)}.example-categories{padding:17px 10px;border-right:1px solid #d3d9dc;background:#eef1f2}.example-custom-summary{margin:0 5px 13px;padding:9px 8px 10px;border-bottom:1px solid #d1d9dc}.example-custom-summary strong,.example-custom-summary span{display:block}.example-custom-summary strong{color:#334a55;font-size:11px}.example-custom-summary span{margin-top:3px;color:#7b888e;font-size:9px;line-height:1.4}.example-categories button{width:100%;min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 10px;border:0;border-left:3px solid transparent;color:#4e5d65;background:transparent;text-align:left;font-size:12px;cursor:pointer}.example-categories button:hover{background:#ffffffa6}.example-categories button.active{border-left-color:#d66c2c;color:#173d50;background:#fff;font-weight:750}.example-categories b{min-width:21px;padding:2px 5px;border-radius:10px;color:#708089;background:#dde3e6;font:700 9px ui-monospace,Consolas,monospace;text-align:center}.example-results{min-height:0;overflow-y:auto;border-right:1px solid #d3d9dc;background:#f8f9f9}.example-result-heading{position:sticky;top:0;z-index:1;min-height:49px;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:14px 14px 10px;border-bottom:1px solid #d8dde0;background:#f8f9f9f5}.example-result-heading strong{font-size:12px}.example-result-heading span{color:#849097;font-size:9px}.example-list-item{width:100%;display:grid;gap:7px;padding:15px 14px;border:0;border-bottom:1px solid #dde2e4;color:#26363e;background:transparent;text-align:left;cursor:pointer}.example-list-item:hover{background:#fff}.example-list-item.active{box-shadow:inset 3px 0 #2b6b7a;background:#fff}.example-list-topline{display:flex;justify-content:space-between;gap:8px}.example-list-topline strong{font-size:13px}.example-list-topline small{padding:2px 5px;color:#a4481c;background:#fff0e7;font-size:9px}.example-list-topline small.custom{color:#17616d;background:#e9f7f8}.example-list-item>span:nth-child(2){color:#69767c;font-size:11px;line-height:1.5}.example-list-meta{display:flex;align-items:center;gap:8px;color:#78858b;font-size:9px}.example-list-meta b{color:#275b6b}.example-list-meta i{font-style:normal}.example-empty{min-height:240px;display:grid;place-content:center;gap:5px;padding:20px;color:#738087;text-align:center;font-size:11px}.example-empty strong{color:#3f4e56;font-size:13px}.example-preview{min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:25px 28px 0;background:#fff}.example-preview-header>span{color:#9a522a;font:700 9px ui-monospace,Consolas,monospace;letter-spacing:.04em}.example-preview-header h3{margin:7px 0;color:#1d333e;font-size:22px;letter-spacing:-.01em}.example-preview-header p{max-width:720px;margin:0;color:#65747b;font-size:12px;line-height:1.65}.example-badges{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0}.example-badges span{padding:4px 7px;border:1px solid #d4dadd;color:#596970;background:#f8fafb;font-size:9px}.example-badges span:first-child{border-color:#8fb3bc;color:#205968;background:#f1f9fa;font-weight:750}.example-badges span.warning{border-color:#dfb879;color:#83500b;background:#fff8e9}.example-badges span.custom{border-color:#83b6bd;color:#17616d;background:#edf9fa}.example-provenance-warning{margin:0 0 14px;padding:10px 12px;border-left:3px solid #d28a24;color:#725321;background:#fff8e8;font-size:10px;line-height:1.55}.example-learning{margin-bottom:15px;padding:12px 14px;border:1px solid #d8dfe1;background:#f7f9f9}.example-learning>strong{color:#314650;font-size:11px}.example-learning ul{margin:7px 0 0;padding-left:17px;color:#66757b;font-size:10px;line-height:1.65}.example-learning p{margin:7px 0 0;color:#7a878d;font-size:10px}.example-source{min-height:260px;flex:1;margin:0;padding:17px 19px;overflow:auto;border-left:3px solid #d76b2b;color:#d9e8e6;background:#1c2a30;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.example-preview-actions{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 -28px;padding:13px 28px;border-top:1px solid #d7dde0;background:#fffffff7}.example-preview-actions span{color:#758188;font-size:9px;line-height:1.45}.example-preview-actions>div{display:flex;gap:6px}.example-preview-actions button{min-width:126px;height:38px;border:1px solid #a84718;border-radius:3px;color:#fff;background:#c65a23;font-size:12px;font-weight:750;cursor:pointer}.example-preview-actions button:hover{background:#a74619}.example-preview-actions button.secondary,.example-preview-actions button.danger{min-width:auto;padding:0 11px;color:#46565e;border-color:#bdc7cc;background:#fff}.example-preview-actions button.secondary:hover{color:#1d5865;border-color:#7da5ad;background:#f2fafa}.example-preview-actions button.danger{color:#a5352e}.example-preview-actions button.danger:hover{border-color:#c4645e;background:#fff4f3}.example-preview-empty{display:grid;flex:1;place-items:center;color:#78868d;font-size:12px}.example-loading{position:fixed;z-index:1101;right:24px;top:24px;padding:12px 16px;color:#fff;background:#172a34}.custom-example-form{min-height:0;display:flex;flex:1;flex-direction:column}.custom-example-form>header{margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid #d6dcdf}.custom-example-form>header span{color:#a95023;font:700 9px ui-monospace,Consolas,monospace;letter-spacing:.08em}.custom-example-form>header h3{margin:6px 0;color:#1d333e;font-size:21px}.custom-example-form>header p{margin:0;color:#6e7b81;font-size:11px}.custom-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-example-grid label{min-width:0;display:grid;gap:5px}.custom-example-grid label.wide{grid-column:1 / -1}.custom-example-grid label>span{color:#52626a;font-size:10px;font-weight:700}.custom-example-grid input,.custom-example-grid select,.custom-example-grid textarea{width:100%;min-width:0;padding:8px 9px;border:1px solid #bec8cd;border-radius:2px;outline:0;color:#20343e;background:#fbfcfc;font-size:11px;resize:vertical}.custom-example-grid input,.custom-example-grid select{height:36px}.custom-example-grid input:focus,.custom-example-grid select:focus,.custom-example-grid textarea:focus{border-color:#3c7394;box-shadow:inset 0 0 0 1px #3c7394}.custom-example-grid label.source{min-height:260px;flex:1}.custom-example-grid label.source textarea{min-height:230px;color:#d9e8e6;border:0;border-left:3px solid #d76b2b;border-radius:0;background:#1c2a30;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.custom-example-error{margin:12px 0 0;padding:10px 12px;border-left:3px solid #bd3c34;color:#8d2e29;background:#fff1f0;font-size:10px;line-height:1.55}.custom-example-form>footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:7px;margin:14px -28px 0;padding:12px 28px;border-top:1px solid #d7dde0;background:#fffffff7}.custom-example-form>footer button{height:38px;padding:0 15px;border:1px solid #bfc8cc;border-radius:3px;color:#4e5d64;background:#fff;font-size:11px;font-weight:700;cursor:pointer}.custom-example-form>footer button[type=submit]{color:#fff;border-color:#a84718;background:#c65a23}@media(max-width:1050px){.topbar-primary{gap:12px}.product-tabs button{min-width:94px;padding:0 8px}.workspace{grid-template-columns:minmax(280px,35%) minmax(400px,1fr)}.inspector-panel{display:none}.canvas-panel{border-right:0}.status-item{min-width:96px;padding:0 12px}}@media(max-width:760px){html,body,#root{width:100%;min-width:0;height:auto;min-height:100%;overflow-x:hidden}.app-shell{width:100%;max-width:100%;min-height:100dvh;height:auto;grid-template-rows:auto auto auto;overflow:visible}.topbar{width:100%;min-width:0;min-height:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;padding:12px 14px}.topbar-primary{width:100%;min-width:0;align-items:stretch;flex-direction:column;gap:8px}.brand-block{width:100%}.brand-block h1{min-width:0;overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.brand-title-row{width:100%}.scope-badge{margin-left:auto}.brand-block p,.brand-mark{display:none}.product-tabs{width:100%;height:40px;align-self:stretch;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.product-tabs::-webkit-scrollbar,.topbar-actions::-webkit-scrollbar,.surface-tabs::-webkit-scrollbar,.statusbar::-webkit-scrollbar{display:none}.product-tabs button{min-width:0;flex:0 0 auto;padding:0 12px;font-size:12px;white-space:nowrap}.product-tabs button.active:after{right:10px;left:10px}.topbar-actions{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.button{width:100%;min-width:0;height:44px;justify-content:center;padding:0 10px;font-size:12px;white-space:nowrap}.studio-example-button{display:none}.placement-new-tab{width:100%;padding:0 10px;justify-content:center;overflow:visible;gap:8px;font-size:12px}.placement-new-tab svg{width:17px;height:17px;flex:0 0 auto}.placement-surface{width:100%;height:calc(100dvh - 164px);min-height:560px}.workspace{width:100%;max-width:100%;display:block;overflow-x:hidden}.panel-region{width:100%;max-width:100%;min-width:0}.editor-panel{height:clamp(410px,52dvh,520px);border-right:0;border-bottom:1px solid var(--line-strong)}.canvas-panel{height:clamp(460px,62dvh,620px);border-right:0;border-bottom:1px solid var(--line-strong)}.inspector-panel{display:block;max-height:none;overflow:visible}.panel-header{width:100%;min-width:0;gap:10px;padding:0 12px}.panel-header>div:first-child{min-width:0;flex:1 1 auto;overflow:hidden}.panel-header h2{flex:0 0 auto}.panel-header span{min-width:0;overflow:hidden;text-overflow:ellipsis}.editor-workbench,.editor-tabbar,.editor-wrap,.timberscript-editor,.timberscript-editor>section{width:100%;max-width:100%;min-width:0}.editor-file-tab{min-width:0;overflow:hidden}.editor-file-tab>span:not(.file-kind):not(.modified-dot){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-tools{flex:0 0 auto;min-width:0}.canvas-tools button{width:36px;height:36px}.canvas-tools output{height:36px}.surface-selector{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:8px;padding:9px 12px 10px}.surface-selector-heading{min-width:0;flex-direction:row;align-items:center;justify-content:space-between}.surface-tabs{width:100%;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.surface-tabs button{min-width:0;flex:0 0 min(156px,72vw)}.statusbar{width:100%;min-height:50px;justify-content:flex-start;padding:8px 12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.status-group{flex:0 0 auto;flex-wrap:nowrap}.status-item{min-width:auto;flex:0 0 auto;padding:0 10px;white-space:nowrap}.status-help{display:none}.docs-center{width:100vw}.example-overlay{padding:0}.example-library{width:100vw;height:100vh;border:0}.example-library-header{min-height:78px;padding:13px 16px}.example-library-header p{display:none}.example-toolbar{align-items:stretch;flex-direction:column;gap:8px;padding:9px 12px}.example-search{width:100%}.example-toolbar-actions,.example-filter{overflow-x:auto}.example-toolbar-actions button,.example-filter button{flex:1 0 auto}.example-library-body{grid-template-columns:1fr;grid-template-rows:auto minmax(180px,34%) minmax(0,1fr)}.example-categories{display:flex;gap:4px;padding:8px 10px;border-right:0;border-bottom:1px solid #d3d9dc;overflow-x:auto}.example-custom-summary{display:none}.example-categories button{width:auto;min-width:max-content;min-height:32px;gap:7px;border-left:0;border-bottom:2px solid transparent}.example-categories button.active{border-bottom-color:#d66c2c}.example-results{border-right:0;border-bottom:1px solid #d3d9dc}.example-result-heading{display:none}.example-list-item{padding:10px 13px}.example-list-item>span:nth-child(2){display:none}.example-preview{padding:17px 17px 0}.example-preview-header h3{font-size:18px}.example-learning{display:none}.example-source{min-height:180px;font-size:10px}.example-preview-actions{margin:0 -17px;padding:10px 17px}.example-preview-actions span{display:none}.example-preview-actions>div{width:100%;justify-content:flex-end}.custom-example-grid{grid-template-columns:1fr}.custom-example-grid label.wide{grid-column:auto}.custom-example-form>footer{margin-right:-17px;margin-left:-17px;padding:10px 17px}.docs-header{height:90px;padding:14px 18px}.docs-header h2{font-size:20px}.docs-header p{display:none}.docs-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:calc(100% - 90px)}.docs-nav{display:flex;gap:5px;padding:9px 12px;border-right:0;border-bottom:1px solid #d5d3ca;overflow-x:auto}.docs-nav div{display:block;flex:0 0 auto}.docs-nav span{display:none}.docs-nav button{width:auto;white-space:nowrap}.docs-article{padding:25px 18px 45px}.doc-heading h2{font-size:23px}.docs-steps{grid-template-columns:1fr 1fr}.docs-steps div:nth-child(2){border-right:0}.docs-steps div{border-bottom:1px solid #ddd9cf}.layout-lab{grid-template-columns:1fr}.layout-controls{border-right:0;border-bottom:1px solid #d8d5cc}.layout-preview{padding:10px}.rule-grid{grid-template-columns:1fr}.doc-detail summary{grid-template-columns:1fr;gap:4px}}@media(max-width:430px){.editor-language{display:none}.panel-header>div:first-child>span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}