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{--bg: #060812;--panel: rgba(10, 14, 28, .56);--panel-strong: rgba(8, 12, 22, .78);--border: none;--text: rgba(245, 250, 255, .96);--muted: rgba(226, 236, 255, .72);--accentA: rgba(106, 255, 227, .95);--accentB: rgba(162, 128, 255, .95);--accentC: rgba(255, 255, 255, .92);--shadow: 0 12px 40px rgba(0,0,0,.42)}body{background:radial-gradient(circle at 50% 18%,rgba(156,255,237,.14),transparent 22%),radial-gradient(circle at 75% 10%,rgba(145,120,255,.12),transparent 18%),linear-gradient(180deg,#05070e,#090d18)}.appRoot{position:relative;background-color:#060812}.appRoot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0308149e,#030814bd),radial-gradient(circle at 50% 12%,rgba(155,255,237,.18),transparent 28%),radial-gradient(circle at 80% 14%,rgba(152,120,255,.14),transparent 22%);pointer-events:none}.topBar,.body,.modalOverlay{position:relative;z-index:1}.topBar{gap:18px;padding:14px 16px;border-bottom:1px solid rgba(218,240,255,.12);background:linear-gradient(180deg,#060a12a8,#070a1485);box-shadow:none;-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25)}.brand{min-width:180px;align-items:center;gap:12px}.brandIcon{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(122,255,233,.55)) drop-shadow(0 0 18px rgba(158,130,255,.34))}.brandName{font-size:19px;letter-spacing:.02em;text-shadow:0 0 18px rgba(136,245,255,.12)}.brandVer{border-color:#d6ecff2e;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);box-shadow:none}.topFields{gap:18px}.topField{min-width:220px}.topLabel{color:#e6eeffcc;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.topInput{height:38px;border-radius:12px;border:none;background:linear-gradient(180deg,#0e1222a3,#080a16b8);box-shadow:none}.topInput:focus{border-color:#91ffea61;box-shadow:none}.topCenterBrand{flex:1;display:flex;justify-content:center;pointer-events:none}.topCenterBrandInner{display:flex;align-items:center;gap:10px;min-width:220px;padding:10px 18px;border-radius:999px;border:none;background:linear-gradient(180deg,#0d12218f,#0709147a);box-shadow:none;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2)}.topCenterBrandIcon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(122,255,233,.58)) drop-shadow(0 0 16px rgba(155,130,255,.28))}.topCenterBrandText{font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#f5faff,#8fffe9 45%,#c2adff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(125,255,235,.12)}.savedPill,.savedPill.off,.btnSave,.btnDeploy,.btnSecondary,.btn,.btnPrimary,.tabBtn,.layoutBtn,.segBtn,.miniTab,.cardSelect,.accordionCollapseBtn,.modalClose,.collapsePaneBtn,.demoLink{-webkit-backdrop-filter:blur(14px) saturate(1.18);backdrop-filter:blur(14px) saturate(1.18);box-shadow:none}.savedPill{border-color:#7effe447;background:linear-gradient(180deg,#35c19a3d,#1e6c5f2e)}.savedPill.off{border-color:#ffa7a738;background:linear-gradient(180deg,#71243047,#49141c33)}.btnSave{border-color:#7effe447;background:linear-gradient(135deg,#43deb447,#447ef43d)}.btnDeploy{border-color:#daecff2e;background:linear-gradient(135deg,#6f46ff3d,#ff7ab929)}.btnDeploy:not(.disabled){border-color:#7effe438;background:linear-gradient(135deg,#604fff38,#6affe32e)}.btnSecondary,.btn,.btnPrimary,.tabBtn,.layoutBtn,.segBtn,.miniTab,.cardSelect,.accordionCollapseBtn,.modalClose,.collapsePaneBtn,.demoLink{border-color:#d6ecff29;background:linear-gradient(180deg,#1116258a,#0a0c1a9e)}.tabBtn.active,.layoutBtn.active,.segBtn.active,.miniTab.active{border-color:#7effe447;background:linear-gradient(135deg,#34be9a3d,#745cff2e)}.contentGrid{gap:16px}.panel,.previewShell,.modalCard{position:relative;background:linear-gradient(180deg,#0b0e1c8a,#090c186b);border:none;box-shadow:none;-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15)}.panel:before,.previewShell:before,.modalCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#96ffec61,#ffffff0a 32%,#b69cff57 68%,#7dffed38);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.panelHeader,.panelFooter,.accordionBody,.modalHeader{position:relative;z-index:1}.panelTitleSkin{display:flex;flex-direction:column;gap:4px}.panelEyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#c2e3ffa8}.panelTitleMain{font-size:24px;line-height:1;font-weight:900;background:linear-gradient(90deg,#fffffff5,#8effeaf2 45%,#bdaaffeb);-webkit-background-clip:text;background-clip:text;color:transparent}.panelSubSkin{margin-top:8px;font-size:12px;letter-spacing:.06em;color:#e6f0ffb8}.panelHeader{border-bottom-color:#d6ecff14;background:linear-gradient(180deg,#ffffff06,#ffffff03)}.accordionItem{border-color:#d6ecff24;background:linear-gradient(180deg,#0a0e1c70,#06081270);box-shadow:none}.accordionHeader{background:linear-gradient(180deg,#ffffff05,#fff0)}.fieldInput{border-color:#d6ecff1f;background:linear-gradient(180deg,#1116258f,#080a16ad)}.fieldInput:focus{border-color:#7effe457;box-shadow:none}.previewShell{border-radius:18px;overflow:hidden}.previewCanvas{position:relative}.previewCanvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.11),transparent 18%),linear-gradient(180deg,#0509122e,#05091247);pointer-events:none}.previewCard{border-radius:22px;border:none;background:linear-gradient(180deg,#f8fcff14,#ffffff08 24%,#11182a38);box-shadow:none;-webkit-backdrop-filter:blur(16px) saturate(1.18);backdrop-filter:blur(16px) saturate(1.18)}.previewCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#aefff1a6,#ffffff2e 34%,#c8b8ff8c 72%,#a3ffef6b);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.previewCard:after{content:"";position:absolute;left:6%;right:6%;top:0;height:26%;border-radius:20px 20px 60px 60px;background:linear-gradient(180deg,#ffffff29,#fff0);pointer-events:none;opacity:.55}.previewCardInner{height:100%;padding:18px 18px 16px}.previewCardNum{top:12px;right:12px;width:30px;height:30px;background:linear-gradient(180deg,#ffffff2e,#ffffff0f);border-color:#dbf0ff38;box-shadow:none}.previewCardTitle{position:relative;z-index:1;margin-bottom:10px;font-size:14px;letter-spacing:.02em;color:#fffffff5}.previewCardBody{color:#edf4ffd6;line-height:1.45}.previewLine{text-shadow:0 1px 0 rgba(0,0,0,.3)}.canvasHeaderRight{gap:8px}.modalOverlay{background:#02040ca3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 1100px){.topCenterBrand{display: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}:root{--skin2-edge-a: rgba(34, 236, 255, .92);--skin2-edge-b: rgba(131, 126, 255, .92);--skin2-edge-c: rgba(31, 255, 171, .92);--skin2-edge-d: rgba(255, 120, 244, .92);--skin2-tint: rgba(5, 10, 22, .58);--skin2-line: rgba(222, 239, 255, .18);--skin2-glow: 0 0 18px rgba(23, 232, 255, .2), 0 0 34px rgba(120, 105, 255, .12)}.topBar,.leftPane>.panel,.canvasStrip>.panelHeader,.assistantPromoCard,.topCenterBrandInner,.savedPill,.savedPill.off,.btnSave,.btnDeploy,.btnReset,.btnSecondary,.btnPrimary,.tabBtn,.miniTab,.accordionCollapseBtn,.cardSelect,.layoutSelect,.fieldInput,.alignBtn,.fontTargetSelect,.fontSizeInput,.segBtn{position:relative;isolation:isolate}.topBar{overflow:clip;background:linear-gradient(180deg,#040914e0,#050a16d1)!important;border-bottom:1px solid rgba(166,220,255,.14)!important;box-shadow:inset 0 -1px #ffffff0d,0 10px 28px #00000042!important}.topBar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,#12ebff17,#7a75ff0f 42%,#ff7af214 78%,#0ce3ff0f),url(/theme-packs/skin-002/overlays/nav-frame.svg) center/100% 100% no-repeat;opacity:.98}.topBar>*{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:12px}.brandIcon{filter:drop-shadow(0 0 8px rgba(36,233,255,.75)) drop-shadow(0 0 22px rgba(114,119,255,.35))}.brandName{color:#f7fbff!important;text-shadow:0 0 10px rgba(18,235,255,.14),0 0 22px rgba(111,115,255,.14);letter-spacing:.01em}.brandVer{background:linear-gradient(180deg,#0a1222db,#070d1adb)!important;border:1px solid rgba(180,220,255,.18)!important;box-shadow:inset 0 1px #ffffff1f,0 0 14px #12ebff1f}.topInput{background:linear-gradient(180deg,#08101ee6,#060a16eb)!important;border:1px solid rgba(190,225,255,.16)!important;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #1e28463d}.topInput:focus{border-color:#29ecff5c!important;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #1febff29,0 0 18px #1febff1f!important}.topCenterBrand{pointer-events:none}.topCenterBrandInner{min-width:276px;justify-content:center;background:linear-gradient(180deg,#060c1ceb,#070c18e6)!important;border:1px solid rgba(196,229,255,.16)!important;box-shadow:inset 0 1px #ffffff24,0 0 28px #1febff1f,0 0 36px #746fff1a!important;overflow:hidden}.topCenterBrandInner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,#1aeaff14,#7971ff1a 55%,#ff70f614),url(/theme-packs/skin-002/overlays/center-brand.svg) center/100% 100% no-repeat}.topCenterBrandInner>*{position:relative;z-index:1}.topCenterBrandIcon{width:23px;height:23px;filter:drop-shadow(0 0 8px rgba(39,236,255,.9)) drop-shadow(0 0 18px rgba(116,111,255,.34))}.topCenterBrandText{color:#f8fbff!important;background:none!important;-webkit-text-fill-color:initial;letter-spacing:.045em;text-shadow:0 0 10px rgba(31,235,255,.18),0 0 20px rgba(111,115,255,.18)}.savedPill,.savedPill.off,.btnSave,.btnDeploy,.btnReset,.btnSecondary,.btnPrimary,.tabBtn,.miniTab,.accordionCollapseBtn,.cardSelect,.layoutSelect,.fieldInput,.alignBtn,.fontTargetSelect,.fontSizeInput,.segBtn{overflow:hidden;background:linear-gradient(180deg,#070e1be0,#070c18e6)!important;border:1px solid rgba(196,229,255,.14)!important;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d,0 0 0 1px #12182e33,0 8px 20px #00000024!important}.savedPill:before,.savedPill.off:before,.btnSave:before,.btnDeploy:before,.btnReset:before,.btnSecondary:before,.btnPrimary:before,.tabBtn:before,.miniTab:before,.accordionCollapseBtn:before,.cardSelect:before,.layoutSelect:before,.fieldInput:before,.alignBtn:before,.fontTargetSelect:before,.fontSizeInput:before,.segBtn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,#ffffff1a,#fff0 48%),linear-gradient(90deg,#18e6ff14,#766eff1a 56%,#1affab0f),url(/theme-packs/skin-002/overlays/button-pill.svg) center/100% 100% no-repeat}.savedPill>*,.savedPill.off>*,.btnSave>*,.btnDeploy>*,.btnReset>*,.btnSecondary>*,.btnPrimary>*,.tabBtn>*,.miniTab>*,.accordionCollapseBtn>*,.cardSelect>*,.layoutSelect>*,.fieldInput>*,.alignBtn>*,.fontTargetSelect>*,.fontSizeInput>*,.segBtn>*{position:relative;z-index:1}.savedPill{color:#d9fff1!important}.savedPill.off{color:#ffd9e7!important}.btnSave{color:#ecfffb!important;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #25ecff1f,0 0 16px #1eeeff24!important}.btnDeploy{color:#fffafc!important;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #7f73ff2e,0 0 18px #7f73ff2e!important}.btnSecondary,.tabBtn,.miniTab,.segBtn{color:#f6faffeb!important}.tabBtn.active,.miniTab.active,.segBtn.active{color:#fff!important;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #23ecff2e,0 0 18px #23ecff1f!important}.btnSecondary:hover,.btnSave:hover,.btnDeploy:hover,.btnReset:hover,.tabBtn:hover,.miniTab:hover,.accordionCollapseBtn:hover{filter:brightness(1.08)}.leftPane>.panel{background:linear-gradient(180deg,#060b16db,#050a14d6)!important;border:1px solid rgba(196,229,255,.14)!important;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #0d142433,0 10px 28px #0000002e!important}.leftPane>.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,#20ecff0f,#0000 16%,#7870ff0f 82%,#0000),url(/theme-packs/skin-002/overlays/panel-frame.svg) center/100% 100% no-repeat}.leftPane>.panel>*{position:relative;z-index:1}.leftPane .panelHeader{background:linear-gradient(180deg,#ffffff08,#fff0)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.leftPane .panelEyebrow{color:#cfebffc2!important;letter-spacing:.12em;text-shadow:0 0 10px rgba(31,235,255,.16)}.leftPane .panelTitleMain{color:#fbfdff!important;background:none!important;-webkit-text-fill-color:initial;text-shadow:0 0 10px rgba(31,235,255,.14),0 0 24px rgba(113,115,255,.14)}.leftPane .panelTitleSkin{position:relative;padding-left:18px}.leftPane .panelTitleSkin:before{content:"";position:absolute;left:0;top:7px;width:10px;height:16px;border-radius:999px/76% 76% 100% 100%;background:radial-gradient(circle at 38% 30%,#fffffff2,#fff0 32%),linear-gradient(180deg,#1fecfff2,#7873ffb8);box-shadow:0 0 12px #1fecff42,0 0 18px #7873ff2e;transform:translateY(1px)}.leftPane .accordionItem{border:1px solid rgba(196,229,255,.1)!important;background:linear-gradient(180deg,#070d19b8,#060b15b3)!important}.leftPane .fieldInput,.leftPane .cardSelect,.leftPane .layoutSelect,.leftPane .fontTargetSelect,.leftPane .fontSizeInput{color:#f7faffeb!important}.canvasStrip{position:relative}.canvasStrip>.panelHeader{overflow:hidden;background:linear-gradient(180deg,#060c18e0,#060b15d6)!important;border:1px solid rgba(196,229,255,.13)!important;box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000024!important}.canvasStrip>.panelHeader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,#15e8ff0f,#786eff0f 58%,#ff6ef50a),url(/theme-packs/skin-002/overlays/canvas-header-frame.svg) center/100% 100% no-repeat}.canvasStrip>.panelHeader>*{position:relative;z-index:1}.canvasStrip .panelEyebrow{color:#d0ecffb8!important;text-shadow:0 0 10px rgba(31,235,255,.14)}.canvasStrip .panelTitleMain{color:#fff!important;background:none!important;-webkit-text-fill-color:initial;text-shadow:0 0 10px rgba(31,235,255,.18),0 0 24px rgba(111,115,255,.18)}.canvasStrip .panelSub{color:#dfebffb8!important}.canvasHeaderRight{gap:10px}.assistantPromoCard{background:linear-gradient(180deg,#060b16d6,#050a14d6)!important;border:1px solid rgba(196,229,255,.14)!important;box-shadow:inset 0 1px #ffffff14,0 10px 24px #0000002e!important}.assistantPromoCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:url(/theme-packs/skin-002/overlays/promo-frame.svg) center/100% 100% no-repeat}.assistantPromoCard:after{content:"";position:absolute;inset:auto 18px 14px 18px;height:1px;pointer-events:none;z-index:2;background:linear-gradient(90deg,#14e7ff2e,#8177ff4d,#ff7af229)}.assistantPromoImg{position:relative;z-index:1}