@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-regular.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-medium.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-semibold.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-bold.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono.ttf) format("truetype")}:root{font-family:DM Sans,sans-serif;color:#20282c;background:var(--canvas);font-synthesis:none;font-size:16px;--green: #c6f36b;--ink: #1d2427;--muted: #667076;--line: #dce1de;--surface: #ffffff;--canvas: #f3f4f3;--muted-on-dark: #adb9b0;--space-panel: 16px;--space-section: 24px;--editor-height: clamp(410px, calc(100dvh - 380px) , 780px)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{transition:background .15s,color .15s}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #769a2d;outline-offset:4px}input:focus,textarea:focus{outline:2px solid #89ad48;outline-offset:-2px}::selection{background:#c6f36b;color:#17201a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#65716e;border-radius:9px}a{color:inherit}button svg,a svg{flex-shrink:0}button{border:0}h1,h2,p{margin:0}h1{font-size:29px;letter-spacing:-.035em;font-weight:650;line-height:1.25}h2{font-size:20px;letter-spacing:-.02em}p{line-height:1.6}.app-shell{display:grid;grid-template-columns:196px minmax(0,1fr);min-height:100vh}.sidebar{background:#191e21;color:#edf2ee;display:flex;flex-direction:column;padding:24px 12px 0;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;text-decoration:none;letter-spacing:-1px;font-size:26px;font-weight:650;position:relative;padding:0 10px;white-space:nowrap}.brand-symbol{background:var(--green);color:#1e2a21;border-radius:8px;width:33px;height:34px;display:grid;place-items:center;margin-right:10px}.brand-two{color:var(--green)}.studio-word{position:absolute;font-size:9px;letter-spacing:2px;bottom:-13px;left:58px;color:#a0aba7}.workspace-label{font-size:12px;color:#99a29e;margin:57px 13px 15px}.nav-item{background:transparent;color:#aeb8b4;width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:13px 14px;font-size:14px;border-radius:7px;margin:4px 0}.nav-item.active{background:#303b31;color:#d9f2ac}.nav-item:hover{background:#29302d;color:#fff}.count{margin-left:auto;background:#424b45;border-radius:4px;font-size:12px;min-width:22px;text-align:center;padding:1px 4px}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.engine-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#cbd3cf}.online-dot,.offline-dot{width:6px;height:6px;border-radius:50%;background:#b4db7c}.offline-dot{background:#b2b8bb}.small-muted{font-size:12px;color:#939e98;display:block;margin:8px 0 25px 14px}.profile{border-top:1px solid #354039;display:flex;align-items:center;gap:10px;padding:22px 0}.profile strong{font-size:12px;display:block;font-weight:500}.profile span{font-size:12px;color:#9fa8a3}.profile>svg{margin-left:auto;color:#9fa8a3}.avatar{width:30px;height:30px;border-radius:50%;background:#454b42;display:grid;place-items:center;font-size:12px}.topbar{height:56px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.breadcrumb span{color:#283331}.docs-link{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:12px;color:#667076}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px}.page-heading p{font-size:14px;color:var(--muted);margin-top:9px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:6px;font-size:13px;font-weight:600;padding:11px 15px;text-decoration:none;min-height:39px}.primary{background:var(--green);color:#202b17}.primary:hover{background:#b6e25c}.secondary{background:#fff;border:1px solid #dbe0df;color:#34403a}.secondary:hover{background:#f0f3ec}.editor-workspace{margin:0 24px;border:1px solid #dbe1df;border-radius:6px;overflow:hidden;background:#fff}.project-bar{min-height:60px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.project-title,.project-actions{display:flex;align-items:center;gap:13px;min-width:0}.project-title>svg{color:#56635a}.project-title input{font-size:14px;font-weight:600;border:0;background:transparent;width:190px;min-width:0;padding:5px 0;color:var(--ink)}.draft-tag{font-size:12px;background:#f2f3f0;color:var(--muted);padding:4px 8px;border-radius:4px}.icon-button{display:grid;place-items:center;padding:8px;background:transparent;color:#69746b;border-radius:5px}.icon-button:hover{background:#f0f3ed}.editor-columns{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,1fr);height:var(--editor-height)}.pane-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);font-size:12px}.pane-heading>div{display:flex;align-items:center;gap:9px}.pane-heading button{display:flex;align-items:center;gap:6px;background:transparent;color:#adb9b0;font-size:12px;padding:8px 0}.pane-heading.dark{background:#252d31;border-bottom:1px solid #353e42;color:#d8e1dc}.tiny-dot{height:5px;width:5px;background:#a8bb7c;border-radius:50%}.code-pane{min-height:0;background:#20272b;display:flex;flex-direction:column;min-width:0}.code-area{flex:1;min-height:0;display:flex;overflow:hidden}.code-area textarea{flex:1;resize:none;border:0;background:transparent;color:#d8e2dc;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.8;padding:21px 18px 21px 0;white-space:pre;overflow:auto;tab-size:2;min-width:0;caret-color:var(--green)}.line-numbers{font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.8;text-align:right;color:#9aa69e;padding:21px 15px 21px 16px;margin:0;-webkit-user-select:none;user-select:none;overflow:hidden;width:51px;flex-shrink:0}.validation-bar{font-size:12px;display:flex;align-items:center;gap:7px;padding:12px 17px;background:#28312e;color:#c5dcad;min-height:41px}.validation-bar>span:last-child{margin-left:auto}.validation-bar.invalid{color:#ffbfa9;background:#412e2a;align-items:flex-start;line-height:1.5}.validation-bar.invalid>span{margin-left:0;overflow-wrap:anywhere}.preview-pane{min-height:0;display:flex;flex-direction:column;min-width:0}.preview-tag{font-size:12px;color:var(--muted);border:1px solid #d9e0d9;border-radius:4px;padding:2px 5px}.format-select select{border:0;background:transparent;color:#566159;font-size:12px;padding:5px 0}.monitor{flex:1;min-height:0;background:#eef0ef;display:flex;justify-content:center;align-items:center;padding:16px 26px;overflow:hidden}.scene-preview{position:relative;flex-shrink:0;overflow:hidden;border-radius:3px;box-shadow:0 6px 18px #26312516}.scene-canvas{position:absolute;top:0;left:0;transform-origin:0 0;font-family:Arial,sans-serif}.monitor video{max-height:100%;max-width:100%;border-radius:3px}.video-placeholder{display:flex;justify-content:center;align-items:center;flex-direction:column;background:#2f3b40;color:#fff;font-size:30px;gap:25px}.empty-preview{color:var(--muted);text-align:center;font-size:14px;display:grid;justify-items:center;gap:15px}.preview-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.timecode{font-family:IBM Plex Mono,monospace;color:#333f36;font-size:12px}.timecode span{color:var(--muted)}.separator{padding:0 5px}.render-result{min-height:83px;padding:14px 20px;font-size:12px}.render-result p{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.job-status{display:flex;align-items:center;gap:7px;margin-bottom:6px}.job-status.done{color:#4b713b}.job-status.error{color:#aa4837}.job-status>span{margin-left:auto}.download-result{display:flex;gap:5px;margin-left:auto;text-decoration:none;color:#375b24}.render-result progress{width:100%;height:4px;accent-color:#96b851;display:block;margin:8px 0}.timeline{border-top:1px solid var(--line);padding:18px 20px 22px}.timeline-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:15px}.timeline-top>span:first-child{display:flex;align-items:center;gap:7px;color:#35443a;font-size:12px;font-weight:500}.scene-strip{display:flex;gap:10px;overflow-x:auto;padding:3px}.scene-card{flex:1;min-width:152px;max-width:230px;display:flex;gap:11px;align-items:center;background:#f7f8f5;border:1px solid #e1e5de;border-radius:6px;padding:9px;text-align:left}.scene-card.selected{border-color:#8cac54;outline:2px solid #b4cd8550;background:#f8fbf2}.scene-swatch{width:35px;height:46px;border-radius:3px;display:grid;place-items:center;font-family:IBM Plex Mono,monospace;font-size:12px;flex-shrink:0}.scene-info{min-width:0;display:flex;flex-direction:column;gap:6px}.scene-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.scene-info>span{font-size:12px;color:var(--muted)}.add-scene{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;border:1px dashed #cdd5c9;border-radius:6px;color:#718065;min-width:103px;font-size:12px;padding:10px}.editor-footnote{display:flex;justify-content:space-between;gap:15px;margin:12px 24px 24px;font-size:12px;color:var(--muted)}.editor-footnote span,.editor-footnote button{display:flex;align-items:center;gap:5px}.editor-footnote button{background:transparent;color:#55684c;font-size:12px}.content-page{margin:0 24px 32px}.content-page .page-heading{margin:32px 0}.empty-state{padding:56px 24px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;flex-direction:column;gap:18px}.empty-state>svg{color:#899781}.empty-state p{color:var(--muted)}.jobs-list{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.job-row{padding:20px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.job-row:last-child{border-bottom:0}.job-thumbnail{width:68px;height:78px;background:#eef2e9;border-radius:5px;overflow:hidden;display:grid;place-items:center;flex-shrink:0;color:#6b7c61;padding:0}.job-thumbnail img{height:100%;width:100%;object-fit:cover}.job-detail{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.job-detail>span{font-size:12px;color:var(--muted)}.job-detail code{font-size:12px;color:var(--muted)}.text-button{background:none;text-align:left;padding:0;color:var(--ink);font-weight:600;font-size:15px}.status-tag{font-size:12px;padding:6px 9px;border-radius:5px;display:inline-flex;white-space:nowrap;background:#edf0eb;color:#5e6b55}.status-tag.done{background:#eaf3e2;color:#476330}.status-tag.error{background:#f9e9e4;color:#a24935}.status-tag.running{background:#eff1dc;color:#787831}.error-text{font-size:12px;color:#a24935;overflow-wrap:anywhere}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.template-art{height:285px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px}.template-art h2{font-size:30px;line-height:1.2;letter-spacing:-.04em}.template-art span{font-size:12px}.template>h2{margin-top:20px;font-size:18px}.template p{margin:10px 0 18px;font-size:14px;color:var(--muted)}.inline-confirm{margin-top:24px;border:1px solid #ccd6c1;background:#fff;padding:20px;display:flex;align-items:center;gap:10px;border-radius:8px;font-size:14px}.inline-confirm>span{margin-right:auto}.api-settings{max-width:800px}.api-settings h2{margin-bottom:20px}.api-settings label{display:block;font-size:13px;font-weight:600;margin-top:20px}.api-settings input,.connect-panel input{display:block;border:1px solid #d5dcd5;border-radius:6px;background:#fff;padding:12px 14px;width:100%;font-family:IBM Plex Mono,monospace;font-size:13px;color:#44523d;margin-top:8px}.key-field{display:flex;gap:10px;margin:8px 0 10px}.key-field input{margin:0}.muted{color:var(--muted);font-size:13px}.connection-note{font-size:13px;color:#775e34;display:flex;align-items:center;gap:8px;margin-top:10px}.connection-note svg{flex-shrink:0}.make-flow{display:flex;align-items:center;justify-content:space-between;margin:40px 0;padding:30px;background:#fff;border:1px solid var(--line);border-radius:10px;gap:10px}.make-flow>svg{color:#a1aaa2;width:17px;flex-shrink:0}.make-flow>div{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center}.flow-circle{height:46px;width:46px;border-radius:50%;display:grid;place-items:center}.flow-circle.sheets{background:#e6f1e6;color:#4b8e56}.flow-circle.json{background:#eef0fb;color:#6573b8}.flow-circle.render{background:#c6f36b;color:#3b5029}.flow-circle.hook{background:#efe8f9;color:#8b5cb1}.flow-circle.publish{background:#e6eff6;color:#4d7da2}.make-flow strong{font-size:12px}.make-flow small{font-size:12px;color:var(--muted)}.api-guide{display:grid;grid-template-columns:1fr 1fr;gap:35px}.api-guide article{min-width:0}.api-guide h2{margin-bottom:15px}.api-guide p{font-size:14px;line-height:1.75;margin:13px 0}code{font-family:IBM Plex Mono,monospace;font-size:.87em}.api-code{background:#232c2b;color:#d2dfbd;font-size:12px;line-height:1.8;padding:22px;border-radius:8px;overflow:auto;max-width:100%}details{border-top:1px solid #dce2db;padding:22px 0;margin-top:12px;font-size:14px}summary{cursor:pointer;font-weight:600}details p{max-width:80ch;margin-top:17px}.source-links{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#63715d;margin-top:25px}.source-links a{display:flex;gap:4px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#253028;color:#edf9df;box-shadow:0 8px 25px #0002;padding:14px 20px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:10px;max-width:90vw;z-index:30;animation:arrive .2s ease-out}.alert{display:flex;align-items:center;gap:10px;background:#f9e9e4;color:#91462e;padding:14px 25px;font-size:14px}.alert button{margin-left:auto;background:transparent;color:inherit}.connect-panel{max-width:460px;margin:100px auto;padding:25px}.connect-panel h1{margin:20px 0 10px}.connect-panel p{color:var(--muted)}.connect-panel button{margin-top:15px}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{0%{opacity:.4;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@media(min-width:1500px){.app-shell{grid-template-columns:208px 1fr}.page-heading{margin-top:40px}}@media(max-width:1150px){.app-shell{grid-template-columns:190px 1fr}.sidebar{padding-left:10px;padding-right:10px}.brand{font-size:23px}.topbar{padding:0 24px}.page-heading{margin-left:24px;margin-right:24px}.editor-workspace{margin:0 24px}.project-title input{width:140px}.draft-tag{display:none}.content-page,.editor-footnote{margin-left:24px;margin-right:24px}.make-flow{padding:20px 12px}.make-flow small{max-width:95px}.pane-heading{padding:0 14px}.project-bar{padding:14px}.template-art{padding:20px;height:260px}.template-art h2{font-size:29px}.template-grid{gap:18px}}@media(max-width:900px){.app-shell{grid-template-columns:72px 1fr}.sidebar{padding:25px 9px 0}.brand{padding:0 10px;font-size:0}.brand-symbol{margin:0;min-width:33px}.brand-two,.studio-word,.workspace-label,.nav-item>span,.sidebar-bottom{display:none}.sidebar nav{margin-top:45px}.nav-item{justify-content:center;padding:14px}.nav-item svg{width:20px;height:20px}.project-title input{width:160px}.template-grid{grid-template-columns:1fr 1fr}.api-guide{grid-template-columns:1fr}.make-flow strong,.docs-link{font-size:12px}}@media(max-width:650px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:12px 15px;gap:20px}.brand{padding:0;font-size:22px}.brand-symbol{margin-right:8px}.brand-two{display:inline}.sidebar nav{display:flex;margin:0 0 0 auto;gap:4px}.nav-item{width:auto;padding:11px 10px;margin:0}.nav-item svg{width:17px;height:17px}.topbar{height:48px;padding:0 18px}.docs-link{display:none}.page-heading{margin:24px 18px 20px;align-items:flex-start;flex-wrap:wrap;gap:15px}h1{font-size:26px}.page-heading p{font-size:13px}.page-heading>.secondary{padding:8px 12px;min-height:34px;font-size:12px}.editor-workspace{margin:0 12px}.project-bar{flex-wrap:wrap;padding:12px;gap:12px}.project-title{flex:1}.project-title input{width:175px;max-width:100%}.project-actions{gap:4px}.project-actions>.primary{padding:10px;font-size:12px}.project-actions .icon-button{display:none}.editor-columns{grid-template-columns:1fr}.preview-pane{border-top:1px solid var(--line)}.preview-footer{font-size:12px}.render-result{min-height:62px}.timeline{padding:16px 12px}.scene-card{min-width:146px}.editor-footnote{margin:15px 18px 25px;align-items:flex-start;flex-direction:column;line-height:1.5}.content-page{margin:0 18px 30px}.content-page .page-heading{margin:24px 0}.template-grid{grid-template-columns:1fr}.template-art{height:260px}.template-art h2{font-size:36px}.inline-confirm{flex-wrap:wrap}.inline-confirm>span{width:100%}.job-row{gap:12px;padding:14px;flex-wrap:wrap}.job-thumbnail{width:45px;height:60px}.job-detail{min-width:150px}.job-detail>span{font-size:12px}.job-row>.secondary{margin-left:auto}.make-flow{flex-wrap:wrap;justify-content:center;gap:18px}.make-flow>div{min-width:80px}.make-flow>svg{width:12px}.connection-note{align-items:flex-start}.api-code{padding:16px;font-size:12px}.source-links{gap:10px}.key-field input{min-width:0}.connect-panel{margin:30px auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:var(--green);color:var(--ink);padding:12px 20px;border-radius:4px}.skip-link:focus{top:12px}.editor-heading{margin-top:18px;margin-bottom:18px}.editor-heading>div{display:flex;align-items:baseline;gap:16px}.editor-heading h1{font-size:21px;letter-spacing:-.025em}.editor-heading p{font-size:13px;margin:0;color:var(--muted)}.editor-heading>.secondary{background:transparent;border-color:transparent}.editor-heading>.secondary:hover{border-color:var(--line)}.scene-preview-frame{height:100%;width:100%;display:flex;align-items:center;justify-content:center;min-height:0}.project-title input{width:min(280px,28vw)}.project-title{gap:12px}.pane-heading{flex-shrink:0;padding:0 var(--space-panel)}.monitor{padding:24px;background:#e7ebe8}.validation-bar{max-height:124px;overflow:auto;flex-shrink:0;font-size:12px}.render-result{flex-shrink:0;max-height:150px;overflow:auto;min-height:74px;padding:16px}.preview-footer{padding:12px 16px;flex-shrink:0}.timeline{padding:16px}.timeline-top{margin-bottom:12px}.scene-card{background:transparent;border-radius:4px;min-width:160px;max-width:240px}.scene-card.selected{outline:0;border-color:#768e59;background:#f0f5e9}.scene-swatch{width:30px;height:40px}.add-scene{border-radius:4px}.profile{gap:12px}.profile>svg{margin-left:0;color:var(--muted-on-dark)}.profile strong{font-size:13px}.profile span{font-size:12px}.engine-label{line-height:1.5}.small-muted{margin-left:0}.docs-link{font-size:12px}.breadcrumb{font-size:13px}.loading-state{display:flex;gap:12px;align-items:center;padding:48px 24px;color:var(--muted)}.template-grid{gap:24px}.template>h2{font-size:17px}.template-art{border-radius:4px}.inline-confirm{position:sticky;bottom:16px;box-shadow:0 8px 24px #17201915}.source-links{line-height:1.7}.job-detail{overflow-wrap:anywhere}.job-thumbnail img{aspect-ratio:68/78}.text-button{line-height:1.5}.empty-preview{max-width:32ch}.alert{align-items:flex-start;line-height:1.5}.alert>svg{flex-shrink:0;margin-top:3px}.alert button{min-width:32px;min-height:32px}.app-shell main:focus{outline:none}.api-settings input{background:var(--surface)}@media(max-width:1050px){.editor-columns{grid-template-columns:minmax(0,1.1fr) minmax(280px,1fr)}.editor-heading>div{display:block}.editor-heading p{margin-top:4px}.project-title input{width:180px}}@media(max-width:820px){.editor-columns{grid-template-columns:1fr;height:auto}.code-area{height:380px;flex:none}.preview-pane{height:490px;border-top:1px solid var(--line)}.editor-heading p{display:none}.project-title input{width:210px}.monitor{min-height:200px}.validation-bar{max-height:160px}}@media(max-width:650px){.sidebar{flex-wrap:wrap;gap:8px;padding:12px 16px}.sidebar nav{gap:0}.nav-item{min-width:44px;min-height:44px;padding:12px}.brand{font-size:20px}.brand-symbol{width:30px;height:30px;min-width:30px}.editor-heading{align-items:center;margin:18px 16px}.editor-heading h1{font-size:20px}.editor-workspace{margin:0 12px}.project-bar{align-items:center;gap:12px}.project-title{flex:1 1 100%;padding:0 2px}.project-title input{width:100%;font-size:15px}.project-actions{width:100%;justify-content:space-between}.project-actions .icon-button{display:grid}.project-actions>.primary{min-height:44px;padding:12px 16px;flex:1;margin-left:8px}.code-area{height:340px}.line-numbers{width:42px;padding-left:8px;padding-right:10px}.code-area textarea{padding-right:12px}.preview-pane{height:480px}.pane-heading button,.format-select select{min-height:44px;font-size:12px}.scene-info strong{font-size:13px}.scene-card{min-width:170px}.editor-footnote{font-size:12px}.key-field{flex-wrap:wrap}.key-field input{flex:1;min-width:180px}.template-grid{gap:32px}.make-flow{padding:20px;gap:20px}.inline-confirm{position:static;box-shadow:none}.source-links{gap:12px}.profile{display:none}}@media(pointer:coarse){button,.secondary,.primary,.download-result,.format-select select{min-height:44px}.icon-button{min-width:44px}}.template-inspector{margin:16px 24px 0;padding:16px 0;border-bottom:1px solid var(--line)}.template-inspector summary,.make-contract summary{cursor:pointer;font-weight:600;padding:8px 0}.template-inspector summary span{margin-left:16px;font-size:13px;font-weight:400;color:var(--muted)}.template-inspector p,.make-contract p{font-size:14px;line-height:1.65;color:var(--muted);max-width:75ch}.variable-table-wrap{overflow-x:auto}.variable-table{border-collapse:collapse;width:100%;min-width:650px;font-size:13px;text-align:left}.variable-table th,.variable-table td{padding:10px 14px 10px 0;border-bottom:1px solid var(--line)}.variable-table th{color:var(--muted);font-size:12px;font-weight:500}.variable-table code{white-space:nowrap}.variable-value{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.missing-value{color:#9a491c}.make-template-row{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px 0;margin-bottom:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.make-template-row h2{margin:0 0 8px;font-size:18px}.make-template-row p{max-width:64ch;color:var(--muted);font-size:14px;line-height:1.6}.make-template-row code{font-size:12px}.make-template-row button{flex-shrink:0}.provider-status{display:flex;flex-wrap:wrap;gap:12px 32px;padding:16px 0 0;font-size:13px}.provider-status span{display:grid;gap:4px}.provider-status strong{font-weight:500;color:var(--muted)}.make-contract{padding:16px 0}.make-contract .api-code{max-height:340px;overflow:auto}.empty-preview small{max-width:28ch;line-height:1.6}@media(max-width:650px){.make-template-row{align-items:flex-start;flex-direction:column;gap:12px}.template-inspector{margin-left:16px;margin-right:16px}.template-inspector summary span{display:block;margin:6px 0 0}}