:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:#e8ebf0;background:#0e1014;--surface:#14171c;--surface2:#1b1e24;--surface3:#252830;--border:#30343e;--orange:#ff7c16;--amber:#ffb23a;--muted:#88919e;--ink:#151923}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--orange);outline-offset:2px}button,select{transition:background .14s,border-color .14s,transform .16s}button:active{transform:scale(.98)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app{height:100vh;min-height:600px;display:flex;flex-direction:column;background:#0c0f12}.topbar{height:67px;display:flex;align-items:center;padding:0 19px;gap:13px;background:linear-gradient(95deg,#121519,#11151a);border-bottom:1px solid #2b3039;flex:none}.brand{display:flex;align-items:center;gap:4px;white-space:nowrap}.brand img{width:40px;height:40px;object-fit:cover;border-radius:50%;mix-blend-mode:screen}.brand strong{font-size:22px;line-height:1;letter-spacing:-1.3px;color:#ffab32;text-shadow:0 1px 6px #8d420c54}.brand strong span{color:#f7f8f9}.brand small{font-size:10px;letter-spacing:-.2px;color:#ffad33}.brand b{color:#fff;font-size:11px;letter-spacing:-.2px;margin-left:7px;font-weight:600}.topdivider{height:23px;width:1px;background:#353942}.top-btn,.top-select,.icon-button{border:1px solid #333940;color:#e4e7ee;background:#1a1e24;border-radius:9px;min-height:37px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-size:12px}.top-btn:hover,.icon-button:hover{background:#282c34;border-color:#515663}.top-select{min-width:125px;max-width:155px}.project-name{background:transparent;border-color:transparent;max-width:180px;overflow:hidden;text-overflow:ellipsis;font-weight:650}.project-name span{color:#999}.icon-button{min-width:34px;height:36px;font-size:20px;padding:0 7px}.save-status{white-space:nowrap;color:#9098a5;font-size:11px}.save-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#31d88e;margin-right:5px}.save-status.warning i{background:#ffb23a}.topspacer{flex:1}.orange-btn{border:1px solid #ffaf45;color:#fff;background:linear-gradient(135deg,#ffbb31,#ff7c16 51%,#ff580b);box-shadow:inset 0 1px #ffd6907a,0 4px 17px #db520c38;border-radius:10px;padding:10px 20px;font-size:12px;font-weight:750}.orange-btn:hover{filter:brightness(1.08)}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:205px minmax(320px,1fr) 145px 239px;gap:10px;padding:10px 11px 11px}.left-panel,.outline-panel,.library-panel{background:linear-gradient(155deg,#181c21,#16191e 62%,#14171c);border:1px solid #343841;border-radius:11px;min-width:0;box-shadow:inset 0 1px 1px #ffffff05}.left-panel{padding:13px 11px;overflow-y:auto;max-height:calc(100vh - 118px)}.panel-head strong{display:block;font-size:13px;font-weight:800}.panel-head small{display:block;font-size:10px;color:#9ca6b1;margin-top:5px}.ai-card{margin-top:15px;width:100%;height:150px;border:1px solid #bd6427;border-radius:12px;background:radial-gradient(circle at 50% 40%,#64361e,#231d1d 70%);box-shadow:0 0 0 1px #563719,0 0 24px #ff760e27;position:relative;overflow:hidden;color:white;text-align:center;padding:0}.ai-card img{width:115px;height:115px;object-fit:contain;object-position:top;position:absolute;top:0;left:50%;transform:translateX(-50%);mask-image:linear-gradient(to bottom,black 66%,transparent 100%)}.ai-card b{position:absolute;bottom:11px;left:3px;right:3px;font-size:11px;text-shadow:0 1px 3px black}.ai-card span{color:#ff902e}.ai-card:hover img{transform:translateX(-50%) scale(1.065)}.tiny-caption{font-size:9px;line-height:1.4;color:#8a939c;margin:7px 2px 15px}.tool-tabs{display:flex;background:#25282d;border-radius:8px;padding:3px;gap:3px}.tool-tabs button{flex:1;font-size:10px;border:1px solid transparent;color:#aab1bc;background:transparent;padding:8px 3px;border-radius:6px}.tool-tabs button.active{background:#433024;border-color:#ce7525;color:#ffe1b9}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.tool-card{height:94px;padding:8px 3px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;overflow:hidden;border:1px solid #383b42;background:linear-gradient(143deg,#25282f,#1e2128);color:#e5e7ea;border-radius:9px;font-size:11px}.tool-card:hover{border-color:#ff912a;box-shadow:inset 0 0 23px #ff8c1417;transform:translateY(-2px)}.tool-card img{width:90%;height:58px;object-fit:contain;mix-blend-mode:screen;border-radius:7px}.tool-art{height:59px;display:flex;align-items:center;justify-content:center;font-weight:900;text-shadow:2px 2px 1px #77410f,0 4px 15px #fc84075b;font-size:47px}.tool-art.letters{font-family:Georgia,serif;background:linear-gradient(#ffe19a 10%,#ffa41b 48%,#bf480b 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.tool-art.colour{font-size:45px}.tool-art.motion{color:#ffab36;font-size:57px;text-shadow:0 0 12px #ff772e}.tool-art.video{font-size:38px;color:#ff9634;text-shadow:0 0 16px #ff7b24}.technical-tools{margin-top:12px}.technical-tools button{display:block;width:100%;margin:7px 0;padding:11px;background:#272c34;border:1px solid #444953;border-radius:8px;color:#f4f4f4;text-align:left;font-size:11px}.technical-tools button:hover{border-color:#ff8b27}.technical-tools p{font-size:10px;color:var(--muted);line-height:1.5}.selected-controls{margin-top:15px;padding-top:11px;border-top:1px solid #343941}.selected-controls h3{margin:0 0 10px;font-size:12px}.muted{font-size:11px;line-height:1.5;color:var(--muted)}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.small-action{padding:8px 4px;background:#232932;border:1px solid #39404c;border-radius:7px;color:#e6eaf0;font-size:10px}.small-action:hover{border-color:#f18a30}.inspector-control{display:flex;gap:5px;align-items:center;justify-content:space-between;font-size:10px;color:#abb2bd;margin:11px 0}.inspector-control input[type=color]{border:0;width:42px;height:30px;background:none;cursor:pointer}.inspector-control select{background:#262b32;border:1px solid #454b57;color:white;border-radius:6px;padding:6px 3px;max-width:115px}.left-bottom{border-top:1px solid #35383c;margin-top:17px;padding-top:12px;font-size:10px;color:#a8aeb6;line-height:1.5}.tiny-key{display:inline-block;color:#ffab49;border:1px solid #8a5327;border-radius:4px;padding:1px 5px;margin-right:3px}.help-btn{margin-top:9px;width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;color:#f7f7f7;border:0;border-top:1px solid #3e4147;padding:13px 0 0;font-size:10px}.middle-panel{min-width:0;min-height:calc(100vh - 118px);display:flex;flex-direction:column}.canvas-toolbar{height:39px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 8px 7px;color:#a2adb9;font-size:11px}.crumb{display:flex;align-items:center;gap:6px;background:#1a1f25;border:1px solid #262b34;border-radius:8px;padding:8px 12px;color:#cfd3de;min-width:120px}.crumb>span:first-child{color:#ff9133;font-size:20px;line-height:8px}.crumb-arrow{margin-left:auto;font-size:10px}.device-bar{margin:auto;display:flex;gap:3px}.device-bar button{border:1px solid transparent;background:none;color:#9ba2ab;min-width:32px;height:29px;border-radius:7px;font-size:17px}.device-bar button.selected{border-color:#bd7433;color:#ff9f42;background:#52351c}.canvas-size{white-space:nowrap;font-size:10px;color:#929ba6}.canvas-toolbar select{background:#181c21;border:0;color:#b1b8c2;font-size:11px;max-width:60px}.canvas-scroll{flex:1;min-height:300px;background:#0d1116;border:1px solid #292d34;border-radius:8px;overflow:auto;padding:21px 25px 48px;scrollbar-color:#404753 #12151a;scrollbar-width:thin}.canvas-wrap{margin:0 auto;min-width:0;max-width:1200px;width:100%;transition:width .22s ease;transform-origin:top center}.canvas-wrap.tablet{width:min(720px,100%)}.canvas-wrap.mobile{width:min(390px,100%)}.page-canvas{--site-accent:#ff7b18;--canvas-font:Inter,ui-sans-serif,system-ui,sans-serif;background:#fff;min-height:750px;color:var(--ink);font-family:var(--canvas-font);box-shadow:0 14px 46px #0008;border-radius:4px;overflow:hidden;font-size:15px}.page-canvas section{position:relative;outline:3px solid transparent;outline-offset:-3px;transition:background .16s}.page-canvas section.is-selected{outline-color:#fa8a32}.page-canvas section.is-hidden{display:none}.page-canvas .editable-text{border-radius:3px;min-width:15px}.page-canvas:not(.read-only) .editable-text:hover{box-shadow:0 0 0 2px #fcb879b8}.page-canvas:not(.read-only) [contenteditable=true]{cursor:text}.page-canvas [contenteditable=true]:focus{background:#fff6ec;outline:2px solid #f98d31;outline-offset:3px}.section-tools{position:absolute;z-index:10;right:9px;top:8px;display:flex;gap:4px;opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .15s}.page-canvas section.is-selected .section-tools,.page-canvas section:hover .section-tools{opacity:1;transform:none}.section-tools button,.replace-image{background:#15191de3;border:1px solid #6a6a6a85;border-radius:6px;color:#fff;padding:5px 7px;font-size:10px;box-shadow:0 2px 4px #0002}.replace-image{position:absolute;bottom:12px;right:12px;z-index:2;opacity:0}.image-frame:hover .replace-image,.is-selected .replace-image{opacity:1}.site-navigation{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 6%;min-height:86px;background:#fff}.site-logo{display:flex;align-items:center;gap:12px;color:#141820;font-size:19px;font-weight:800;letter-spacing:-.4px}.site-logo-mark{width:31px;height:31px;border-radius:50%;background:linear-gradient(145deg,#ffd7c0,#ff6b13);box-shadow:10px 0 0 -3px #ffb57c}.site-links{display:flex;align-items:center;gap:18px;font-size:12px;color:#424959}.site-links span:first-child{color:var(--site-accent);border-bottom:2px solid var(--site-accent);padding-bottom:9px}.site-button,.site-cta{border:0;background:var(--site-accent);color:#fff;padding:14px 24px;border-radius:9px;font-weight:750;font-size:12px;display:inline-block;text-decoration:none}.site-button.dark,.site-cta.dark{background:#111a26;color:#fff}.section-inner{max-width:1120px;margin:auto}.hero-section{padding:65px 7% 64px;background:radial-gradient(ellipse at 88% 80%,#ffe7d7,transparent 35%),linear-gradient(110deg,#fff,#fff 75%,#fffcf8)}.hero-grid{display:grid;grid-template-columns:1fr .94fr;gap:40px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:var(--site-accent);font-weight:800;margin:0 0 18px}.hero-copy h1{font-size:clamp(32px,3.9vw,60px);letter-spacing:-.055em;line-height:1.06;margin:0 0 20px;font-weight:830}.hero-copy p:not(.eyebrow){color:#6e7886;font-size:14px;line-height:1.65;max-width:440px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:25px}.secondary-cta{border:1px solid #dbe0e5;border-radius:9px;background:white;color:#28303d;padding:13px 18px;font-size:12px;font-weight:700;text-decoration:none}.image-frame{position:relative;min-height:225px;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#efded4,#edbc8b);box-shadow:0 11px 30px #ca803d36}.image-frame img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;cursor:pointer}.hero-image{aspect-ratio:1.28}.float-badge{position:absolute;right:3%;top:5%;background:#fffefded;border-radius:10px;padding:12px;color:#171c26;font-size:11px;font-weight:800;box-shadow:0 10px 22px #5a2c1a30;pointer-events:none}.float-badge:before{content:'✦';color:var(--site-accent);margin-right:5px}.story-section,.general-section{padding:70px 7%}.story-section{background:#fbfcfd}.story-grid{display:grid;grid-template-columns:.87fr 1fr;gap:50px;align-items:center}.section-headline{font-size:clamp(26px,3vw,42px);line-height:1.13;letter-spacing:-.045em;margin:0 0 20px;font-weight:850}.section-body{font-size:14px;line-height:1.7;color:#677180;max-width:650px}.story-image{aspect-ratio:1.7}.story-copy .secondary-cta{margin-top:16px}.general-section:nth-child(even){background:#fcfaf8}.section-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:29px}.site-card{border:1px solid #e5e8ed;border-radius:14px;padding:23px;min-height:148px;background:white;box-shadow:0 5px 20px #0a101a08}.site-card .card-symbol{font-size:26px;display:block;margin-bottom:15px;color:var(--site-accent)}.site-card h3{margin:0 0 9px;font-size:16px}.site-card p{margin:0;color:#68717e;font-size:12px;line-height:1.5}.quote-block{margin-top:20px;border-left:4px solid var(--site-accent);background:white;border-radius:6px 14px 14px 6px;padding:22px;font-size:20px;color:#222}.page-canvas .site-footer{background:#111922;color:white;padding:49px 7% 60px}.site-footer h2{color:white}.site-footer p{color:#a9b1bd}.empty-page{padding:100px 30px;text-align:center;color:#747b84}.page-canvas.read-only .section-tools,.page-canvas.read-only .replace-image{display:none!important}.page-canvas.read-only section{outline:0!important}.page-canvas.mobile .hero-grid,.page-canvas.mobile .story-grid,.canvas-wrap.mobile .hero-grid,.canvas-wrap.mobile .story-grid{grid-template-columns:1fr;gap:26px}.canvas-wrap.mobile .section-cards{grid-template-columns:1fr}.canvas-wrap.mobile .hero-section{padding:45px 7%}.canvas-wrap.mobile .site-navigation{flex-wrap:wrap}.canvas-wrap.mobile .site-links{gap:8px;flex-wrap:wrap}.canvas-wrap.mobile .hero-copy h1{font-size:37px}.canvas-bottom{height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 8px;color:#89919c;font-size:10px}.zoom-tools{display:flex;align-items:center;gap:4px;white-space:nowrap;background:#191d22;border:1px solid #343941;border-radius:8px;padding:1px 4px}.zoom-tools button{color:#c0c4cc;background:none;border:0;padding:5px 9px}.zoom-tools strong{font-size:10px;min-width:34px;text-align:center}.outline-panel,.library-panel{padding:12px 8px 8px;max-height:calc(100vh - 118px);display:flex;flex-direction:column;overflow:hidden}.outline-header{padding:1px 3px 8px;border-bottom:1px solid #373a42}.outline-header strong,.library-header strong{font-size:12px}.outline-header strong span{font-weight:500;color:#9aa4b4}.outline-header p,.library-header p{font-size:10px;color:#9299a7;line-height:1.45;margin:5px 0 0}.outline-items{overflow-y:auto;overflow-x:hidden;padding:9px 0;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:#414957 transparent}.outline-item{border:2px solid transparent;border-radius:9px;background:#eaeff2;color:#111923;cursor:pointer;position:relative;flex:none;min-height:76px;padding:4px}.outline-item.active{border-color:#ff8d2b;box-shadow:0 0 0 1px #fa660f5c,0 0 11px #ff891b56}.outline-thumb{background:linear-gradient(122deg,#fff,#f6eee7);border:1px solid #d7d9df;border-radius:5px;height:43px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:5px;gap:4px;overflow:hidden}.outline-thumb b{font-size:8px;color:#232323;line-height:1;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.outline-thumb em{width:65%;height:3px;border-radius:3px;background:#d4d1cd}.outline-thumb i{width:45%;height:3px;background:#e5d8cd;border-radius:3px}.outline-item-foot{display:flex;align-items:center;gap:2px;padding-top:3px;font-size:9px;overflow:hidden}.outline-item-foot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70px;flex:1}.outline-item-foot button{background:#ffffffa8;border:0;color:#39404b;border-radius:3px;padding:0 2px;font-size:12px}.outline-item-foot button:hover{color:#ff7d17}.outline-add{background:#252a31;border:1px dashed #59606b;border-radius:7px;color:#f2a257;padding:10px 2px;font-size:10px}.library-header{padding:1px 3px 11px}.library-search,.library-filter{display:block;width:100%;min-height:37px;border:1px solid #363c47;background:#101419;color:#e3e6ef;border-radius:7px;padding:0 9px;font-size:11px;margin-bottom:7px;outline:none}.library-search:focus{border-color:#f28c27}.library-filter{color:#c1c8d0}.lib-count{margin:2px 3px 9px;font-size:10px;color:#88919e}.component-list{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:#454d5a transparent;min-height:0}.component-item{display:flex;gap:8px;align-items:center;width:100%;padding:8px 7px;border:1px solid #353b44;border-radius:9px;background:#1a1e24;color:#fff;text-align:left;min-height:63px}.component-item:hover{border-color:#b16f37;background:#292522}.component-icon{width:43px;height:43px;flex:none;border-radius:9px;display:grid;place-items:center;background:radial-gradient(circle,#594029,#1a1a1f 74%);font-size:26px;color:#ffaf45}.component-icon img{width:45px;height:45px;object-fit:cover;border-radius:7px}.component-copy{flex:1;min-width:0}.component-copy strong{font-size:10px;font-weight:800;display:block;line-height:1.2}.component-copy small{font-size:9px;color:#a5acb6;line-height:1.3;display:block;margin-top:4px}.component-plus{font-size:17px;color:#fa8c29;align-self:center;line-height:1}.statusbar{height:25px;border-top:1px solid #292c30;background:#101318;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 15px;color:#7e8794;font-size:10px;flex:none}.footer-btn{background:none;color:#aab1ba;border:0;font-size:10px}.toast{position:fixed;bottom:36px;left:50%;transform:translate(-50%,20px);padding:11px 19px;border-radius:12px;background:#fffaf5;color:#1b2027;border:1px solid #efa64e;box-shadow:0 8px 40px #0007;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:110}.toast.on{opacity:1;transform:translate(-50%,0)}.modal-scrim{position:fixed;inset:0;background:#06090cd9;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-scrim[hidden]{display:none}.modal{width:min(530px,100%);max-height:90vh;overflow:auto;background:#20242b;border:1px solid #5a616a;border-radius:15px;box-shadow:0 20px 60px #000a;padding:22px;color:#e9edf5}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal h2{margin:0 0 12px;font-size:22px}.modal p,.modal li{font-size:13px;line-height:1.6;color:#bdc5cc}.modal label{display:block;margin-top:15px;font-size:12px}.modal input{display:block;width:100%;margin-top:8px;border-radius:8px;border:1px solid #5a626f;background:#101419;color:white;padding:12px}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.modal-actions button{padding:10px 13px;border:1px solid #494e58;background:#2e343d;color:white;border-radius:8px;font-size:12px}.modal-actions button.primary{background:#ff7a15;border-color:#ff922f;color:white;font-weight:700}.onboarding-preview{display:flex;gap:10px;align-items:center;background:#171b21;border:1px solid #434750;border-radius:9px;padding:10px;margin:12px 0}.onboarding-preview img{width:57px;height:57px;object-fit:cover;border-radius:50%}.onboarding-preview p{margin:3px 0}.drag-highlight{box-shadow:inset 0 0 0 4px #fa7e16!important}.add-zone{padding:18px;text-align:center;background:#f9f3eb;color:#8c6551;font-size:12px;border:2px dashed #d6ab91}.section-new .section-inner{min-height:180px}.editable-image-placeholder{background:linear-gradient(140deg,#d9dce3,#efeff2);display:grid;place-items:center;min-height:230px;color:#8b909b;cursor:pointer}.section-selected-label{color:#e3ebf2;font-size:10px}.visually-hidden{display:none}
@media(max-width:1350px){.workspace{grid-template-columns:176px minmax(290px,1fr) 125px 212px;gap:7px;padding:7px}.left-panel{padding:9px 7px}.tool-card{height:85px}.canvas-scroll{padding:13px}.outline-panel,.library-panel{padding:10px 6px}.hero-section{padding:52px 6%}.hero-grid{gap:25px}.canvas-size{display:none}}
@media(max-width:1080px){.workspace{grid-template-columns:150px minmax(270px,1fr) 110px 177px;gap:5px;padding:6px}.brand b,.topbar .minor,.topbar #pages-btn span,.save-status{display:none}.topbar{gap:7px;padding:0 8px}.brand strong{font-size:18px}.brand img{width:32px;height:32px}.project-name{max-width:130px}.top-select{min-width:90px}.library-panel{padding:8px 5px}.component-icon{width:31px;height:32px}.component-icon img{width:32px;height:32px}.component-item{gap:5px;padding:5px}.outline-thumb{height:37px}.outline-item{min-height:67px}.hero-grid,.story-grid{gap:18px}.hero-copy h1{font-size:34px}.canvas-scroll{padding:7px}.page-canvas{font-size:13px}.site-links{gap:7px}.hint{display:none}}
@media(max-width:790px){.app{height:auto;min-height:100vh}.topbar{flex-wrap:wrap;height:auto;min-height:57px;padding:8px;gap:5px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:8px;min-height:0}.middle-panel{grid-column:1/3;grid-row:1;min-height:500px}.left-panel{grid-column:1;grid-row:3;max-height:none}.outline-panel{grid-column:1;grid-row:2;max-height:380px}.library-panel{grid-column:2;grid-row:2/4;max-height:740px}.canvas-scroll{max-height:720px}.brand b,.save-status{display:none}.canvas-toolbar{flex-wrap:wrap}.canvas-scroll{padding:8px}}
@media(max-width:480px){.workspace{grid-template-columns:1fr}.middle-panel,.outline-panel,.library-panel,.left-panel{grid-column:1;grid-row:auto}.middle-panel{min-height:480px}.outline-panel,.library-panel{max-height:330px}.topdivider,.project-name,#pages-btn,.topbar .minor{display:none}.brand strong{font-size:19px}.top-select{max-width:86px;min-width:75px}.publish-btn{padding:10px 9px}.topbar{gap:6px}.canvas-toolbar{gap:3px}.canvas-scroll{max-height:530px}.page-canvas .hero-grid,.page-canvas .story-grid{grid-template-columns:1fr}.page-canvas .section-cards{grid-template-columns:1fr}.page-canvas .hero-section{padding:35px 7%}.page-canvas .site-navigation{flex-wrap:wrap}.page-canvas .site-links{flex-wrap:wrap}.statusbar span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

[hidden]{display:none!important}.page-canvas section[style*="background:#141f2a"] .section-body{color:#cad2db}.page-canvas section[style*="background:#141f2a"] .section-headline{color:white}.inspector-control input:not([type=color]){display:block;width:100%;padding:7px;margin:5px 0;background:#222831;border:1px solid #50535a;border-radius:6px;color:white;font-size:12px}

/* FUZEION 4.1 — AI creative panel */
.ai-head strong{font-size:16px;color:#f4f6f8;letter-spacing:-.025em}.ai-head strong:first-letter{color:#ffa84d}
.ai-agent-card{border:1px solid #704a2b;background:radial-gradient(circle at 50% 13%,#503222,#1b2027 67%);border-radius:13px;padding:9px 10px 13px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;box-shadow:inset 0 0 22px #ff8c1611;margin-bottom:14px}
.ai-agent-card img{height:112px;max-width:100%;object-fit:contain;filter:drop-shadow(0 9px 13px #0006)}.ai-agent-card strong{font-size:12px}.ai-agent-card>span:last-child{font-size:10px;line-height:1.35;color:#bac0c8}.ai-glowdot{font-size:9px;color:#85dcae;letter-spacing:1px}
.ai-command{display:flex;flex-direction:column;gap:7px}.ai-command label{font-size:10px;color:#ced3dc}.ai-command select,.ai-command textarea{background:#101419;border:1px solid #48505a;color:#f1f3f5;border-radius:8px;padding:9px 10px;outline:none;width:100%;min-width:0;font:inherit;font-size:12px}.ai-command textarea{resize:vertical;min-height:104px;line-height:1.45}.ai-command select:focus,.ai-command textarea:focus{border-color:#ff972f;box-shadow:0 0 0 2px #ff922a2a}.ai-status{display:flex;gap:5px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ai-pill{font-size:8px;letter-spacing:.08em;font-weight:800;color:#ffb36e;background:#3c2c20;border:1px solid #66503b;border-radius:10px;padding:4px 6px}.ai-status-small{color:#a7b0b9;font-size:9px}.ai-execute{background:linear-gradient(110deg,#ffad32,#ff6914);border:0;border-radius:8px;min-height:41px;color:#11151b;font-weight:850;display:flex;align-items:center;justify-content:space-around;gap:5px;cursor:pointer;font-size:12px}.ai-execute:hover{filter:brightness(1.08)}.ai-feedback{background:#181d23;color:#bec5cd;border:1px solid #353f49;border-radius:7px;font-size:10px;line-height:1.4;padding:9px;min-height:48px}.ai-feedback.success{border-color:#326849;color:#a4e1bc}.ai-feedback.warning{border-color:#956329;color:#ffd199}.ai-presets-title,.ai-history-head{color:#8c96a3;font-weight:800;letter-spacing:.08em;font-size:9px;margin:17px 0 7px}.ai-presets{display:grid;grid-template-columns:1fr;gap:6px}.ai-presets button{padding:10px 10px;min-height:33px;text-align:left;color:#dce1e7;background:#222830;border:1px solid #3b424c;border-radius:8px;font-size:11px}.ai-presets button:hover{border-color:#f58e34;background:#342b26}.ai-command-guide,.ai-tools-details{color:#c0c5ce;border-top:1px solid #363b43;padding:10px 0;margin-top:10px;font-size:10px}.ai-command-guide summary,.ai-tools-details summary{cursor:pointer;color:#ffae66;font-size:11px}.ai-command-guide div{line-height:1.6;margin-top:10px;color:#b5bcc6}.ai-history-head{display:flex;align-items:center;justify-content:space-between}.ai-history-head button{color:#98a3ae;border:0;background:transparent;font-size:10px}.ai-history{display:grid;gap:6px;margin-bottom:13px}.ai-event{display:flex;align-items:flex-start;gap:7px;background:#1d222a;border:1px solid #333b46;border-radius:8px;padding:8px}.ai-event>span{color:#f8a04b;font-size:14px}.ai-event p{margin:0;min-width:0}.ai-event strong{display:block;font-size:10px;color:#e3e6eb;line-height:1.4;overflow-wrap:anywhere}.ai-event small{display:block;color:#9aa5b2;font-size:9px;line-height:1.4;margin-top:3px}.ai-event.warn>span{color:#ffcb67}.ai-event.ok>span{color:#89d3a4}.ai-technical{display:flex!important;flex-direction:column}.ai-technical button{font-size:11px}.left-panel{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#48515a transparent}.left-panel .selected-controls{margin-top:14px}.left-panel .left-bottom{margin-top:auto}
.page-canvas section .hero-copy h1{font-size:calc(clamp(36px,5vw,65px) * var(--fuze-heading-scale,1))}.page-canvas section .section-headline{font-size:calc(clamp(30px,4vw,48px) * var(--fuze-heading-scale,1))}
.page-canvas .fuze-motion-float .image-frame img{animation:fuzeFloat 5.8s ease-in-out infinite}.page-canvas .fuze-motion-rise .section-inner{animation:fuzeRise .9s ease both}@keyframes fuzeFloat{50%{transform:translateY(-11px)}}@keyframes fuzeRise{from{opacity:.2;transform:translateY(22px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.page-canvas .fuze-motion-float .image-frame img,.page-canvas .fuze-motion-rise .section-inner{animation:none}}
@media(max-width:790px){.ai-agent-card img{height:85px}.ai-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.ai-command textarea{font-size:16px}.ai-command select{font-size:16px}}

.page-canvas .fuze-motion-float:not(.hero-section):not(.story-section):not(.general-section) .section-inner{animation:fuzeFloat 5.8s ease-in-out infinite}.page-canvas .fuze-motion-float.general-section .site-card{animation:fuzeFloat 5.8s ease-in-out infinite}.page-canvas .fuze-motion-float.general-section .site-card:nth-child(2){animation-delay:-1.4s}.page-canvas .fuze-motion-float.general-section .site-card:nth-child(3){animation-delay:-2.8s}

/* V5.4 colours from Discovery remain editable and carry into exported websites. */
.page-canvas{background:var(--site-paper,#fff)!important;color:var(--site-ink,#161922)}
.page-canvas .site-navigation{background:var(--site-paper,#fff);color:var(--site-ink,#161922)}
.page-canvas .site-logo{color:var(--site-ink,#161922)}
.page-canvas .site-logo-mark{background:linear-gradient(145deg,var(--site-secondary,#ffd7c0),var(--site-accent,#ff7c16));box-shadow:9px 0 0 -4px var(--site-secondary,#ffb57c)}
.page-canvas .hero-copy p,.page-canvas .story-copy p{color:var(--site-ink,#161922);opacity:.73}
.page-canvas .site-cta{background:var(--site-accent,#ff7c16)}

.video-showcase-btn{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;margin:7px 0 10px;background:linear-gradient(100deg,#50301b,#242b34);border:1px solid #d27a31;border-radius:9px;padding:11px;color:#ffe0b8;font-size:12px;font-weight:750;cursor:pointer;text-align:left}.video-showcase-btn:hover{border-color:#ffc77a}