/* JOVEWORKS LIVE STUDIO V8 — interactive design laboratory / local concept only */
:root{--ls-gold:#eac88f;--ls-border:rgba(157,186,228,.19);--ls-muted:#adbed9}
.ls-hero,.ls-editor-section,.ls-next{position:relative;isolation:isolate}
.ls-hero{padding:112px 0 115px;background:radial-gradient(ellipse 48% 74% at 78% 40%,rgba(66,119,224,.17),transparent 75%),linear-gradient(145deg,#080f1f,#0e1a31)}
.ls-hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(124,164,218,.041) 1px,transparent 1px),linear-gradient(90deg,rgba(124,164,218,.041) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,transparent,#000)}
.ls-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:65px}
.ls-eyebrow{display:inline-flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:10px;font-weight:800;letter-spacing:.16em;color:#e6c386}
.ls-orb,.ls-editor-chip i,.ls-indicator,.ls-status-pulse{width:7px;height:7px;background:#e9c68c;border-radius:50%;box-shadow:0 0 16px rgba(239,197,118,.5);display:inline-block}
.ls-version{color:#8a9db9;font-size:9px;border:1px solid rgba(171,192,222,.2);padding:5px 8px;border-radius:20px}
.ls-hero h1{font:700 clamp(3.3rem,5.2vw,5.5rem)/1.07 "Space Grotesk",sans-serif;letter-spacing:-.063em;margin:24px 0 25px}
.ls-hero-grid>div:first-child>p{font-size:16px;line-height:1.85;color:#aabdd7;max-width:655px;margin-bottom:28px}
.ls-hero-actions{display:flex;gap:11px;flex-wrap:wrap}.ls-hero-points{display:flex;gap:15px 23px;flex-wrap:wrap;margin-top:35px;font-size:11px;color:#a7bbd5}
.ls-hero-art{height:415px;width:100%;max-width:540px;margin:auto;position:relative;display:grid;place-items:center}
.ls-hero-orb{position:absolute;border-radius:50%;filter:blur(45px);opacity:.26}.ls-orb-a{width:270px;height:230px;background:#516df0;right:2%;top:5%}.ls-orb-b{width:230px;height:220px;background:#d6a76e;left:4%;bottom:0;opacity:.15}
.ls-hero-browser{position:relative;z-index:2;width:min(94%,500px);height:310px;overflow:hidden;border:1px solid rgba(227,192,130,.44);border-radius:14px;background:linear-gradient(150deg,#12284a,#09192c);box-shadow:0 33px 90px rgba(0,0,0,.42),0 0 65px rgba(93,115,228,.12);transform:perspective(1100px) rotateY(-8deg) rotateX(4deg)}
.ls-hero-browser-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;border-bottom:1px solid rgba(196,211,235,.14);font-size:9px;font-weight:800;letter-spacing:.1em;color:#a3b9da}
.ls-hero-browser-top span:first-child{color:#f3d09c;letter-spacing:5px}.ls-hero-browser-top i{font-style:normal;color:#efcf96}
.ls-hero-browser-content{position:relative;z-index:1;padding:42px 38px}
.ls-hero-browser-content:after{content:"";position:absolute;right:-55px;top:-55px;width:265px;height:275px;border-radius:50%;background:radial-gradient(circle,rgba(88,155,231,.23),transparent 65%);z-index:-1}
.ls-hero-browser-content>small{display:block;font-size:10px;letter-spacing:.17em;color:#e6c282;font-weight:800;margin-bottom:21px}
.ls-hero-browser-content strong{font:700 37px/1.13 "Space Grotesk",sans-serif;letter-spacing:-.05em}
.ls-hero-browser-content em{font-style:normal;color:#efcf95}.ls-hero-browser-content>div{display:flex;gap:8px;margin-top:27px}
.ls-hero-browser-content>div b{width:64px;height:6px;border-radius:6px;background:#9cb8d8;opacity:.8}
.ls-hero-browser-content>div b:nth-child(2){width:43px;opacity:.42}.ls-hero-browser-content>div b:nth-child(3){width:55px;opacity:.25}
.ls-hero-floating{z-index:3;position:absolute;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:11px 15px;border:1px solid rgba(171,197,230,.3);border-radius:11px;background:rgba(21,36,63,.9);backdrop-filter:blur(9px);box-shadow:0 13px 34px rgba(0,0,0,.29)}
.ls-hero-floating>span{font-size:22px;color:#f2d096;grid-row:span 2}.ls-hero-floating strong{font-size:12px}.ls-hero-floating small{font-size:9px;color:#8ea7c6}
.ls-float-top{top:1%;right:0}.ls-float-bottom{bottom:5%;left:0}
.ls-editor-section{padding:112px 0 130px;border-top:1px solid rgba(145,178,230,.16);background:radial-gradient(ellipse 51% 53% at 94% 30%,rgba(65,97,176,.08),transparent 68%),#091324}
.ls-section-title{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:38px}
.ls-section-title h2{font-size:clamp(2.5rem,4.1vw,4.2rem)}
.ls-section-title>p{font-size:14px;color:#9eafc7;max-width:350px;line-height:1.8;margin:0 0 3px}
.ls-workspace{display:grid;grid-template-columns:minmax(290px,.64fr) minmax(0,1.36fr);gap:19px;align-items:start}
.ls-editor,.ls-stage{min-width:0;background:linear-gradient(160deg,#14243d,#0e1d34 84%);border:1px solid rgba(160,191,228,.23);border-radius:17px;box-shadow:0 23px 58px rgba(0,0,0,.18);overflow:hidden}
.ls-editor{padding:25px 23px 18px}
.ls-editor-top{display:flex;gap:10px;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:1px solid rgba(172,195,229,.15)}
.ls-small-label{font-size:9px;letter-spacing:.13em;font-weight:800;color:#e5c58e}
.ls-editor-top h3{font-size:23px;margin:9px 0 0}.ls-editor-chip{color:#edd09d;font-weight:800;letter-spacing:.12em;font-size:9px;white-space:nowrap;border:1px solid rgba(232,191,118,.3);border-radius:19px;padding:7px 10px;display:flex;align-items:center;gap:7px}
.ls-editor-chip i{height:6px;width:6px}
.ls-group{margin-top:22px;padding-top:22px;border-top:1px solid rgba(166,196,235,.13)}
.ls-group:first-of-type{border-top:none;padding-top:0}
.ls-group-heading{display:flex;gap:9px;align-items:center;margin-bottom:17px}.ls-group-heading strong{font-size:13px;line-height:1.4}
.ls-number{display:grid;place-items:center;font:700 11px "Space Grotesk",sans-serif;color:#e2be80;border:1px solid rgba(224,186,120,.26);border-radius:6px;flex:0 0 auto;width:29px;height:29px}
.ls-sectors,.ls-layout-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ls-option{border:1px solid rgba(161,188,232,.25);background:#10213a;color:#c0d3e9;padding:12px 10px;border-radius:8px;font-size:11px;font-weight:700;text-align:left;display:flex;align-items:center;gap:8px;min-width:0;transition:border-color .18s}
.ls-option>span{font-size:17px;color:#e6c38a;flex-shrink:0}.ls-option:hover,.ls-option.active{border-color:#ebc78d;background:rgba(227,186,119,.11);color:#fbf5e9}
.ls-label{font-size:10px;font-weight:800;color:#ccd9ed;display:block;margin:14px 0 7px}
.ls-editor input,.ls-editor textarea{background:#09182f;border:1px solid rgba(166,185,217,.28);border-radius:8px;color:#edf5ff;width:100%;font-size:12px;padding:12px 13px;resize:vertical;line-height:1.55;outline:none}
.ls-editor input:focus,.ls-editor textarea:focus{border-color:#e8c58b;box-shadow:0 0 0 2px rgba(224,187,125,.1)}
.ls-editor input::placeholder,.ls-editor textarea::placeholder{color:#7991b1}
.ls-input-hint{font-size:10px;color:#829ab8;line-height:1.65;margin:11px 0 0}
.ls-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ls-theme{border:1px solid rgba(173,194,222,.23);padding:7px;border-radius:10px;color:#c4d5e8;background:#0b1b32;text-align:left;min-width:0}
.ls-theme:hover,.ls-theme.active{border-color:#ecc78d;background:rgba(226,187,111,.085)}
.ls-theme small{display:block;font-size:10px;font-weight:700;padding:9px 6px 3px}
.ls-swatch{height:53px;border-radius:6px;display:flex;align-items:flex-end;gap:5px;padding:8px}
.ls-swatch i,.ls-swatch b,.ls-swatch em{display:block;border-radius:3px;height:19px;width:20px;background:#fff}
.ls-swatch i{height:30px;width:46px}.ls-swatch b{height:22px;width:24px}.ls-swatch em{height:27px;width:13px}
.ls-swatch.midnight{background:#071729}.ls-swatch.midnight i{background:#e6bd73}.ls-swatch.midnight b{background:#6883b0}.ls-swatch.midnight em{background:#f5f1e8}
.ls-swatch.aurora{background:#081c3b}.ls-swatch.aurora i{background:#77baff}.ls-swatch.aurora b{background:#63e8d7}.ls-swatch.aurora em{background:#dfefff}
.ls-swatch.sand{background:#f0e9d9}.ls-swatch.sand i{background:#926c3d}.ls-swatch.sand b{background:#dccba9}.ls-swatch.sand em{background:#292f3b}
.ls-swatch.sage{background:#173f37}.ls-swatch.sage i{background:#cbdfaa}.ls-swatch.sage b{background:#6cab95}.ls-swatch.sage em{background:#eef6e2}
.ls-layout{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;text-align:left;color:#bbcee3;border:1px solid rgba(160,184,227,.26);background:#102039;border-radius:9px;padding:12px 10px}
.ls-layout>span{font-size:24px;grid-row:span 2;color:#dfbc80}.ls-layout b{font-size:11px}.ls-layout small{font-size:9px;color:#91a6c0}
.ls-layout:hover,.ls-layout.active{border-color:#e7c389;color:#fff;background:rgba(226,184,112,.1)}
.ls-editor-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid rgba(150,189,228,.14)}
.ls-random,.ls-reset{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(177,199,235,.24);border-radius:8px;padding:10px 11px;font-size:10px;font-weight:700;color:#d2e0f0;background:#132842}
.ls-random:hover,.ls-reset:hover{color:#f2d19a;border-color:#edc893}
.ls-random span{color:#eed092;font-size:18px}
.ls-stage{position:relative}
.ls-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 17px;border-bottom:1px solid rgba(154,177,209,.16)}
.ls-stage-top>div:first-child{display:flex;align-items:center;gap:8px;color:#ead0a2;font-size:10px;letter-spacing:.11em}
.ls-stage-code{color:#829bb9;font-size:9px;margin-left:8px}
.ls-view-toggle{display:flex;gap:4px;background:#0b1a30;padding:4px;border:1px solid rgba(167,186,227,.2);border-radius:8px}
.ls-view-toggle button{color:#9ab0cd;font-size:10px;font-weight:800;display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:6px;padding:8px 10px;background:none}
.ls-view-toggle button span{font-size:16px}
.ls-view-toggle button.active{color:#15223a;background:#eacc90}
.ls-stage-canvas{position:relative;min-height:585px;display:flex;justify-content:center;align-items:flex-start;padding:26px 17px 25px;background:radial-gradient(ellipse at center,rgba(91,127,189,.13),transparent 60%),linear-gradient(120deg,rgba(8,18,35,.82),rgba(10,23,40,.95))}
.ls-stage-canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(157,184,217,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(157,184,217,.042) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.ls-preview-frame{width:100%;max-width:900px;position:relative;min-width:0;border:1px solid rgba(162,192,227,.32);border-radius:13px;overflow:hidden;background:#111f36;box-shadow:0 21px 57px rgba(0,0,0,.4);transition:max-width .3s ease}
.ls-preview-frame[data-viewport=mobile]{max-width:365px;border-radius:25px;border:5px solid #263d57;box-shadow:0 24px 65px rgba(0,0,0,.5)}
.ls-frame-header{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 15px;font-size:9px;font-weight:700;color:#8da8c9;background:#172a43}
.ls-browser-dots{flex-shrink:0;letter-spacing:3px;color:#edca93}
.ls-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(155,185,224,.13);border-radius:20px;background:#0c1c31;padding:4px 13px;margin:auto;min-width:0}
.ls-security{flex-shrink:0;color:#e4c58e;font-size:8px;letter-spacing:.06em}
.ls-preview-frame[data-viewport=mobile] .ls-frame-header{padding:10px}
.ls-preview-frame[data-viewport=mobile] .ls-security{display:none}
.ls-screen{--ls-base:#0e2038;--ls-text:#fbf8f2;--ls-accent:#e3bf7d;--ls-accent-text:#142137;--ls-muted:#a7bad1;--ls-panel:#1c3451;--ls-card:#1c3451;--ls-line:rgba(182,212,242,.14);color:var(--ls-text);background:var(--ls-base);min-width:0;position:relative}
.ls-screen.ls-palette-aurora{--ls-base:#091c3f;--ls-text:#e9f5ff;--ls-accent:#7bd5ef;--ls-accent-text:#0b2640;--ls-muted:#aacde9;--ls-panel:#173763;--ls-card:#153d69;--ls-line:rgba(137,204,248,.22)}
.ls-screen.ls-palette-sand{--ls-base:#f4eee0;--ls-text:#2d3440;--ls-accent:#a77c45;--ls-accent-text:#fff9ed;--ls-muted:#726a5c;--ls-panel:#e9dfc9;--ls-card:#fffaf0;--ls-line:rgba(92,69,42,.2)}
.ls-screen.ls-palette-sage{--ls-base:#16392f;--ls-text:#e9f4e7;--ls-accent:#d3e4aa;--ls-accent-text:#18322b;--ls-muted:#adcaba;--ls-panel:#275c4a;--ls-card:#214e3e;--ls-line:rgba(182,235,197,.18)}
.ls-screen .ls-site-head{display:flex;justify-content:space-between;align-items:center;gap:11px;padding:22px 26px;border-bottom:1px solid var(--ls-line)}
.ls-site-brand{display:flex;align-items:center;gap:9px;min-width:0}
.ls-site-brand strong{font:700 clamp(12px,1.65vw,18px)/1.2 "Space Grotesk",sans-serif;overflow-wrap:anywhere}
.ls-site-logo{display:grid;place-items:center;color:var(--ls-accent-text);background:var(--ls-accent);border-radius:7px;font-size:16px;font-weight:800;width:33px;height:33px;flex-shrink:0}
.ls-site-head nav{display:flex;gap:13px;flex-shrink:0;color:var(--ls-muted);font-size:10px;font-weight:700}
.ls-site-nav-cta{white-space:nowrap;border:1px solid var(--ls-line);background:var(--ls-panel);color:var(--ls-text);font-size:9px;font-weight:800;border-radius:6px;padding:10px}
.ls-site-nav-cta:hover{border-color:var(--ls-accent)}
.ls-screen .ls-site-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:center;padding:38px 28px 33px;min-height:360px}
.ls-preview-text{min-width:0}.ls-site-kicker{color:var(--ls-accent);display:block;font-weight:800;font-size:9px;letter-spacing:.13em;line-height:1.6;margin-bottom:16px}
.ls-preview-text h3{font:700 clamp(1.75rem,3.1vw,3rem)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.052em;margin:0 0 17px;overflow-wrap:anywhere;hyphens:auto;color:var(--ls-text)}
.ls-preview-text>p{font-size:11px;color:var(--ls-muted);line-height:1.85;max-width:355px;margin:0 0 20px;overflow-wrap:anywhere}
.ls-site-buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ls-site-primary{background:var(--ls-accent);color:var(--ls-accent-text);font-size:10px;font-weight:800;border:1px solid transparent;padding:12px 13px;border-radius:6px}
.ls-site-primary:hover{filter:brightness(1.08)}
.ls-site-secondary{color:var(--ls-text);font-size:10px;font-weight:700;border:none;background:transparent;padding:9px}
.ls-site-feedback{min-height:26px;font-size:9px;margin-top:12px;color:var(--ls-muted);line-height:1.45}
.ls-site-feedback.success{color:var(--ls-accent);font-weight:800}
.ls-site-qualities{display:flex;gap:12px;flex-wrap:wrap;color:var(--ls-muted);font-size:9px;margin-top:22px}
.ls-scene-art{height:280px;border:1px solid var(--ls-line);border-radius:12px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 37%,color-mix(in srgb,var(--ls-accent) 30%,transparent),transparent 60%),linear-gradient(135deg,var(--ls-panel),var(--ls-base));box-shadow:0 16px 28px rgba(0,0,0,.11)}
.ls-art-orb{position:absolute;width:190px;height:190px;left:calc(50% - 95px);top:calc(50% - 105px);border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--ls-accent),transparent 65%);opacity:.6;filter:blur(10px)}
.ls-art-ring{position:absolute;width:210px;height:210px;left:calc(50% - 105px);top:calc(50% - 115px);border:1px solid var(--ls-accent);border-radius:50%;opacity:.42;transform:scaleX(.83) rotate(-30deg)}
.ls-art-symbol{position:absolute;top:69px;left:calc(50% - 45px);font-size:80px;font-weight:800;text-align:center;width:90px;color:var(--ls-text);text-shadow:0 4px 30px rgba(0,0,0,.3)}
.ls-art-panel{position:absolute;bottom:20px;left:20px;right:20px;display:flex;flex-direction:column;gap:4px;padding:12px 13px;border:1px solid var(--ls-line);background:var(--ls-panel);border-radius:8px;box-shadow:0 7px 17px rgba(0,0,0,.12)}
.ls-art-panel>b{font-size:8px;color:var(--ls-accent);letter-spacing:.12em}.ls-art-panel>strong{font-size:12px}.ls-art-panel>i{position:absolute;right:16px;bottom:11px;color:var(--ls-accent);font-style:normal}
.ls-art-number{position:absolute;top:12px;right:13px;font-size:9px;color:var(--ls-accent);font-weight:800}
.ls-site-services{padding:25px 27px 35px;border-top:1px solid var(--ls-line)}
.ls-site-services-top{color:var(--ls-accent);font-size:9px;font-weight:800;letter-spacing:.13em}
.ls-site-services h4{font:700 22px/1.2 "Space Grotesk",sans-serif;margin:10px 0 18px;letter-spacing:-.045em;color:var(--ls-text)}
.ls-mini-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ls-mini-features article{background:var(--ls-card);border:1px solid var(--ls-line);padding:15px 11px;border-radius:7px;min-width:0}
.ls-mini-features article>span{display:block;color:var(--ls-accent);font-size:9px;font-weight:800;margin-bottom:17px}
.ls-mini-features strong{display:block;font-size:11px;color:var(--ls-text)}
.ls-mini-features small{display:block;font-size:9px;color:var(--ls-muted);margin-top:6px;line-height:1.55}
.ls-site-footer{display:flex;justify-content:space-between;gap:9px;align-items:center;padding:16px 25px;border-top:1px solid var(--ls-line);font-size:9px;color:var(--ls-muted)}
.ls-site-footer span:first-child{font-weight:800;color:var(--ls-text)}
.ls-screen.ls-template-minimal .ls-site-hero{grid-template-columns:1fr;min-height:290px;padding:43px 40px 25px}
.ls-screen.ls-template-minimal .ls-preview-text{text-align:center;display:flex;flex-direction:column;align-items:center}
.ls-screen.ls-template-minimal .ls-preview-text>p{max-width:500px}
.ls-screen.ls-template-minimal .ls-preview-text h3{max-width:630px}
.ls-screen.ls-template-minimal .ls-scene-art{height:115px;margin:0 40px 24px;opacity:.6}
.ls-screen.ls-template-minimal .ls-art-symbol{font-size:38px;top:22px}
.ls-screen.ls-template-minimal .ls-art-orb,.ls-screen.ls-template-minimal .ls-art-ring{opacity:.19}
.ls-screen.ls-template-minimal .ls-art-panel{display:none}
.ls-screen.ls-template-minimal .ls-site-services{text-align:center}
.ls-screen.ls-template-minimal .ls-site-qualities{justify-content:center}
.ls-screen.ls-template-minimal .ls-site-hero h3{font-size:clamp(1.8rem,3.7vw,3.3rem)}
.ls-preview-frame[data-viewport=mobile] .ls-screen .ls-site-head{padding:16px 13px}
.ls-preview-frame[data-viewport=mobile] .ls-site-head nav{display:none}
.ls-preview-frame[data-viewport=mobile] .ls-site-head .ls-site-brand strong{font-size:12px}
.ls-preview-frame[data-viewport=mobile] .ls-site-nav-cta{padding:8px 7px;font-size:8px}
.ls-preview-frame[data-viewport=mobile] .ls-screen .ls-site-hero{grid-template-columns:1fr;padding:25px 18px 17px}
.ls-preview-frame[data-viewport=mobile] .ls-preview-text h3{font-size:clamp(1.65rem,6vw,2.15rem)}
.ls-preview-frame[data-viewport=mobile] .ls-preview-text>p{font-size:11px}
.ls-preview-frame[data-viewport=mobile] .ls-scene-art{height:165px}
.ls-preview-frame[data-viewport=mobile] .ls-art-orb,.ls-preview-frame[data-viewport=mobile] .ls-art-ring{width:135px;height:135px;left:calc(50% - 67px);top:calc(50% - 73px)}
.ls-preview-frame[data-viewport=mobile] .ls-art-symbol{font-size:49px;top:24px}
.ls-preview-frame[data-viewport=mobile] .ls-art-panel{bottom:10px;left:10px;right:10px;padding:8px}
.ls-preview-frame[data-viewport=mobile] .ls-art-panel strong{font-size:10px}
.ls-preview-frame[data-viewport=mobile] .ls-screen.ls-template-minimal .ls-site-hero{padding:29px 15px 15px}
.ls-preview-frame[data-viewport=mobile] .ls-screen.ls-template-minimal .ls-scene-art{margin:0 18px 18px;height:89px}
.ls-preview-frame[data-viewport=mobile] .ls-site-services{padding:23px 17px}
.ls-preview-frame[data-viewport=mobile] .ls-site-services h4{font-size:19px}
.ls-preview-frame[data-viewport=mobile] .ls-mini-features{grid-template-columns:1fr}
.ls-preview-frame[data-viewport=mobile] .ls-mini-features article{padding:12px}
.ls-preview-frame[data-viewport=mobile] .ls-mini-features article>span{margin-bottom:8px}
.ls-preview-frame[data-viewport=mobile] .ls-site-footer{padding:12px;font-size:8px}
.ls-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:12px 19px;background:#102038;border-top:1px solid rgba(160,189,226,.14)}
.ls-stage-bottom>div{display:flex;gap:8px;align-items:center;color:#cddded;font-size:10px}
.ls-stage-bottom>span{font-size:9px;color:#859dbb;letter-spacing:.06em}
.ls-export{padding:22px 23px 24px;border-top:1px solid rgba(166,185,224,.17);background:linear-gradient(130deg,rgba(29,48,74,.42),rgba(12,30,54,.73))}
.ls-export>div:first-child strong{font:700 18px "Space Grotesk",sans-serif}
.ls-export>div:first-child p{font-size:11px;color:#a2b8d5;margin:6px 0 17px;line-height:1.6}
.ls-export-actions{display:flex;flex-wrap:wrap;gap:8px}
.ls-export-actions button{border-radius:8px;padding:11px 13px;font-size:11px;font-weight:800;border:1px solid rgba(166,197,239,.24);color:#dae8fa;background:#132941}
.ls-export-actions button:hover{border-color:#e6c58d;color:#f3d293}
.ls-export-actions .ls-export-primary{color:#192339;background:linear-gradient(125deg,#f0d79b,#d4ae6c);border-color:transparent}
.ls-export-message{font-size:10px;color:#8fa8c9;line-height:1.7;margin:15px 0 0}
.ls-export-message.success{color:#9ce0bf}
.ls-next{padding:112px 0 127px;border-top:1px solid rgba(155,185,228,.13);background:radial-gradient(ellipse at 0 70%,rgba(67,104,171,.12),transparent 50%),#0b172b}
.ls-next-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:80px;align-items:center}
.ls-next h2{font-size:clamp(2.6rem,4vw,4.1rem);line-height:1.14}
.ls-next p{color:#aabbd4;font-size:14px;line-height:1.85;max-width:650px;margin:21px 0}
.ls-next-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}
.ls-next-steps{display:grid;gap:12px}
.ls-next-steps>div{display:grid;grid-template-columns:52px 1fr;gap:5px 17px;align-items:center;padding:23px 25px;border:1px solid rgba(169,192,225,.2);border-radius:12px;background:linear-gradient(140deg,#172b47,#101d34)}
.ls-next-steps span{grid-row:span 2;font:700 21px "Space Grotesk",sans-serif;color:#e8c88e}
.ls-next-steps strong{font:700 20px "Space Grotesk",sans-serif}
.ls-next-steps p{font-size:11px;margin:0;color:#9bb0ca}
@media(max-width:1220px){.ls-workspace{grid-template-columns:minmax(285px,.78fr) minmax(0,1.22fr)}.ls-site-head nav{display:none}.ls-screen .ls-site-hero{padding:31px 19px}.ls-preview-text h3{font-size:clamp(1.6rem,2.8vw,2.5rem)}.ls-scene-art{height:250px}.ls-site-head{padding:17px}.ls-stage-canvas{padding:19px 12px}.ls-editor{padding:22px 18px}}
@media(max-width:980px){.ls-hero-grid{grid-template-columns:1fr}.ls-hero-art{margin:35px auto 0}.ls-workspace{grid-template-columns:1fr}.ls-sectors{grid-template-columns:repeat(4,1fr)}.ls-theme-grid{grid-template-columns:repeat(4,1fr)}.ls-stage-canvas{min-height:0}.ls-section-title{display:block}.ls-section-title>p{max-width:550px;margin-top:16px}.ls-next-grid{grid-template-columns:1fr;gap:35px}.ls-next-steps{grid-template-columns:repeat(3,1fr)}.ls-next-steps>div{display:block}.ls-next-steps span{display:block;margin-bottom:11px}}
@media(max-width:790px){.ls-hero{padding:85px 0}.ls-editor-section{padding:84px 0}.ls-screen .ls-site-hero{padding:37px 28px}.ls-next{padding:83px 0}.ls-mini-features article{padding:13px}}
@media(max-width:560px){
 .ls-hero{padding:70px 0 79px}.ls-hero h1{font-size:clamp(2.8rem,10.5vw,3.75rem)}.ls-hero-grid>div:first-child>p{font-size:13px}
 .ls-hero-actions .btn{width:100%}.ls-hero-points{gap:9px 18px;font-size:10px}
 .ls-hero-art{height:260px}.ls-hero-browser{height:215px}.ls-hero-browser-top{padding:10px 12px;font-size:7px}
 .ls-hero-browser-content{padding:28px 25px}.ls-hero-browser-content>small{font-size:8px;margin-bottom:11px}.ls-hero-browser-content strong{font-size:26px}
 .ls-hero-floating{padding:8px 9px}.ls-hero-floating strong{font-size:10px}.ls-hero-floating small{font-size:8px}
 .ls-editor-section{padding:69px 0}.ls-section-title h2{font-size:2.65rem}.ls-section-title>p{font-size:12px}
 .ls-editor{padding:20px 15px}.ls-editor-top h3{font-size:19px}.ls-editor-chip{font-size:8px;padding:6px}
 .ls-sectors{grid-template-columns:repeat(2,1fr)}.ls-theme-grid{grid-template-columns:repeat(2,1fr)}
 .ls-workspace{gap:15px}.ls-stage-top{padding:13px 11px}
 .ls-stage-top>div:first-child{font-size:9px}.ls-stage-code{display:none}.ls-view-toggle button{font-size:9px;padding:6px}
 .ls-stage-canvas{padding:15px 8px}
 .ls-frame-header{padding:9px 8px}.ls-url{padding:4px 7px;font-size:8px}
 .ls-screen .ls-site-head{padding:12px 10px}
 .ls-site-head .ls-site-brand strong{font-size:12px}.ls-site-head nav{display:none}
 .ls-site-nav-cta{padding:8px 6px;font-size:8px}
 .ls-screen .ls-site-hero{grid-template-columns:1fr;padding:24px 14px}
 .ls-preview-text h3{font-size:clamp(1.75rem,7.6vw,2.4rem)}
 .ls-site-qualities{gap:7px}
 .ls-scene-art{height:160px}.ls-art-symbol{font-size:48px;top:24px}
 .ls-art-ring,.ls-art-orb{width:140px;height:140px;left:calc(50% - 70px);top:calc(50% - 73px)}
 .ls-art-panel{bottom:10px;left:10px;right:10px;padding:8px}
 .ls-art-panel strong{font-size:10px}
 .ls-site-services{padding:23px 15px}.ls-site-services h4{font-size:20px}
 .ls-mini-features{grid-template-columns:1fr}.ls-mini-features article{padding:10px}
 .ls-mini-features article>span{margin-bottom:7px}
 .ls-site-footer{padding:10px;font-size:8px}.ls-screen.ls-template-minimal .ls-site-hero{padding:25px 12px}
 .ls-screen.ls-template-minimal .ls-scene-art{margin:0 14px 15px;height:100px}
 .ls-export{padding:17px 14px}.ls-export-actions button{width:100%}
 .ls-stage-bottom>span{font-size:8px}
 .ls-next{padding:75px 0}.ls-next h2{font-size:clamp(2.55rem,9vw,3.2rem)}.ls-next p{font-size:12px}
 .ls-next-buttons .btn{width:100%}.ls-next-steps{grid-template-columns:1fr}.ls-next-steps>div{display:grid}
}
@media(prefers-reduced-motion:reduce){.ls-preview-frame,.ls-option{transition:none!important}}


/* LIVE STUDIO V8 — BEFORE/AFTER COMPARISON */
.ls-compare-toggle{display:flex;align-items:center;gap:4px;border:1px solid rgba(156,190,228,.23);background:#0b1b30;border-radius:8px;padding:4px}
.ls-compare-toggle>span{color:#e3c796;font-size:9px;font-weight:800;letter-spacing:.06em;padding:0 7px}
.ls-compare-toggle button{padding:8px 10px;background:none;border:1px solid transparent;color:#aebfda;border-radius:6px;font-size:10px;font-weight:800}
.ls-compare-toggle button.active{background:#edc98b;color:#14253c}
.ls-compare-toggle button:not(.active):hover{color:#f2d396}
.ls-screen.ls-before-mode{--ls-base:#f6f6f6;--ls-text:#42464d;--ls-accent:#797e87;--ls-accent-text:#fff;--ls-muted:#737981;--ls-panel:#dfdfdf;--ls-card:#ececec;--ls-line:rgba(70,75,83,.18);font-family:Arial,sans-serif}
.ls-before-mode .ls-site-head{background:#f0f0f0}
.ls-before-mode .ls-site-logo{border-radius:0;background:#6d747c}
.ls-before-mode .ls-site-brand strong,.ls-before-mode .ls-preview-text h3,.ls-before-mode .ls-site-services h4{font-family:Arial,sans-serif;font-weight:700;letter-spacing:normal}
.ls-before-mode .ls-site-hero{background:#fff}
.ls-before-mode .ls-site-kicker{letter-spacing:0}
.ls-before-mode .ls-site-primary{border-radius:0;background:#777;color:#fff}
.ls-before-mode .ls-site-nav-cta{border-radius:0}
.ls-before-mode .ls-scene-art{background:#e5e5e5;border-style:dashed;filter:grayscale(1);opacity:.55;border-radius:0}
.ls-before-mode .ls-art-orb{opacity:.08}
.ls-before-mode .ls-art-ring{opacity:.19}
.ls-before-mode .ls-art-symbol{color:#aaa;text-shadow:none}
.ls-before-mode .ls-art-panel{background:#d4d4d4;border-radius:0;box-shadow:none}
.ls-before-mode .ls-art-panel b{color:#555}
.ls-before-mode .ls-art-panel strong{color:#555}
.ls-before-mode .ls-mini-features article{border-radius:0;box-shadow:none}
.ls-before-mode .ls-site-footer{background:#f0f0f0}
.ls-before-mode .ls-site-qualities{opacity:.48}
.ls-before-mode .ls-site-hero:before{content:"EXEMPLO GENÉRICO — ILUSTRAÇÃO";position:absolute;left:23px;top:10px;color:#939393;font-size:9px;font-weight:700}
.ls-before-mode .ls-site-hero{position:relative}
@media(max-width:790px){
.ls-stage-top{justify-content:flex-start}
.ls-compare-toggle{margin-left:auto}
.ls-view-toggle{margin-left:0}
}
@media(max-width:560px){
.ls-compare-toggle{order:3;margin:0 0 0 auto}
.ls-compare-toggle>span{font-size:8px;padding:0 5px}
.ls-compare-toggle button{font-size:9px;padding:6px 8px}
.ls-view-toggle{margin-left:auto}
.ls-stage-top{row-gap:10px}
}