:root{--background:#f7f7f4;--foreground:#1c1c1a;--muted:#62615c;--line:#ddddd5;--accent:#176b87}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica Neue,sans-serif}a{color:inherit}main{min-height:100vh}.site-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;padding:18px clamp(20px,5vw,64px)}.brand{font-weight:700;text-decoration:none}.site-header nav{display:flex;gap:16px}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a[aria-current=page]{color:var(--foreground);font-weight:700}.page-shell{margin:0 auto;max-width:1040px;padding:0 clamp(20px,5vw,64px)}main .page-shell{padding-bottom:72px;padding-top:48px}.section{border-top:1px solid var(--line);padding:32px 0}.section:first-child{border-top:0;padding-top:0}.hero{max-width:760px}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:0;margin:0 0 12px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,7vw,4.5rem);line-height:1;margin-bottom:20px}h2{font-size:1.75rem;line-height:1.2}li,p{color:var(--muted);line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{background:var(--foreground);border-radius:6px;color:var(--panel);display:inline-flex;font-weight:700;padding:10px 14px;text-decoration:none}.card-grid,.fact-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card,.fact{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:640px;width:100%}td,th{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}th{color:var(--foreground)}.article-grid{align-items:start;display:grid;grid-gap:32px;gap:32px;grid-template-columns:minmax(0,1fr) 220px}.article-body,.static-body{max-width:760px}.toc{border-left:1px solid var(--line);padding-left:18px;position:-webkit-sticky;position:sticky;top:24px}.toc h2{font-size:1rem}.last-updated{font-size:.9rem}.callout{background:var(--panel);border-left:4px solid var(--accent);margin:24px 0;padding:16px}.faq-list details{border-top:1px solid var(--line);padding:14px 0}.route-note{max-width:760px}.breadcrumbs{border-bottom:1px solid var(--line)}.breadcrumb-inner{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.9rem;gap:10px;padding-bottom:14px;padding-top:14px}.breadcrumb-item:not(:last-child):after{content:"/";margin-left:10px}.site-footer{border-top:1px solid var(--line)}.footer-inner{padding-bottom:32px;padding-top:32px}.footer-brand{color:var(--foreground);font-weight:700}.site-footer nav{display:flex;flex-wrap:wrap;gap:14px}@media (max-width:760px){.article-grid{grid-template-columns:1fr}.toc{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:18px;position:static}}:root{--background:#f6f7fb;--foreground:#121528;--muted:#656b7d;--line:#e2e4ec;--panel:#ffffff;--accent:#6357ec;--accent-strong:#4f43da;--ink:#111522;color-scheme:light}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 0,rgba(107,92,255,.07),transparent 27rem),var(--background);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid rgba(99,87,236,.35);outline-offset:2px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0)}.page-shell{max-width:1480px;width:100%}main .page-shell{padding-bottom:0;padding-top:0}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(255,255,255,.86);border-bottom-color:rgba(20,24,42,.08);padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;min-height:72px;padding:0 clamp(20px,4vw,56px)}.brand{align-items:center;display:inline-flex;font-size:1rem;gap:10px;justify-self:start}.brand strong{color:var(--accent)}.brand-mark{background:var(--accent);border-radius:9px;display:grid;height:31px;place-items:center;position:relative;transform:rotate(10deg);width:31px}.brand-mark i:first-child{border:4px solid white;height:14px;transform:rotate(-10deg);width:14px}.brand-mark i:last-child{background:#a89fff;border-radius:50%;height:5px;position:absolute;right:-2px;top:-2px;width:5px}.site-header nav{gap:30px}.site-header nav a{color:#555b6d;font-size:.88rem;font-weight:650}.site-header nav a:hover{color:var(--foreground)}.export-button,.header-cta{align-items:center;background:var(--ink);border-radius:10px;color:#fff;display:inline-flex;font-size:.86rem;font-weight:750;gap:18px;justify-self:end;padding:10px 14px;text-decoration:none}.export-button span,.header-cta span{color:#a89fff}.maker-hero{align-items:center;display:grid;grid-gap:clamp(36px,7vw,110px);gap:clamp(36px,7vw,110px);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);min-height:520px;padding:clamp(70px,9vw,128px) clamp(4px,3vw,40px) 88px}.maker-hero-copy{max-width:890px}.eyebrow{align-items:center;color:var(--accent);display:flex;font-size:.72rem;font-weight:800;gap:8px;letter-spacing:.13em;margin-bottom:16px}.status-dot{background:#36c98a;border:4px solid #d9f7e9;border-radius:50%;height:13px;width:13px}.maker-hero h1{color:#111426;font-size:clamp(3.6rem,7.7vw,7.4rem);letter-spacing:-.07em;line-height:.87;margin:0 0 30px}.maker-hero h1 span{color:var(--accent)}.hero-lead{color:#606679;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65;max-width:720px}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-pills span{background:#fff;border:1px solid #e5e5ee;border-radius:999px;color:#555b6e;font-size:.82rem;font-weight:700;padding:8px 13px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hero-primary-action,.hero-secondary-action{align-items:center;border-radius:10px;display:inline-flex;font-size:.88rem;font-weight:800;min-height:46px;padding:12px 16px;text-decoration:none}.hero-primary-action{background:var(--accent);box-shadow:0 12px 25px rgba(23,107,135,.18);color:#fff;gap:18px}.hero-primary-action:hover{background:#115a71}.hero-primary-action span{font-size:1.05rem}.hero-secondary-action{color:#465065;padding-left:4px;padding-right:4px}.hero-secondary-action:hover{color:var(--accent)}.hero-proof{background:#131727;border:1px solid #282e46;border-radius:22px;box-shadow:0 28px 80px rgba(25,25,54,.2);color:#eef0ff;overflow:hidden;padding:26px;position:relative;transform:rotate(2deg)}.hero-proof:after{background:var(--accent);border-radius:50%;content:"";filter:blur(42px);height:110px;opacity:.34;position:absolute;right:-20px;top:-20px;width:110px}.proof-label{color:#8f97b4;font-size:.66rem;font-weight:800;letter-spacing:.15em;margin-bottom:22px}.hero-proof code{color:#b7b1ff;display:block;font-size:clamp(.72rem,1.2vw,.9rem);overflow:hidden;padding:18px 0 38px;text-overflow:ellipsis;white-space:nowrap}.proof-line{align-items:center;border-top:1px solid #30364d;color:#adb3c9;display:flex;font-size:.78rem;justify-content:space-between;padding-top:18px}.proof-line strong{color:#fff;font-size:1.15rem}.builder-section,.faq-section,.guide-section,.how-section,.template-section,.workspace-visual-section{scroll-margin-top:88px}.builder-section{background:#eceef5;border-radius:32px;margin:0 -12px;padding:clamp(28px,4vw,52px) 12px 12px}.section-heading{align-items:flex-end;display:flex;gap:30px;justify-content:space-between;margin:0 auto 30px;max-width:1320px}.code-header h2,.faq-section h2,.guide-heading h2,.section-heading h2{color:#15182b;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.055em;line-height:1.02;margin:0}.builder-heading h2{font-size:clamp(1.85rem,3.2vw,2.8rem)}.save-status{align-items:center;color:#687083;display:flex;font-size:.78rem;font-weight:650;gap:7px;margin:0 2px 4px 0}.save-dot{background:#a8afc1;border-radius:50%;height:7px;width:7px}.save-dot.ready{background:#2cc487;box-shadow:0 0 0 4px rgba(44,196,135,.12)}.maker-app{background:#171b28;border:1px solid #252b3c;border-radius:22px;box-shadow:0 30px 85px rgba(24,27,48,.22);color:#eef0f8;margin:0 auto;max-width:1400px;overflow:hidden}.maker-toolbar{align-items:center;border-bottom:1px solid #2d3243;display:flex;gap:10px;min-height:58px;padding:9px 12px 9px 16px}.narrow-editor-notice{display:none}.toolbar-project{margin-right:auto}.toolbar-project input{background:transparent;border:1px solid transparent;border-radius:7px;color:#f3f4fa;font-size:.86rem;font-weight:700;max-width:240px;padding:8px 9px;width:100%}.toolbar-project input:focus,.toolbar-project input:hover{background:#202533;border-color:#3a4157;outline:0}.toolbar-group{background:#202431;border:1px solid #303646;border-radius:8px;display:flex;padding:3px}.code-actions button,.toolbar-group button{background:transparent;border:0;border-radius:6px;color:#aeb4c7;cursor:pointer;font-size:.75rem;font-weight:700;padding:7px 10px}.toolbar-group button.active,.toolbar-group button:hover:not(:disabled){background:#393f53;color:#fff}.toolbar-group button:disabled{cursor:not-allowed;opacity:.35}.export-button{border:0;cursor:pointer;justify-self:auto;margin-left:4px;padding:10px 14px}.maker-workspace{display:grid;grid-template-columns:232px minmax(400px,1fr) 278px;min-height:690px}.maker-sidebar{background:#171b28;min-width:0}.palette-panel{border-right:1px solid #2b3040}.properties-panel{border-left:1px solid #2b3040;max-height:760px;overflow-y:auto}.panel-section{border-bottom:1px solid #2b3040;padding:18px 14px}.panel-title{align-items:center;color:#f0f1f7;display:flex;font-size:.72rem;font-weight:800;justify-content:space-between;letter-spacing:.05em;margin-bottom:13px;text-transform:uppercase}.panel-title small{color:#737b92;font-size:.58rem}.component-grid{display:grid;grid-gap:7px;gap:7px;grid-template-columns:1fr 1fr}.component-grid button{align-items:center;background:#202532;border:1px solid #303646;border-radius:8px;color:#bbc0d0;cursor:pointer;display:flex;flex-direction:column;font-size:.65rem;gap:7px;min-height:66px;padding:9px 5px}.component-grid button:hover{background:#292e3e;border-color:#6f64ee;color:#fff}.component-symbol{color:#948bff;font-size:1.05rem;font-weight:800}.layers-section{border:0;padding-left:8px;padding-right:8px}.layer-tree{display:grid;grid-gap:2px;gap:2px}.layer-row{align-items:center;background:transparent;border:0;border-radius:6px;color:#adb3c4;cursor:pointer;display:grid;font-size:.7rem;grid-gap:7px;gap:7px;grid-template-columns:17px minmax(0,1fr) auto;min-height:30px;text-align:left;width:100%}.layer-row>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row:hover{background:#202533;color:#fff}.layer-row.selected{background:rgba(104,91,246,.22);color:#fff}.layer-icon{color:#777ee8;text-align:center}.layer-row small{color:#858ca1;font-size:.5rem;padding-right:5px}.empty-layers{font-size:.72rem;padding:8px}.canvas-panel{background:#202431;min-width:0;overflow:hidden;padding:12px 16px 22px}.canvas-meta{color:#7f879c;display:flex;font-size:.62rem;font-weight:700;justify-content:space-between;letter-spacing:.04em;padding:0 2px 10px;text-transform:uppercase}.canvas-viewport{align-items:flex-start;background:#181c28;border:1px solid #2d3344;border-radius:12px;display:flex;height:630px;justify-content:center;overflow:auto;padding:26px}.gui-canvas{background:radial-gradient(circle at 76% 22%,rgba(99,87,236,.23),transparent 30%),linear-gradient(145deg,#0d1020,#151a2c 68%,#101426);box-shadow:0 15px 60px rgba(0,0,0,.35);flex:0 0 auto;overflow:hidden;position:relative;touch-action:none;width:100%}.canvas-grid{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:32px 32px;inset:0;pointer-events:none;position:absolute}.canvas-node{align-items:center;border-style:solid;display:flex;justify-content:center;min-height:1px;min-width:1px;position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-node.selected{box-shadow:0 0 0 2px #8f86ff,0 0 0 5px rgba(143,134,255,.2);z-index:50}.kind-scrollingframe{overflow:auto}.node-text{line-height:1.08;padding:4px;pointer-events:none;text-align:center;white-space:pre-line}.image-placeholder{align-items:center;color:rgba(255,255,255,.72);display:flex;flex-direction:column;font-size:2rem;gap:4px;pointer-events:none}.image-placeholder small{font-size:.5rem;letter-spacing:.1em}.resize-handle{background:#fff;border:2px solid #6558f5;border-radius:3px;bottom:-6px;cursor:nwse-resize;height:11px;position:absolute;right:-6px;width:11px;z-index:100}.empty-canvas{color:#7f879e;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.empty-canvas>span{border:1px dashed #4a526a;border-radius:12px;display:grid;font-size:1.5rem;height:54px;margin:0 auto 14px;place-items:center;width:54px}.empty-canvas strong{color:#c0c5d5;display:block;font-size:.8rem}.empty-canvas p{font-size:.68rem;margin-top:4px}.properties-content{padding-bottom:18px}.property-heading{align-items:center;border-bottom:1px solid #2b3040;display:flex;justify-content:space-between;padding:18px}.property-heading small{color:#7f879d;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.property-heading h3{color:#f0f2f8;font-size:.9rem;margin:4px 0 0}.visibility-toggle input{position:absolute;opacity:0}.visibility-toggle span{color:#4bd29c;cursor:pointer;font-size:.8rem}.visibility-toggle input:not(:checked)+span{color:#596075}.property-actions{display:grid;grid-gap:5px;gap:5px;grid-template-columns:34px 34px 1fr 1fr;padding:12px 14px 0}.property-actions button{background:#242936;border:1px solid #353b4d;border-radius:6px;color:#aeb4c7;cursor:pointer;font-size:.62rem;padding:7px 5px}.property-actions button:hover{border-color:#6960d8;color:#fff}.property-actions .danger:hover{border-color:#ef6b7f;color:#ff9cac}.property-group{border:0;border-bottom:1px solid #2b3040;display:grid;grid-gap:10px;gap:10px;margin:0;padding:16px 14px 18px}.property-group legend{color:#8e95a9;font-size:.58rem;font-weight:800;letter-spacing:.09em;padding:0;text-transform:uppercase}.field{display:grid;grid-gap:5px;gap:5px;min-width:0}.field>span:first-child{color:#858da2;font-size:.61rem;font-weight:650}.field input,.field select,.field textarea{background:#202532;border:1px solid #343a4b;border-radius:6px;color:#e5e7ef;font-size:.68rem;min-width:0;padding:8px;resize:vertical;width:100%}.field-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr}.color-control{align-items:center;display:grid;grid-gap:6px;gap:6px;grid-template-columns:34px minmax(0,1fr)}.color-control input[type=color]{height:32px;padding:3px}.no-selection{padding:80px 24px;text-align:center}.no-selection>span{color:#6f67d9;font-size:2rem}.no-selection h3{color:#e2e4ec;font-size:.9rem;margin:14px 0 5px}.no-selection p{font-size:.7rem;line-height:1.6}.faq-section,.guide-section,.how-section,.template-section,.workspace-visual-section{padding:clamp(86px,10vw,150px) clamp(4px,3vw,40px) 0}.section-lead{color:#606679;font-size:.95rem;line-height:1.65;margin:18px 0 0;max-width:700px}.text-button{background:none;border:0;color:var(--accent);cursor:pointer;font-weight:800}.template-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1320px}.template-card{background:#fff;border:1px solid #e0e2eb;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.template-card:hover{box-shadow:0 18px 45px rgba(25,28,53,.1);transform:translateY(-4px)}.template-preview{aspect-ratio:754/424;background:#111526;border-bottom:1px solid #2a3044;overflow:hidden}.template-preview-image{display:block;height:100%;object-fit:cover;width:100%}.template-card-copy{align-items:flex-end;display:flex;flex:1 1;gap:12px;justify-content:space-between;padding:17px}.template-card h3{font-size:.95rem;margin-bottom:5px}.template-card p{font-size:.72rem;line-height:1.35;margin:0}.template-card .template-category{color:var(--accent);font-size:.6rem;font-weight:850;letter-spacing:.1em;margin-bottom:7px;text-transform:uppercase}.template-card .template-use-case{color:#72798d;margin-top:10px}.template-card button{background:#f0efff;border:0;border-radius:8px;color:#574bd8;cursor:pointer;flex:0 0 auto;font-size:.65rem;font-weight:800;padding:9px 10px}.template-card button span{font-size:.85rem;margin-left:4px}.code-section{background:#131725;border-radius:24px;color:#f0f1f6;margin:clamp(90px,11vw,160px) auto 0;max-width:1320px;overflow:hidden;padding:clamp(25px,4vw,48px);scroll-margin-top:90px}.code-header{align-items:flex-end;display:flex;gap:24px;justify-content:space-between}.code-header h2{color:#fff;font-size:clamp(2rem,4vw,3.1rem)}.code-header p:not(.eyebrow){color:#8f96aa;font-size:.84rem;margin:10px 0 0}.code-actions{display:flex;gap:8px}.code-actions button{border:1px solid #353b50;padding:10px 14px}.code-actions .copy-button{background:var(--accent);border-color:var(--accent);color:#fff}.code-actions .copy-button.failed{background:#b54255;border-color:#d96478}.studio-guide{background:#0b0e18;border:1px solid #282e41;border-radius:14px;margin-top:28px;padding:22px}.studio-guide-heading h3{color:#fff;font-size:1.15rem;margin:4px 0 0}.studio-guide ol{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,1fr);list-style:none;margin:20px 0 0;padding:0}.studio-guide li{align-items:flex-start;background:#151a29;border:1px solid #282e41;border-radius:10px;display:flex;gap:10px;min-width:0;padding:14px}.studio-guide li>span{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex:0 0 24px;font-size:.7rem;font-weight:900;height:24px;justify-content:center}.studio-guide strong{color:#fff;display:block;font-size:.82rem;margin:2px 0 6px}.studio-guide li p,.studio-guide-note{color:#9ca4b9;font-size:.75rem;line-height:1.55;margin:0}.studio-guide b{color:#d9d6ff;font-weight:700}.studio-guide-note{border-top:1px solid #282e41;margin-top:16px;padding-top:14px}.code-section pre{background:#0b0e18;border:1px solid #282e41;border-radius:12px;color:#bcb7ff;font-size:.78rem;line-height:1.65;margin:28px 0 0;max-height:460px;overflow:auto;padding:22px;white-space:pre}.step-grid{counter-reset:steps;display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,1fr);list-style:none;margin:0 auto;max-width:1320px;padding:0}.step-grid li{background:#fff;border:1px solid #e2e4ec;border-radius:16px;padding:28px}.step-grid li>span{color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.1em}.step-grid h3{color:#171a2c;font-size:1.1rem;margin:36px 0 9px}.step-grid p{font-size:.84rem;line-height:1.6;margin:0}.guide-section{margin:0 auto;max-width:1320px}.guide-heading{max-width:900px}.guide-heading>p:not(.eyebrow){color:#606679;font-size:.98rem;line-height:1.75;margin:18px 0 0}.workspace-visual-section{align-items:center;display:grid;grid-gap:clamp(36px,7vw,112px);gap:clamp(36px,7vw,112px);grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);margin:0 auto;max-width:1320px}.workspace-visual-copy h2{color:#15182b;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.055em;line-height:1.02;margin:0}.workspace-visual-copy>p:not(.eyebrow){color:#606679;font-size:.98rem;line-height:1.75;margin:18px 0 0;max-width:520px}.workspace-visual-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.workspace-visual-pills span{background:#eeecff;border:1px solid #ddd9ff;border-radius:999px;color:#514aaf;font-size:.72rem;font-weight:800;padding:8px 11px}.workspace-visual-figure{margin:0}.workspace-visual-frame{aspect-ratio:1352/801;background:#171b2d;border:1px solid #d9dbea;border-radius:22px;box-shadow:0 24px 65px rgba(33,37,71,.16);overflow:hidden;position:relative}.workspace-visual-image{display:block;height:100%;object-fit:cover;object-position:center top;width:100%}.workspace-visual-badge{background:rgba(20,23,42,.84);border:1px solid rgba(255,255,255,.14);border-radius:999px;bottom:16px;color:#fff;font-size:.68rem;font-weight:800;left:16px;letter-spacing:.04em;padding:8px 10px;position:absolute;text-transform:uppercase}.workspace-visual-figure figcaption{color:#777d90;font-size:.76rem;line-height:1.55;margin-top:12px}.guide-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:38px}.guide-card{background:#fff;border:1px solid #e0e2eb;border-radius:16px;padding:clamp(24px,3vw,34px)}.guide-card h3,.guide-export-note h3{color:#171a2c;font-size:clamp(1.2rem,2vw,1.55rem);letter-spacing:-.025em;line-height:1.15;margin:0}.guide-card p,.guide-export-note>p{color:#606679;font-size:.88rem;line-height:1.72;margin:15px 0 0}.guide-export-note{align-items:start;background:#eeecff;border:1px solid #ddd9ff;border-radius:16px;display:grid;grid-gap:clamp(24px,5vw,70px);gap:clamp(24px,5vw,70px);grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);margin-top:18px;padding:clamp(24px,3vw,36px)}.guide-export-note>p{color:#4e5367;margin:0}.faq-section{display:grid;grid-gap:clamp(40px,8vw,120px);gap:clamp(40px,8vw,120px);grid-template-columns:.7fr 1.3fr;margin:0 auto;max-width:1320px;padding-bottom:140px}.faq-intro{margin-top:18px}.faq-list details{border-bottom:1px solid #dfe1e9;border-top:0;padding:20px 0}.faq-list summary{color:#202337;cursor:pointer;font-size:.98rem;font-weight:750;list-style:none;padding-right:30px;position:relative}.faq-list summary:after{color:var(--accent);content:"+";font-size:1.3rem;position:absolute;right:2px;top:-4px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:.84rem;line-height:1.65;margin:12px 40px 0 0}.site-footer{background:#121522;color:#fff}.footer-inner{align-items:center;display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr auto auto;padding:42px clamp(20px,4vw,56px)}.footer-inner p{margin:0}.footer-inner>div>p:last-child{color:#858ca0;font-size:.72rem;margin-top:6px}.footer-copy,.footer-inner nav a{color:#969caf;font-size:.75rem}.static-layout{margin:0 auto;max-width:900px;min-height:65vh;padding:80px 0 120px}.static-layout .hero h1{font-size:clamp(2.6rem,6vw,4.8rem);letter-spacing:-.06em}.static-body h2{margin-top:46px}@media (max-width:1180px){.maker-workspace{grid-template-columns:210px minmax(380px,1fr) 250px}.canvas-viewport{height:560px;padding:18px}.template-grid{grid-template-columns:1fr 1fr}}@media (max-width:960px){.header-inner{grid-template-columns:1fr auto}.site-header nav{display:none}.maker-hero{grid-template-columns:1fr}.hero-proof{max-width:520px}.maker-workspace{grid-template-columns:190px minmax(420px,1fr);overflow-x:auto}.properties-panel{border-left:0;border-top:1px solid #2b3040;grid-column:1/-1;max-height:none}.properties-content{display:grid;grid-template-columns:repeat(3,1fr)}.property-actions,.property-heading{grid-column:1/-1}.property-group{border-right:1px solid #2b3040}.faq-section,.workspace-visual-section{grid-template-columns:1fr}}@media (max-width:700px){.page-shell{padding-left:16px;padding-right:16px}.header-inner{min-height:64px}.header-cta{font-size:0;gap:0;padding:9px 12px}.header-cta span{font-size:1rem}.maker-hero{min-height:0;padding-bottom:70px;padding-top:72px}.maker-hero h1{font-size:clamp(3rem,15vw,4.5rem)}.hero-actions{align-items:stretch;flex-direction:column}.hero-primary-action,.hero-secondary-action{justify-content:center}.hero-secondary-action{padding-left:16px;padding-right:16px}.builder-section{border-radius:22px;margin:0 -8px}.code-header,.section-heading{align-items:flex-start;flex-direction:column}.maker-toolbar{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.desktop-editor-only{display:none!important}.canvas-sizes{justify-self:stretch}.canvas-sizes button{flex:1 1;padding-left:8px;padding-right:8px}.export-button{margin-left:0;padding-left:11px;padding-right:11px;white-space:nowrap}.narrow-editor-notice{align-items:flex-start;background:rgba(104,91,246,.12);border-bottom:1px solid rgba(143,134,255,.28);color:#bec3da;display:flex;font-size:.72rem;gap:8px;line-height:1.45;padding:10px 14px}.narrow-editor-notice:before{color:#9b92ff;content:"Preview";flex:0 0 auto;font-size:.58rem;font-weight:800;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.maker-workspace{display:block;min-height:0;overflow:visible}.canvas-panel{padding:10px}.canvas-viewport{height:auto;min-height:340px;padding:14px}.preview-only .gui-canvas{touch-action:pan-x pan-y}.preview-only .canvas-node,.preview-only .resize-handle{cursor:default;pointer-events:none}.guide-grid,.step-grid,.template-grid{grid-template-columns:1fr}.faq-section,.guide-section,.how-section,.template-section,.workspace-visual-section{padding-top:90px}.code-section{border-radius:18px;margin-top:90px;padding:22px 16px}.code-actions{width:100%}.code-actions button{flex:1 1}.footer-inner,.guide-export-note,.studio-guide ol{grid-template-columns:1fr}}