html,body,#root{height:100%;overflow:hidden}:root{--bg: #0a0c10;--panel: rgba(20, 22, 28, .88);--border: none;--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.68);--radius: 14px;--shadow: 0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}.appRoot{min-height:100vh}.topBar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--border);background:#0a0c10eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-weight:900;letter-spacing:.2px;font-size:18px;min-width:150px}.topFields{display:flex;align-items:center;gap:12px;flex:1}.topField{display:flex;flex-direction:column;gap:6px;min-width:220px}.topField.grow{flex:1;min-width:260px}.topLabel{font-size:12px;color:var(--muted)}.topInput{height:36px;border-radius:10px;border:none;background:#ffffff0f;color:var(--text);padding:0 10px;outline:none}.topActions{display:flex;gap:10px;align-items:center}.btn,.btnSecondary,.btnPrimary{height:36px;padding:0 12px;border-radius:10px;border:none;background:#ffffff14;color:var(--text);cursor:pointer;font-weight:800}.btnPrimary{background:#3d82f638;border-color:#3d82f661}.btnSecondary{background:#ffffff0f}.body{padding:14px;height:calc(100vh - 64px);overflow:hidden}.tabsRow{display:flex;gap:10px;padding:0 0 12px;flex:1}.tabBtn{height:34px;padding:0 14px;border-radius:10px 10px 0 0;border:none;background:#ffffff0d;color:#ffffffd1;cursor:pointer;font-weight:900}.tabBtn.active{background:#2ecc712e;border-color:#2ecc7161;color:#ffffffeb}.contentGrid{display:grid;grid-template-columns:520px 1fr;gap:14px;align-items:start}.panel{background:#14161ce0;border:none;border-radius:var(--radius);box-shadow:none;overflow:hidden}.panelHeader{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.panelTitle{font-weight:900}.panelSub{margin-top:4px;font-size:12px;color:var(--muted)}.panelFooter{padding:12px 14px;border-top:1px solid rgba(255,255,255,.06)}.accordionStack{padding:10px;display:grid;gap:10px}.accordionItem{border:none;border-radius:12px;background:#0000002e;overflow:hidden}.accordionHeader{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px;background:transparent;border:none;color:var(--text);cursor:pointer}.accordionTitle{font-weight:900}.accordionSub{font-size:12px;color:var(--muted)}.accordionTop{padding:10px 12px 0}.accordionMiniTabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:10px}.miniTab{padding:6px 10px;border-radius:999px;border:none;background:#0000002e;color:var(--text);font-size:12px;cursor:pointer}.miniTab.active{border-color:#ffffff47;background:#ffffff0f}.accordionHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px}.cardSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 12px;border-radius:12px;border:none;background:#0000002e;color:var(--text);font-size:14px;min-width:140px}.accordionCollapseBtn{padding:10px 12px;border-radius:12px;border:none;background:#0000002e;color:var(--text);cursor:pointer;font-size:13px}.accordionTitleRow{display:flex;align-items:center;gap:10px}.accordionBody{padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.06)}.fieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{display:flex;flex-direction:column;gap:6px}.fieldLabel{font-size:12px;color:var(--muted)}.fieldInput{height:34px;border-radius:10px;border:none;background:#ffffff0f;color:var(--text);padding:0 10px;outline:none}.layoutRow{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.layoutLabel{font-size:12px;color:var(--muted);font-weight:900}.layoutBtns{display:flex;gap:8px}.layoutBtn{width:34px;height:34px;border-radius:10px;border:none;background:#ffffff0f;color:var(--text);cursor:pointer;font-weight:900}.layoutBtn.active{background:#2ecc712e;border-color:#2ecc7161}.previewSplit{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 14px}.previewShell{border-radius:12px;overflow:hidden;border:none;background:transparent}.previewShell{border-radius:12px;overflow:hidden;border:none}.previewCanvas{position:relative;width:100%;aspect-ratio:14/9;overflow:hidden;background-size:cover;background-position:center}.previewCanvas.top{background-image:url(/placeholders/black-canvas.jpg)}.previewCanvas.bottom{background-image:url(/skins/skin-sample.jpg)}.previewCard{position:absolute;border-radius:14px;border:none;background:#0006;box-shadow:none;overflow:hidden}.previewCardInner{padding:12px}.previewCardNum{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#ffffff1f;border:none;font-weight:900;font-size:12px}.previewCardTitle{font-weight:900;margin-bottom:6px;font-size:13px}.previewCardBody{margin:0;white-space:pre-wrap;color:#ffffffbf;font-size:12px;line-height:1.35;position:relative;height:100%}.previewImage{width:100%;height:100%;object-fit:contain;border-radius:12px}.split2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.textarea{width:100%;min-height:280px;border-radius:12px;border:none;background:#ffffff0f;color:var(--text);padding:10px;outline:none;resize:vertical}.codebox{width:100%;min-height:280px;border-radius:12px;border:none;background:#00000040;color:#ffffffdb;padding:10px;overflow:auto}.formRow{display:flex;gap:12px;align-items:flex-end;padding:12px 14px}.btnRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.note{margin:14px;padding:14px;border:none;border-radius:12px;background:#0000002e}.noteTitle{font-weight:900;margin-bottom:6px}.noteBody{color:var(--muted)}.muted{color:var(--muted);font-size:12px}@media (max-width:1100px){.contentGrid,.previewSplit{grid-template-columns:1fr}}.tabsBar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.layoutBtnsTop{display:flex;gap:8px;padding-bottom:12px;margin-left:auto}.previewCanvas.single{background-image:url(/skins/skin-sample.jpg)!important;background-size:cover;background-position:center;min-height:70vh;height:calc(100vh - 210px)}.brand{display:flex;align-items:baseline;gap:10px;font-weight:900}.brandName{font-size:18px;font-weight:900}.brandVer{font-size:12px;padding:4px 8px;border-radius:999px;border:none;background:#ffffff0f;color:#ffffffd1}.savedPill{font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;border:none;background:#2ecc7129;color:#ffffffeb}.savedPill.off{border-color:#e74c3c59;background:#e74c3c24;color:#ffffffdb}.btnSave{height:36px;padding:0 12px;border-radius:10px;border:none;background:#2ecc7138;color:#ffffffeb;cursor:pointer;font-weight:900}.btnReset{height:36px;padding:0 12px;border-radius:10px;border:none;background:#ffffff1a;color:#ffffffe6;cursor:pointer;font-weight:900}.btnDeploy{height:36px;padding:0 12px;border-radius:10px;border:none;background:#e74c3c38;color:#ffffffeb;cursor:pointer;font-weight:900}.btnDeploy.disabled{opacity:.55;cursor:not-allowed}.btnDeploy:not(.disabled){border-color:#2ecc7173;background:#2ecc7138}.panelHeaderTight{padding:10px 12px}.leftHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.collapsePaneBtn{width:34px;height:34px;border-radius:10px;border:none;background:#ffffff0f;color:#ffffffe6;cursor:pointer;font-weight:900}.tabsInPanel .tabsRow{padding-bottom:0;margin-top:10px}.contentGrid.collapsed{grid-template-columns:62px 1fr}.leftPane.collapsed{overflow:hidden}.leftPane.collapsed .panelHeader{padding:10px}.leftPane.collapsed .panelSub,.leftPane.collapsed .tabsInPanel,.leftPane.collapsed .demoLinksBox{display:none}.collapsedHint{padding:10px;font-size:12px;color:#fff9}.demoLinksBox{margin-top:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.demoLinksTitle{font-size:12px;font-weight:900;color:#ffffffd1}.demoLinksList{display:flex;flex-direction:column;gap:8px;margin-top:8px}.demoLink{font-size:12px;padding:6px 10px;border-radius:999px;border:none;background:#ffffff0f;color:#ffffffeb;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvasHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.canvasHeaderRight{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.modalCard{width:min(1100px,96vw);max-height:86vh;overflow:hidden;border-radius:18px;border:none;background:#14161ceb;box-shadow:none}.modalCardWide{width:min(1300px,96vw)}.modalCardFull{width:min(1400px,98vw);max-height:92vh}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.modalTitle{font-weight:900}.modalClose{width:34px;height:34px;border-radius:10px;border:none;background:#ffffff0f;color:#ffffffe6;cursor:pointer;font-weight:900}.modalBody{padding:14px;overflow:auto;max-height:calc(86vh - 60px)}.segRow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.fontToolsRow{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.fontSizeBox,.fontTargetBox{display:flex;flex-direction:column;gap:4px}.fontSizeInput{width:70px;height:32px;border-radius:10px;border:none;background:#ffffff0f;color:#ffffffeb;padding:0 10px}.fontSizeRange{width:220px}.fontTargetSelect{height:32px;border-radius:10px;border:none;background:#ffffff0f;color:#ffffffeb;padding:0 10px}.fontDecorBtns{display:flex;gap:8px}.fontPreviewSentence{margin-top:10px;padding:12px 14px;border-radius:14px;border:none;background:#00000029;color:#ffffffeb}.segBtn{height:32px;padding:0 12px;border-radius:999px;border:none;background:#ffffff0f;color:#ffffffe0;cursor:pointer;font-weight:900;font-size:12px}.segBtn.active{border-color:#2ecc7173;background:#2ecc7138;color:#ffffffeb}.templateGridV21{display:grid;grid-template-columns:repeat(auto-fit,220px);gap:10px;justify-content:center;justify-items:center}.templateTabsRow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.optionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;justify-items:center;align-items:start}.optionTile{text-align:left;padding:14px;border-radius:14px;border:none;background:#0000002e;color:var(--text);cursor:pointer}.optionTileWallpaper{display:flex;flex-direction:column;gap:10px}.wallpaperThumb{width:100%;height:140px;border-radius:12px;border:none;background-size:cover;background-position:center;background-color:#ffffff0f}.templateGridV21.blocksOnly{padding-top:6px}.templateTileV21.blocksOnly{padding:10px}.templateTileV21.blocksOnly .templateMetaRow{display:none}.optionTitle{font-weight:700}.optionSub{font-size:12px;color:var(--muted);margin-top:4px}.optionThumbSm{margin-top:10px;height:86px;border-radius:12px;background-size:cover;background-position:center;border:none}.templateTileV21{text-align:left;padding:10px;width:220px;max-width:100%;border-radius:14px;border:none;background:#0000002e;color:#ffffffeb;cursor:pointer}.templateTileV21:hover{border-color:#2ecc7159}.templateThumb{position:relative;width:100%;aspect-ratio:16/10;border-radius:12px;border:none;background:#ffffff0a;overflow:hidden}.thumbBlock{position:absolute;border-radius:8px;border:none;background:#ffffff0f}.templateMetaRow{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:8px}.templateName{font-weight:900;font-size:12px}.templateMeta{font-size:12px;color:#ffffffad}.imageGridV21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.imageTileV21{padding:10px;border-radius:14px;border:none;background:#0000002e;cursor:pointer;color:#ffffffeb;text-align:left}.imageTileV21:hover{border-color:#2ecc7159}.imageThumbV21{width:100%;aspect-ratio:16/9;border-radius:10px;border:none;background:#ffffff0f;background-size:cover;background-position:center}.img-A1{background-image:url(/stickers/A1.png)}.img-A2{background-image:url(/stickers/A2.png)}.img-A3{background-image:url(/stickers/A3.png)}.kindRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.kindLabel{font-size:12px;font-weight:900;color:#ffffffad}.kindBtns,.fontSizeBtns{display:flex;gap:8px;flex-wrap:wrap}.kindBtn{height:30px;padding:0 10px;border-radius:999px;border:none;background:#ffffff0f;color:#ffffffe0;cursor:pointer;font-weight:900;font-size:12px}.kindBtn.active{border-color:#2ecc7173;background:#2ecc7138;color:#ffffffeb}@media (max-width: 1100px){.templateGridV21{justify-content:center;grid-template-columns:repeat(2,minmax(0,1fr))}.imageGridV21{grid-template-columns:repeat(2,minmax(0,1fr))}.contentGrid.collapsed{grid-template-columns:1fr}}.canvasStrip{border:none;background:transparent;box-shadow:none;padding:0 0 8px}.canvasStrip .panelHeader{background:#00000038;border:none;border-radius:12px}.previewShell.floating{border:none;background:transparent;box-shadow:none}.previewCanvas.floating{position:relative;width:100%;height:calc(100vh - 160px);aspect-ratio:auto;overflow:visible;background:transparent}.previewModalBody{padding:0}.previewModalInner{padding:12px}.previewModalBody .previewCanvas.single{background-image:none;background:transparent}.modalCardWide{min-height:560px;display:flex;align-items:stretch;flex-direction:column}.modalCardSide{width:540px;min-height:420px;display:flex;align-items:stretch;flex-direction:column}.modalBody{flex:1;overflow:auto}.templateTabsInline{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;align-items:center}.templateTabsInline .segBtn{height:32px}.cardSelect,.layoutSelect{background:#0000008c;color:#ffffffeb;border:none}.cardSelect option,.layoutSelect option{background:#0b0b0b;color:#fff}:root{--adSlotW: min(560px, 36vw);--adSlotH: min(260px, 28vh)}.adSlotFixed{position:fixed;left:16px;bottom:16px;width:var(--adSlotW);height:var(--adSlotH);z-index:5;border-radius:14px;border:none;background:#0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none}.adSlotImg{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}.accordionBody{max-height:calc(100vh - var(--adSlotH) - 240px);overflow:auto}.leftPane{padding-bottom:calc(var(--adSlotH) + 24px)}.accordionMiniTabs{align-items:center}.accordionCollapseBtn{margin-left:10px;white-space:nowrap}.selectStack{display:flex;flex-direction:column;gap:8px;min-width:130px}.cardSelectInline{min-width:110px}.layoutSelect{min-width:150px}.fieldLabel{display:flex;align-items:center;gap:10px;justify-content:flex-start}.alignBtns{display:flex;gap:6px}.alignBtn{border:none;background:#0000002e;color:#ffffffd9;border-radius:8px;padding:2px 6px;font-size:12px;line-height:1;cursor:pointer}.alignBtn.active{border-color:#78ffb459;background:#28a05a2e}.previewCardBody{display:flex;flex-direction:column;gap:4px}.previewLine{white-space:pre-wrap}:root{--lg-white: rgba(245,250,255,.96);--lg-text: rgba(234,241,255,.92);--lg-muted: rgba(214,226,255,.72);--lg-line: rgba(195,225,255,.2);--lg-line-strong: rgba(205,235,255,.34);--lg-glass: rgba(10,18,34,.34);--lg-glass-2: rgba(9,14,26,.48);--lg-shadow: 0 10px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.09);--lg-cyan: rgba(123, 238, 255, .95);--lg-blue: rgba(106, 163, 255, .95);--lg-violet: rgba(181, 134, 255, .92);--lg-mint: rgba(110, 255, 210, .9)}body,.appRoot,.appRoot:before,.previewStage,.previewStage:before,.previewStage:after,.previewStageOverlay,.previewCard,.previewCard:before,.previewCard:after{background-image:initial}.topBar,.leftPane>.panel,.canvasStrip,.assistantPromoCard,.topCenterBrandInner,.btnSecondary,.btnSave,.btnDeploy,.btnReset,.savedPill,.tabBtn,.layoutBtn{position:relative;isolation:isolate}.topBar{background:linear-gradient(180deg,#0a122266,#080e1c2e);-webkit-backdrop-filter:blur(10px) saturate(1.12);backdrop-filter:blur(10px) saturate(1.12);border-bottom:1px solid rgba(190,220,255,.18);box-shadow:0 14px 28px #0000001f}.topBar:before{content:"";position:absolute;left:16px;right:16px;top:100%;height:9px;border-radius:0 0 16px 16px;background:linear-gradient(90deg,#7beeff5c,#92b0ff4d 24%,#be86ff42 50%,#7beeff47 74%,#6effd24d);filter:blur(1px);opacity:.95;pointer-events:none}.topBar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120px 36px at 18% 0%,rgba(120,238,255,.12),transparent 70%),radial-gradient(160px 46px at 50% 0%,rgba(186,136,255,.14),transparent 72%),radial-gradient(120px 36px at 82% 0%,rgba(111,255,212,.1),transparent 70%)}.brand{gap:14px;min-width:220px}.brandIcon{width:34px;height:34px;filter:drop-shadow(0 0 10px rgba(123,238,255,.35)) drop-shadow(0 0 18px rgba(181,134,255,.2))}.brandName{position:relative;font-size:24px;font-weight:1000;letter-spacing:.01em;color:var(--lg-white);text-shadow:0 1px 0 rgba(255,255,255,.1),0 0 22px rgba(132,216,255,.12)}.brandName:after{content:"";position:absolute;left:-12px;right:-12px;bottom:-10px;height:16px;border-radius:999px;background:linear-gradient(90deg,#7beeff4d,#b586ff38,#6effd23d);filter:blur(10px);opacity:.55;pointer-events:none}.brandVer{border:1px solid rgba(199,223,255,.18);background:linear-gradient(180deg,#121a2ed1,#0a101ec7);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #7beeff0d;color:#ebf4ffe6}.topLabel{color:#e8f0ffd6;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.topInput{border:1px solid rgba(196,219,255,.18);background:linear-gradient(180deg,#0a1222c7,#0a101c9e);box-shadow:inset 0 1px #ffffff12,0 0 0 1px #7beeff0a}.topInput:focus{box-shadow:inset 0 1px #ffffff14,0 0 0 1px #7beeff2e,0 0 20px #7beeff1f}.topCenterBrand{pointer-events:none}.topCenterBrandInner{min-width:300px;padding:10px 22px;border:1px solid rgba(198,220,255,.22);background:linear-gradient(180deg,#0e1628d6,#090f1ec7);box-shadow:var(--lg-shadow),0 0 0 1px #7beeff0f;-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12);overflow:hidden}.topCenterBrandInner:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#7beeff99,#92b0ff57 22%,#b586ff66,#7beeff57 78%,#6effd26b);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;-webkit-mask-composite:xor;mask-composite:exclude}.topCenterBrandInner:after{content:"";position:absolute;left:12px;right:12px;top:-3px;height:16px;border-radius:999px;background:radial-gradient(40px 14px at 5% 100%,rgba(123,238,255,.8),transparent 72%),radial-gradient(68px 18px at 28% 100%,rgba(181,134,255,.66),transparent 72%),radial-gradient(58px 18px at 48% 100%,rgba(123,238,255,.52),transparent 72%),radial-gradient(72px 18px at 72% 100%,rgba(181,134,255,.58),transparent 72%),radial-gradient(48px 16px at 95% 100%,rgba(110,255,210,.7),transparent 72%);filter:blur(2px);opacity:.92;pointer-events:none}.topCenterBrandIcon{width:24px;height:24px;filter:drop-shadow(0 0 10px rgba(123,238,255,.5)) drop-shadow(0 0 20px rgba(181,134,255,.25))}.topCenterBrandText{font-size:17px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;color:var(--lg-white);text-shadow:0 1px 0 rgba(255,255,255,.1),0 0 18px rgba(123,238,255,.18)}.savedPill,.btnReset,.btnSave,.btnDeploy,.btnSecondary,.tabBtn,.layoutBtn{border:1px solid rgba(198,220,255,.22);color:#f4f8fff5;background:linear-gradient(180deg,#11182abd,#0a0f1ca3);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #7beeff0a,0 10px 18px #00000024;overflow:hidden}.savedPill:before,.btnReset:before,.btnSave:before,.btnDeploy:before,.btnSecondary:before,.tabBtn:before,.layoutBtn:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,rgba(255,255,255,.14),transparent 28%,transparent 68%,rgba(123,238,255,.08)),linear-gradient(90deg,#7beeff0f,#b586ff0f);opacity:.9}.savedPill:after,.btnReset:after,.btnSave:after,.btnDeploy:after,.btnSecondary:after,.tabBtn:after,.layoutBtn:after{content:"";position:absolute;left:10%;right:10%;bottom:-6px;height:14px;border-radius:999px;pointer-events:none;background:linear-gradient(90deg,#7beeff3d,#b586ff3d,#6effd238);filter:blur(10px);opacity:.55}.btnSave{background:linear-gradient(180deg,#1e6654bd,#123631ad),linear-gradient(90deg,#6effd21f,#7beeff0f)}.btnDeploy{background:linear-gradient(180deg,#2e426cc7,#1c2248b8),linear-gradient(90deg,#b586ff24,#7beeff14)}.savedPill{background:linear-gradient(180deg,#1a4640c7,#102a28b3)}.savedPill.off{border-color:#ffb2b233;background:linear-gradient(180deg,#4a2630bd,#2a141cad)}.btnSecondary:hover,.btnSave:hover,.btnDeploy:hover,.btnReset:hover,.tabBtn:hover,.layoutBtn:hover{box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #7beeff1a,0 0 24px #7beeff1f}.tabBtn.active,.layoutBtn.active{border-color:#b8dfff57;background:linear-gradient(180deg,#22345ad1,#10162cc2);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #7beeff1f,0 0 20px #b586ff29}.leftPane>.panel{border:1px solid rgba(196,220,255,.2);background:linear-gradient(180deg,#0b122085,#070c184d);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 22px 44px #00000029,inset 0 1px #ffffff0f;overflow:hidden}.leftPane>.panel:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#7beeff8f,#a8bdff2e 18%,#b586ff57 50%,#7beeff38 78%,#6effd25c);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;-webkit-mask-composite:xor;mask-composite:exclude}.leftPane>.panel:after{content:"";position:absolute;left:10px;right:10px;top:-4px;height:18px;pointer-events:none;background:radial-gradient(68px 18px at 6% 100%,rgba(123,238,255,.88),transparent 72%),radial-gradient(82px 20px at 28% 100%,rgba(181,134,255,.72),transparent 72%),radial-gradient(86px 18px at 52% 100%,rgba(123,238,255,.52),transparent 72%),radial-gradient(74px 18px at 78% 100%,rgba(181,134,255,.56),transparent 72%),radial-gradient(62px 18px at 96% 100%,rgba(110,255,210,.74),transparent 72%);filter:blur(1px);opacity:.95}.leftPane .panelHeader{position:relative;background:linear-gradient(180deg,#ffffff08,#ffffff03);border-bottom:1px solid rgba(196,220,255,.12)}.panelTitleSkin{position:relative}.panelEyebrow{color:#d8e9ffbd;letter-spacing:.16em}.panelTitleMain{color:var(--lg-white);text-shadow:0 0 16px rgba(123,238,255,.16)}.canvasStrip{border:1px solid rgba(198,220,255,.2);background:linear-gradient(180deg,#0c122075,#080c1838);box-shadow:0 18px 36px #0000001f,inset 0 1px #ffffff0f;overflow:hidden}.canvasStrip:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#7beeff85,#b586ff47 40%,#6effd25c);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;-webkit-mask-composite:xor;mask-composite:exclude}.canvasStrip:after{content:"";position:absolute;left:18px;right:18px;bottom:-6px;height:14px;pointer-events:none;background:linear-gradient(90deg,#7beeff47,#b586ff47,#7beeff38,#6effd242);filter:blur(10px);opacity:.72}.canvasHeader{position:relative}.canvasHeader:before{content:"";position:absolute;left:12px;right:12px;top:-4px;height:15px;pointer-events:none;background:radial-gradient(56px 14px at 12% 100%,rgba(123,238,255,.7),transparent 72%),radial-gradient(84px 18px at 34% 100%,rgba(181,134,255,.52),transparent 72%),radial-gradient(74px 16px at 56% 100%,rgba(123,238,255,.46),transparent 72%),radial-gradient(88px 18px at 78% 100%,rgba(181,134,255,.54),transparent 72%),radial-gradient(58px 14px at 96% 100%,rgba(110,255,210,.62),transparent 72%);filter:blur(1px);opacity:.92}.canvasHeader .panelTitleMain{font-size:17px}.canvasHeader .panelSubSkin{color:#dce8ffb8}.assistantPromoCard{border:1px solid rgba(196,220,255,.22);background:linear-gradient(180deg,#0b122047,#080c181a);box-shadow:0 22px 44px #00000029,inset 0 1px #ffffff0f}.assistantPromoCard:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#7beeff94,#b586ff47 18%,#7beeff2e 42%,#b586ff4d 70%,#6effd257);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;-webkit-mask-composite:xor;mask-composite:exclude}.assistantPromoCard:after{content:"";position:absolute;left:12px;right:12px;bottom:-6px;height:16px;pointer-events:none;background:linear-gradient(90deg,#7beeff47,#b586ff4d,#6effd242);filter:blur(10px);opacity:.75}.assistantPromoImg{position:relative;z-index:0}.leftPane .tabBtn,.leftPane .miniTab,.leftPane .segBtn,.leftPane .layoutBtn,.leftPane .cardSelect,.leftPane .accordionCollapseBtn,.leftPane .collapsePaneBtn{border:1px solid rgba(198,220,255,.2);background:linear-gradient(180deg,#11182ab8,#0a0f1ca8);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #7beeff0a;color:#f4f8fff5}.leftPane .miniTab.active,.leftPane .segBtn.active{box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #7beeff1f,0 0 18px #7beeff1a}.previewShell,.previewStage,.previewStageOverlay,.previewCard,.previewCardInner,.previewCardTitle,.previewCardBody,.previewCardNum{filter:none}:root{--leftPaneW: 520px;--adSlotSafeInset: 16px}.adSlotFixed{width:min(calc(var(--leftPaneW) - (var(--adSlotSafeInset) * 2)),calc(100vw - (var(--adSlotSafeInset) * 2)))!important;max-width:calc(var(--leftPaneW) - (var(--adSlotSafeInset) * 2))!important;height:min(340px,36vh)!important;overflow:hidden}.adSlotImg{object-fit:contain!important;object-position:center bottom;background:#0000002e}@media (max-width: 1100px){.adSlotFixed{width:calc(100vw - (var(--adSlotSafeInset) * 2))!important;max-width:calc(100vw - (var(--adSlotSafeInset) * 2))!important}}.previewCanvas.floating:before,.previewCanvas.single:before,.previewCard:before,.previewCard:after{content:none!important;display:none!important}.previewShell,.previewShell.floating,.previewCanvas,.previewCanvas.floating,.previewCard{box-shadow:none!important;outline:none!important}.previewCard{border:none!important}.canvasHeader,.canvasHeaderRight,.canvasHeaderRight .btnSecondary,.layoutBtnsTop,.layoutBtnsTop .layoutBtn{position:relative;z-index:3;pointer-events:auto}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000094;display:grid;place-items:center;z-index:50;padding:18px}.contentGrid{grid-template-columns:520px minmax(0,1fr);align-items:start}.leftPane{display:flex;flex-direction:column;gap:14px;min-height:0}.rightPane{min-width:0;display:flex;flex-direction:column;gap:14px}.canvasStrip{border-radius:18px;background:#0a0e1c6b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.previewShell{width:100%;border:none;background:transparent}.previewStage{position:relative;width:100%;min-height:calc(100vh - 210px);overflow:hidden;background-size:cover;background-position:center;border-radius:22px;isolation:isolate}.previewStage.floating{min-height:calc(100vh - 210px)}.previewStage.mobile{width:430px;max-width:100%;min-height:860px;margin:0 auto}.previewStageOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0407102e,#0407104d);pointer-events:none;z-index:0}.previewCard{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08)}.previewCardInner{height:100%;padding:18px 16px 16px}.previewCardTitle{font-size:18px;margin-bottom:10px}.previewCardBody{font-size:14px;line-height:1.45}.previewCardNum{top:12px;right:12px}.assistantPromoCard{width:100%;border-radius:18px;overflow:hidden;background:#080c16b8;border:1px solid rgba(255,255,255,.08);box-shadow:none;flex:0 0 auto}.assistantPromoImg{display:block;width:100%;height:auto;max-height:320px;object-fit:cover}.adSlotFixed{position:relative!important;left:auto!important;bottom:auto!important;width:100%!important;height:auto!important;z-index:auto!important}.accordionBody{max-height:none!important;overflow:auto}.leftPane{padding-bottom:0!important}.previewModalBody{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;background:#060812d6}.previewModalInner{flex:1 1 auto;min-width:0}.previewDeviceDivider{width:1px;align-self:stretch;background:#ffffff14}.prototypeModalBody{display:grid;gap:14px}.prototypeModalNote{text-align:center}@media (max-width: 1100px){.contentGrid{grid-template-columns:1fr}.previewModalBody{flex-direction:column}.previewDeviceDivider{display:none}.previewStage{min-height:700px}}.previewShell,.previewCanvas,.previewStage{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.previewCard{background:#00000047!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.previewCard{background:#00000047!important}.leftPane .panel{background:#0000002e!important}.accordionBody .fieldRow,.accordionBody .fieldInput,.accordionBody .layoutSelect,.accordionBody .cardSelect{background:#00000024!important}