*{box-sizing:border-box}html,body{color:#15171a;min-height:100%;font-family:var(--font-inter), var(--font-noto-jp), "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fff;margin:0}button,input,textarea,select{font:inherit}button{color:#15171a;cursor:pointer;background:#fff;border:1px solid #d6dbe2;border-radius:8px;min-height:38px;padding:0 14px}button:hover{border-color:#9ba7b6}.studio{grid-template-rows:minmax(0,1fr);grid-template-columns:280px minmax(760px,1fr) 320px;height:100vh;display:grid;position:relative;overflow:hidden}.studio.inspectorClosed{grid-template-columns:280px minmax(760px,1fr) 0}.studio.inspectorClosed .rightPanel{opacity:0;pointer-events:none;padding-left:0;padding-right:0}.leftPanel,.rightPanel{background:#fbfcfd;border-style:solid;border-color:#dfe4ea;flex-direction:column;gap:24px;padding:24px;display:flex}.leftPanel{border-width:0 1px 0 0;overflow:auto}.rightPanel{border-width:0 0 0 1px;transition:opacity .16s,padding .16s;overflow:auto}.projectMark{color:#fff;background:#111827;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:flex}.brandRow{align-items:center;gap:12px;display:flex}.iconButton{border:0;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;min-height:40px;padding:0;font-size:22px;display:inline-flex}h1,h2,p{margin:0}h1{font-size:20px;line-height:1.2}h2{letter-spacing:0;text-transform:uppercase;margin-bottom:12px;font-size:13px}.muted,.leftPanel p{color:#6b7280;font-size:14px;line-height:1.55}.blockGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.librarySwitch{background:#eef2f7;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.librarySwitch button{white-space:nowrap;border:0;border-radius:7px;min-height:34px;padding:0 8px;font-size:13px}.librarySwitch .active{background:#fff;font-weight:800;box-shadow:0 1px 4px #0f172a14}.searchInput{width:100%}.librarySection{flex-direction:column;gap:14px;min-height:0;display:flex}.chipRow{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#6b7280;background:#f3f4f6;border:0;min-height:30px;padding:0 10px;font-size:12px}.chip.active{color:#fff;background:#111827}.templateList,.presetList{flex-direction:column;gap:12px;display:flex}.templateCard{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:10px;display:flex}.templateCard.active{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf624}.templatePreview{border:1px solid #edf0f4;border-radius:8px;justify-content:center;align-items:center;height:92px;display:flex;position:relative;overflow:hidden}.templatePreview strong{font-size:18px;line-height:1}.templatePreview i{border-radius:999px;width:16px;height:16px;position:absolute;bottom:10px;right:10px}.cardTitle{font-size:15px;font-weight:900}.tagRow{gap:6px;display:flex}.tagRow em,.presetCard em{color:#6b7280;letter-spacing:.01em;background:#f4f5f7;border-radius:6px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:600}.quickBlocks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.quickBlocks button{text-overflow:ellipsis;white-space:nowrap;min-height:34px;padding:0 4px;font-size:12px;overflow:hidden}.libSearch{text-transform:none;background:#f3f4f6;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.libSearch span{color:#9ca3af;font-size:16px}.libSearch input{background:0 0;border:0;width:100%;min-height:34px;padding:0}.libGroupHead{color:#9ca3af;letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:800}.variantGroup{flex-direction:column;gap:8px;display:flex}.libAccordion{background:#f6f7f9;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;min-height:36px;padding:0 10px;font-size:12px;font-weight:800;display:flex}.libAccordion:hover{background:#eef0f3}.libCount{color:#6b7280;background:#e5e7eb;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10px}.libChevron{color:#9ca3af;font-size:10px}.insertModal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:1040px;height:100%;max-height:760px;display:flex;overflow:hidden;box-shadow:0 30px 80px #0000004d}.insertModalHead{border-bottom:1px solid #eef0f3;align-items:center;gap:16px;padding:16px 20px;display:flex}.insertModalHead h2{text-transform:none;white-space:nowrap;margin:0;font-size:18px}.insertModalHead .libSearch{flex:1}.insertModalBody{flex:1;grid-template-columns:180px 1fr;min-height:0;display:grid}.insertCats{border-right:1px solid #eef0f3;flex-direction:column;gap:2px;padding:12px;display:flex;overflow:auto}.insertCats button{text-align:left;background:0 0;border:0;border-radius:8px;justify-content:flex-start;min-height:36px;padding:0 12px;font-size:13px}.insertCats button:hover{background:#f3f4f6}.insertCats button.active{color:#fff;background:#111827}.insertGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:16px;padding:18px;display:grid;overflow:auto}.insertCard{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:8px;min-height:236px;padding:10px;display:flex;overflow:hidden}.insertCard:hover{border-color:#c7d2fe;box-shadow:0 10px 24px #0f172a1a}.insertCardPreview{background:#fff;border:1px solid #eef0f4;border-radius:8px;flex:none;height:176px;overflow:hidden}.galleryOpenBtn{color:#fff;background:#111827;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;font-size:13px;font-weight:700;display:flex}.galleryOpenBtn:hover{background:#1f2937}.catList{flex-direction:column;gap:4px;display:flex}.catRow{background:#f6f7f9;border:0;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:flex}.catRow:hover{background:#eef0f3}.catRowName{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.catRowArrow{color:#9ca3af;margin-left:2px;font-size:13px}.variantList{grid-template-columns:1fr 1fr;gap:8px;display:grid}.variantCard{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:4px;padding:6px;display:flex;overflow:hidden}.variantCard:hover{border-color:#c7d2fe}.variantCard.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb2e}.variantThumb{background:#fff;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.variantLabel{color:#374151;padding:0 2px 2px;font-size:11px;font-weight:700}.presetCard{text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:12px;display:flex}.presetCard span{flex-direction:column;gap:4px;display:flex}.presetCard strong{font-size:14px}.presetCard small{color:#6b7280;font-size:12px}.workspace{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.topbar{background:#fff;border-bottom:1px solid #e9ebef;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;padding:0 16px;display:grid}.tbLeft{align-items:center;gap:8px;display:flex}.tbCenter{justify-content:center;display:flex}.tbRight{justify-content:flex-end;align-items:center;gap:8px;display:flex}.tbRight>button,.tbRight .menuWrap>button{height:34px;min-height:34px;padding:0 12px;font-size:13px}.tbIcon{border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;min-height:36px;padding:0;font-size:16px;display:inline-flex}.tbIcon:hover{background:#f3f4f6}.tbCount{color:#9ca3af;margin-left:4px;font-size:12px}.deviceToggleTop{background:#f3f4f6;border-radius:9px;gap:2px;padding:3px;display:flex}.deviceToggleTop button{background:0 0;border:0;border-radius:7px;min-height:32px;padding:0 14px;font-size:15px}.deviceToggleTop button:hover{background:#fff}.deviceToggleTop button.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #0f172a29}.bpBadge{color:#2563eb;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-self:center;margin-left:10px;padding:3px 10px;font-size:11px}.bpNote{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:12px;line-height:1.6}.menuWrap{position:relative}.dropdown{z-index:120;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:220px;padding:6px;display:flex;position:absolute;top:44px;right:0;box-shadow:0 12px 30px #0f172a24}.dropdown button{text-align:left;background:0 0;border:0;border-radius:7px;justify-content:flex-start;min-height:34px;padding:0 10px;font-size:13px}.dropdown button:hover{background:#f3f4f6}.toolDock{z-index:30;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:2px;padding:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0f172a33}.toolDock button{background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;min-width:38px;height:38px;min-height:38px;padding:0 6px;font-size:15px;display:inline-flex}.toolDock button:hover{background:#f3f4f6}.toolDock button.active{color:#fff;background:#111827}.toolDock .dockZoom{min-width:52px;font-size:12px;font-weight:700}.toolDock .dockInsert{color:#fff;background:#2563eb;padding:0 14px;font-size:13px;font-weight:700}.toolDock .dockInsert:hover{background:#1d4ed8}.dockDiv{background:#e5e7eb;width:1px;height:24px;margin:0 4px}.toolGroup{background:#f3f4f6;border-radius:8px;gap:2px;padding:2px;display:flex}.toolGroup button{background:0 0;border:0;min-height:32px;padding:0 10px;font-size:12px}.toolGroup button.active{color:#fff;background:#111827}.minimap{z-index:30;background:#fff;border:1px solid #d1d5db;border-radius:8px;position:absolute;bottom:18px;right:18px;overflow:hidden;box-shadow:0 8px 24px #0f172a2e}.minimapInner{cursor:pointer;width:100%;height:100%;position:relative}.minimapView{pointer-events:none;background:#2563eb29;border:1.5px solid #2563eb;position:absolute}.insertGuide{pointer-events:none;z-index:65;background:#2563eb;height:3px;position:absolute;left:-4px;right:-4px;box-shadow:0 0 0 1px #2563eb4d}.insertBanner{color:#fff;background:#2563eb;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.insertBanner button{color:#fff;background:#fff3;border:0;border-radius:6px;min-height:28px;padding:0 12px;font-size:12px;font-weight:700}.canvasShell.placing,.canvasShell.placing .component{cursor:copy}.canvasShell.handMode,.canvasShell.handMode .component{cursor:grab}.canvasShell.handMode:active{cursor:grabbing}.toolbar{background:#fff;border-bottom:1px solid #dfe4ea;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-height:64px;padding:10px 20px;display:flex}.toolbar span{color:#6b7280;margin-left:10px;font-size:13px;display:inline-block}.toolbar>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar button{white-space:nowrap;min-height:36px;padding:0 12px;font-size:13px}.primary{color:#fff;background:#2563eb;border-color:#2563eb}.canvasShell{background-image:radial-gradient(#cad2dd 1px,#0000 1px);background-size:24px 24px;flex:1;min-height:0;overflow:auto}.canvasPadding{justify-content:center;width:max-content;min-width:100%;min-height:100%;padding:56px 64px 130px;display:flex}.canvas{background:#fffdf8;border:2px solid #171717;position:absolute;inset:0;box-shadow:0 20px 60px #1717171f}.component{-webkit-user-select:none;user-select:none;white-space:pre-wrap;align-items:center;padding:0 8px;display:flex;position:absolute;overflow:hidden}.component img{object-fit:cover;pointer-events:none;transform-origin:50%;width:100%;height:100%}.component{cursor:grab}.component:active{cursor:grabbing}.formStack{flex-direction:column;gap:14px;display:flex}label{color:#4b5563;letter-spacing:-.01em;text-transform:uppercase;flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.rightPanel label{white-space:nowrap}.rightPanel label>input,.rightPanel label>select,.rightPanel label>textarea{white-space:normal}input,textarea,select{color:#111827;text-transform:none;background:#fff;border:1px solid #d6dbe2;border-radius:8px;min-height:40px;padding:10px 12px}textarea{resize:vertical;min-height:86px}.twoCol{grid-template-columns:1fr 1fr;gap:10px;display:grid}.danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.galleryPage{background:#fff;min-height:100vh;padding:0 0 80px}.galleryTopbar{-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);z-index:20;background:#ffffffd1;border-bottom:1px solid #eef0f3;align-items:center;gap:16px;height:60px;padding:0 40px;display:flex;position:sticky;top:0}.galleryTopTitle{color:#6b7280;letter-spacing:.01em;font-size:13px;font-weight:600}.resumeChip{color:#6b7280;white-space:nowrap;background:#f4f5f7;border:1px solid #e9ebef;border-radius:999px;flex:none;align-items:center;gap:7px;min-height:0;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:500;transition:background .14s,border-color .14s;display:inline-flex}.resumeChip:hover{background:#eceef1;border-color:#dfe2e6}.resumeChip strong{color:#2563eb;font-weight:700}.resumeChipDot{background:#2563eb;border-radius:999px;flex:none;width:6px;height:6px}.lpBrandBtn{background:0 0;border:0;min-height:0;padding:0}.galleryHero{text-align:center;flex-direction:column;align-items:center;max-width:720px;margin:0 auto;padding:60px 24px 0;display:flex}.galleryHero h1{color:#0f172a;letter-spacing:-.025em;font-size:40px;font-weight:800;line-height:1.12}.galleryHero p{color:#6b7280;margin-top:12px;font-size:15px;line-height:1.6}.galleryTabsWrap{scrollbar-width:none;justify-content:center;max-width:100%;margin:32px auto 0;padding:0 24px;display:flex;overflow-x:auto}.galleryTabsWrap::-webkit-scrollbar{display:none}.galleryTabs{background:#f3f4f6;border-radius:999px;flex-wrap:nowrap;gap:2px;padding:5px;display:inline-flex}.galleryTab{color:#6b7280;letter-spacing:-.005em;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:none;min-height:34px;padding:0 16px;font-size:13px;font-weight:600;transition:color .14s,background .14s}.galleryTab:hover{color:#374151;background:#1118270d}.galleryTab.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0f172a12,0 2px 8px #0f172a14}.gallerySearch{text-transform:none;background:#f6f7f9;border:1px solid #e9ebef;border-radius:12px;flex-direction:row;align-items:center;gap:10px;width:100%;max-width:520px;height:50px;margin-top:28px;padding:0 16px;display:flex}.gallerySearch span{color:#aeb4bd;font-size:18px;font-weight:400}.gallerySearch input{background:0 0;border:0;width:100%;min-height:0;padding:0;font-size:15px}.galleryBody{max-width:1320px;margin:44px auto 0;padding:0 40px}.galleryBody h1{color:#6b7280;letter-spacing:.01em;margin-bottom:20px;font-size:13px;font-weight:600}.templateGrid{grid-template-columns:repeat(4,minmax(240px,1fr));gap:24px;display:grid}.galleryCard{text-align:left;background:#fff;border:1px solid #ebedf0;border-radius:16px;flex-direction:column;align-items:stretch;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.galleryCard:hover{border-color:#d4dbe6;transform:translateY(-3px);box-shadow:0 16px 40px #0f172a1a}.templateMini{background:#fcfcfd;border-bottom:1px solid #f0f1f4;height:198px;position:relative;overflow:hidden}.faithfulThumb{border-bottom:1px solid #f0f1f4;width:100%;position:relative;overflow:hidden}.lpHeroCard .faithfulThumb,.lpTemplateCard .faithfulThumb{border-bottom:0}.templateMini.large{border:0;width:100%;max-width:900px;height:680px;margin:0 auto}.miniLayer{white-space:pre-wrap;align-items:center;padding:0 2px;display:flex;position:absolute;overflow:hidden}.miniImage{background:linear-gradient(135deg,#dbeafe,#f8fafc 40%,#94a3b8);width:100%;height:100%;display:block}.galleryCardMeta{justify-content:space-between;align-items:baseline;gap:8px;padding:14px 16px 16px;display:flex}.galleryCardMeta strong{letter-spacing:-.01em;font-size:15px;font-weight:600}.galleryCardSub{color:#9aa1ad;flex:none;font-size:12px;font-weight:500}.galleryCardBadge{z-index:2;color:#fff;letter-spacing:.01em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ac7;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px}.paletteDots{gap:4px;display:flex}.paletteDots i{border:1px solid #e5e7eb;border-radius:3px;width:9px;height:16px}.galleryCard .tagRow{padding:0 18px 18px}.detailBackdrop{background:#111111b8;align-items:center;min-height:100vh;padding:26px 64px;display:flex}.detailShell{background:#fff;border-radius:32px;flex-direction:column;width:100%;height:calc(100vh - 52px);display:flex;overflow:hidden;box-shadow:0 30px 90px #0000004d}.detailHeader{border-bottom:1px solid #eef0f3;grid-template-columns:40px 1fr auto auto;align-items:center;gap:16px;min-height:60px;padding:0 24px;display:grid}.detailName{align-items:center;gap:10px;display:flex}.detailName strong{letter-spacing:-.01em;font-size:16px;font-weight:700}.detailName em{color:#6b7280;background:#f4f5f7;border-radius:6px;padding:4px 9px;font-size:11px;font-style:normal;font-weight:600}.themeToggle{background:#f4f5f7;border:1px solid #ebedf0;border-radius:9px;padding:3px;display:flex}.themeToggle button{border:0;border-radius:7px;min-height:30px;padding:0 14px;font-size:12.5px;font-weight:500}.themeToggle .active{background:#fff;font-weight:600;box-shadow:0 1px 3px #0f172a1a}.detailStart{border-radius:9px;height:40px;padding:0 18px;font-size:13px;font-weight:600}.detailContent{flex:1;grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.detailPreviewPane{min-width:0;overflow:auto}.systemNav{scrollbar-width:none;white-space:nowrap;z-index:1;background:#fff;border-bottom:1px solid #eef0f3;align-items:center;gap:20px;min-height:48px;padding:0 24px;display:flex;position:sticky;top:0;overflow-x:auto}.systemNav::-webkit-scrollbar{display:none}.systemNav strong{color:#111827;white-space:nowrap;margin-right:12px;font-size:13px;font-weight:600}.systemNav span{color:#6b7280;white-space:nowrap;font-size:12.5px;font-weight:500}.systemNav button{color:#fff;background:#111827;border:0;border-radius:8px;min-width:84px;min-height:32px;margin-left:auto;font-size:12.5px;font-weight:600}.systemPreview{padding:0}.detailTemplateHero{background:#f5f6f8;border-bottom:1px solid #e8eaee;padding:36px 0}.detailPreviewStage{background:#fff;border:1px solid #e8eaee;border-radius:12px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a1f}.detailPreviewScale{transform-origin:0 0}.specSection{border-bottom:1px solid #e8eaee;padding:56px 48px}.specSection>p{color:#9098a4;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:600}.specSection>h2{color:#1f2937;letter-spacing:-.02em;text-transform:none;margin-bottom:28px;font-size:28px;font-weight:700;line-height:1.1}.specSection h3{color:#374151;margin:26px 0 12px;font-size:15px;font-weight:600}.tokenGrid{gap:14px;display:grid}.tokenGrid.three{grid-template-columns:repeat(3,minmax(160px,230px))}.tokenGrid.four{grid-template-columns:repeat(4,minmax(150px,220px))}.tokenCard{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0f172a14}.tokenCard div{height:96px}.tokenCard strong,.tokenCard span,.tokenCard small{padding:0 16px;display:block}.tokenCard strong{margin-top:16px;font-size:18px}.tokenCard span{color:#898989;margin:6px 0 8px}.tokenCard small{color:#898989;margin-bottom:16px;font-size:14px}.typeRow{border-bottom:1px solid #d9dce2;flex-direction:column;gap:12px;padding:28px 0;display:flex}.typeRow:first-of-type{padding-top:0}.typeRow strong{color:#1d1d1f;line-height:1.08}.typeRow span{color:#989898;font-family:SFMono-Regular,Consolas,monospace;font-size:16px}.buttonShowcase{flex-wrap:wrap;gap:18px;display:flex}.buttonShowcase button{color:#fff;border-radius:999px;min-height:52px;padding:0 28px;font-size:18px;font-weight:700}.buttonShowcase button:nth-child(2){color:var(--accent);background:#fff}.buttonShowcase .ghostButton{color:#242424;background:0 0}.buttonShowcase .darkButton{color:#fff;background:#242424}.specCards{grid-template-columns:repeat(3,minmax(220px,1fr));gap:28px;display:grid}.specCards article{background:#fff;border-radius:10px;min-height:260px;padding:44px 34px;box-shadow:0 18px 42px #0f172a1a}.specCards h3{color:#1d1d1f;margin:0 0 16px;font-size:34px;font-weight:500}.specCards p{color:#333;margin-bottom:22px;font-size:19px;line-height:1.35}.specCards a{font-size:18px;font-weight:600;text-decoration:none}.formPreview{flex-direction:column;gap:24px;max-width:560px;display:flex}.formPreview label{color:#242424;text-transform:none;font-size:18px}.formPreview input,.formPreview textarea{border-radius:8px;min-height:58px;font-size:22px}.formPreview textarea{min-height:108px}.focusInput{border-color:#2997ff;box-shadow:0 0 0 3px #2997ff47}.errorInput{border-color:#ff3b30;box-shadow:0 0 0 3px #ff3b302e}.spacingScale{align-items:end;gap:15px;display:flex}.spacingScale span{flex-direction:column;align-items:center;gap:8px;display:flex}.spacingScale i{background:var(--accent);border-radius:4px;height:38px;display:block}.spacingScale b{color:#898989;font-weight:700}.radiusScale{flex-wrap:wrap;gap:28px;display:flex}.radiusScale span{flex-direction:column;align-items:center;gap:8px;display:flex}.radiusScale i{background:#1d1d1f;width:86px;height:86px;display:block}.radiusScale b{color:#898989}.radiusScale em{color:#898989;text-align:center;max-width:90px;font-style:normal}.elevationGrid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:28px;display:grid}.elevationGrid article{color:#242424;border:1px solid #d9dce2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;font-size:18px;font-weight:800;display:flex}.elevationGrid span{color:#989898;margin-top:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:500}.elevationGrid .darkElevation{color:#fff;background:#333}.elevationGrid .shadowElevation{border:0;box-shadow:0 20px 46px #0f172a29}.elevationGrid .focusElevation{border:2px solid var(--accent)}.detailInfo{background:#fbfcfd;border-left:1px solid #eef0f3;padding:28px 24px;overflow:auto}.detailInfo h2{color:#111827;letter-spacing:-.015em;text-transform:none;margin-bottom:8px;font-size:20px;font-weight:700}.detailInfo p{color:#8b919c;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.detailInfo blockquote{color:#6b7280;margin:16px 0 28px;font-size:13px;font-style:normal;line-height:1.65}.detailInfo h3{color:#9ca3af;letter-spacing:.04em;text-transform:uppercase;margin:24px 0 12px;font-size:11px;font-weight:700}.detailInfo small{color:#9ca3af;margin-top:8px;font-size:12px;display:block}.colorList{flex-direction:column;gap:12px;display:flex}.colorList span{grid-template-columns:26px 1fr;align-items:center;gap:0 12px;display:grid}.colorList i{border:1px solid #e5e7eb;border-radius:6px;grid-row:span 2;width:26px;height:26px}.colorList b{color:#1f2937;font-size:13px;font-weight:600}.colorList small{color:#9ca3af;margin:0}.inspectorToggle{z-index:5;background:#fff;border:1px solid #dfe4ea;border-radius:10px 0 0 10px;justify-content:center;align-items:center;width:36px;height:44px;min-height:44px;padding:0;display:flex;position:absolute;top:76px;right:319px;box-shadow:0 8px 20px #0f172a1f}.inspectorClosed .inspectorToggle{right:0}.canvasViewport{flex:none;position:relative}.canvasStage{position:absolute;top:0;left:0}.canvasOverlay{pointer-events:none;position:absolute;inset:0;overflow:visible}.frameOutline{pointer-events:none;z-index:38;border:2px solid #2563eb8c;border-radius:2px;position:absolute;inset:-2px}.frameHandle{pointer-events:auto;z-index:40;background:0 0;position:absolute}.frameHandle:after{content:"";background:#2563eb;border:2px solid #fff;border-radius:3px;position:absolute;box-shadow:0 1px 5px #0f172a66}.frameE{cursor:ew-resize;width:18px;top:0;bottom:0;right:-9px}.frameE:after{border-radius:5px;width:8px;height:48px;margin-top:-24px;top:50%;right:5px}.frameS{cursor:ns-resize;height:18px;bottom:-9px;left:0;right:0}.frameS:after{border-radius:5px;width:48px;height:8px;margin-left:-24px;bottom:5px;left:50%}.frameSE,.frameNE,.frameSW{width:22px;height:22px}.frameSE:after,.frameNE:after,.frameSW:after{width:13px;height:13px}.frameSE{cursor:nwse-resize;bottom:-11px;right:-11px}.frameSE:after{bottom:4px;right:4px}.frameNE{cursor:nesw-resize;top:-11px;right:-11px}.frameNE:after{top:4px;right:4px}.frameSW{cursor:nesw-resize;bottom:-11px;left:-11px}.frameSW:after{bottom:4px;left:4px}.frameBadge{position:absolute;top:auto;bottom:-38px;left:50%}.selectionOverlay{pointer-events:none;z-index:50;border:2px solid #7c3aed;position:absolute}.selectionOutlineThin{pointer-events:none;z-index:49;border:1.5px solid #7c3aed;position:absolute}.marquee{pointer-events:none;z-index:55;background:#7c3aed1a;border:1px solid #7c3aed;position:absolute}.multiPanel{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:10px;padding-bottom:16px;display:flex}.multiPanel>label{color:#6b7280;font-size:12px;font-weight:700}.alignGrid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.alignGrid button{min-height:34px;padding:0;font-size:15px}.resizeHandle{pointer-events:auto;z-index:51;background:#fff;border:1.5px solid #7c3aed;border-radius:3px;position:absolute}.guideV{pointer-events:none;z-index:60;background:#f43f5e;width:1px;position:absolute;top:0;bottom:0}.guideH{pointer-events:none;z-index:60;background:#f43f5e;height:1px;position:absolute;left:0;right:0}.measureBadge{color:#fff;pointer-events:none;white-space:nowrap;z-index:70;background:#f43f5e;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.sizeBadge{color:#fff;pointer-events:none;white-space:nowrap;z-index:70;background:#111827;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%)}.zoomGroup{background:#f3f4f6;border-radius:8px;align-items:center;gap:2px;padding:2px;display:flex}.zoomGroup button{background:0 0;border:0;min-height:30px;padding:0 8px;font-size:12px}.zoomGroup button:hover{background:#fff}.zoomGroup span{color:#374151;text-align:center;min-width:42px;margin:0;font-size:12px;font-weight:700}.zoomInput{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:48px;min-height:28px;padding:0 4px;font-size:12px;font-weight:700}.shortcutModal{background:#fff;border-radius:18px;width:100%;max-width:560px;padding:24px 28px;box-shadow:0 30px 80px #0000004d}.shortcutGrid{grid-template-columns:1fr 1fr;gap:10px 24px;margin-top:12px;display:grid}.shortcutItem{justify-content:space-between;align-items:center;gap:10px;display:flex}.shortcutItem kbd{color:#111827;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:3px 7px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.shortcutItem span{color:#4b5563;text-align:right;font-size:12px}.toolbar button:disabled{color:#c2c8d2;cursor:default;border-color:#e5e9ef}.layerList{flex-direction:column;gap:6px;display:flex}.layerRow{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.layerRow.active{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed26}.layerMeta{flex-direction:column;gap:2px;min-width:0;display:flex}.layerRow.dragging{opacity:.4}.layerVis{color:#9ca3af;background:0 0;border:0;min-height:24px;padding:0 4px;font-size:11px}.layerRow.active .layerVis{color:#7c3aed}.layerRename{width:100%;min-height:24px;padding:2px 6px;font-size:12px;font-weight:700}.layerMeta strong{font-size:12px}.component.locked{cursor:default}.selectionOverlay.lockedSel{border-style:dashed;border-color:#9ca3af}.layerMeta small{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:11px;overflow:hidden}.layerBtns{gap:4px;display:flex}.layerBtns button{min-height:26px;padding:0 8px;font-size:11px}.inspectorHead{justify-content:space-between;align-items:center;display:flex}.inspectorHead em{color:#6b7280;background:#f3f4f6;border-radius:7px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:800}.inspectorTabs{background:#f3f4f6;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.inspectorTabs button{background:0 0;border:0;border-radius:7px;min-height:32px;padding:0;font-size:12px;font-weight:700}.inspectorTabs button.active{background:#fff;box-shadow:0 1px 4px #0f172a1a}.aiPanel,.htmlPanel{flex-direction:column;gap:10px;display:flex}.aiInput{min-height:84px}.aiResult{color:#3730a3;background:#eef2ff;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600}.htmlView{white-space:pre;min-height:300px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.inspectorActions{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.inspectorActions button{text-overflow:ellipsis;white-space:nowrap;min-height:32px;padding:0 6px;font-size:11px;overflow:hidden}.segmented{background:#eef2f7;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid}.segmented button{background:0 0;border:0;border-radius:6px;min-height:28px;padding:0;font-size:12px}.segmented button.active{background:#fff;font-weight:800;box-shadow:0 1px 3px #0f172a1f}.colorRow{grid-template-columns:46px 1fr 34px;align-items:center;gap:8px;display:grid}.colorRow input[type=color]{width:46px;min-height:40px;padding:3px}.eyedrop{min-height:40px;padding:0;font-size:14px}.swatchRow{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.swatch{cursor:pointer;border:1px solid #e5e7eb;border-radius:4px;width:18px;height:18px;min-height:18px;padding:0}.gridOverlay{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#6366f11f 1px,#0000 1px),linear-gradient(#6366f11f 1px,#0000 1px);background-size:8px 8px;position:absolute;inset:0}.customCardLabel{color:#374151;justify-content:center;align-items:center;min-height:48px;font-size:12px;font-weight:700;display:flex}.resumeBar{background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:calc(100% - 80px);max-width:1320px;margin:0 auto 28px;padding:12px 20px;display:flex}.resumeBar span{color:#3730a3;font-size:13px;font-weight:600}.canvasList{margin:0;padding-left:1.1em}.shortcutHint{font-size:11px;line-height:1.7}.uploadRow button{width:100%;min-height:32px;padding:0 10px;font-size:11px}.component.editing{opacity:0}.inlineEdit{pointer-events:auto;resize:none;white-space:pre-wrap;z-index:80;background:#fff;border:2px solid #7c3aed;border-radius:2px;min-height:0;margin:0;padding:0 8px;position:absolute;overflow:auto;box-shadow:0 6px 20px #0f172a2e}.previewBackdrop{z-index:200;background:#111111b8;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.previewModal{background:#f3f4f6;border-radius:20px;flex-direction:column;width:100%;max-width:1400px;height:100%;display:flex;overflow:hidden}.imgEditModal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:560px;display:flex;overflow:hidden}.imgEditHead{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:600;display:flex}.imgEditStage{background:#0f1115;justify-content:center;align-items:center;padding:26px;display:flex}.imgEditFrame{cursor:grab;outline-offset:0;touch-action:none;-webkit-user-select:none;user-select:none;outline:2px solid #3b82f6;position:relative;overflow:hidden}.imgEditFrame:active{cursor:grabbing}.imgEditGrid{pointer-events:none;background-image:linear-gradient(#ffffff73 1px,#0000 1px),linear-gradient(90deg,#ffffff73 1px,#0000 1px);background-position:0 33.33%,33.33% 0;background-repeat:repeat-y,repeat-x;background-size:100% 33.33%,33.33% 100%;position:absolute;inset:0}.imgEditControls{flex-direction:column;gap:10px;padding:16px 20px 6px;display:flex}.imgEditSlider{grid-template-columns:64px 1fr 52px;align-items:center;gap:12px;display:grid}.imgEditSlider span{color:#475569;font-size:13px}.imgEditSlider input[type=range]{width:100%}.imgEditSlider b{color:#0f172a;text-align:right;font-size:13px}.imgEditHint{text-align:center;margin:2px 0 0;font-size:12px}.imgEditFoot{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.imgEditFootRight{gap:8px;display:flex}.imgEditBtn{width:100%;min-height:32px;padding:0 10px;font-size:11px}.embedPlaceholder{color:#64748b;text-align:center;border:1.5px dashed #94a3b8;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;line-height:1.5;display:flex}.embedCode{min-height:120px;font-family:SFMono-Regular,SF Mono,Consolas,monospace!important;font-size:12px!important}.previewBar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.deviceToggle{background:#f3f4f6;border-radius:10px;gap:4px;padding:4px;display:flex}.deviceToggle button{background:0 0;border:0;border-radius:7px;min-height:36px;padding:0 16px;font-size:13px;font-weight:700}.deviceToggle button.active{color:#fff;background:#111827}.previewMeta{color:#6b7280;font-size:13px;font-weight:700}.previewActions{align-items:center;gap:10px;display:flex}.previewStage{flex:1;justify-content:center;align-items:flex-start;padding:32px;display:flex;overflow:auto}.deviceFrame{background:#fff;border:1px solid #d1d5db;border-radius:18px;flex:none;overflow:hidden;box-shadow:0 24px 60px #0f172a40}.publishModal{background:#fff;border-radius:18px;width:100%;max-width:560px;padding:26px 28px;box-shadow:0 30px 80px #0000004d}.publishHead{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.publishHead h2{text-transform:none;margin:0;font-size:22px}.publishLead{color:#4b5563;margin:0 0 6px;font-size:14px;line-height:1.6}.publishSize{color:#9ca3af;margin:0 0 18px;font-size:12px}.hostBox{background:#f8fafc;border:1px solid #dbe3ee;border-radius:14px;margin-bottom:18px;padding:16px}.hostBoxHead{justify-content:space-between;align-items:center;gap:16px;display:flex}.hostBoxHead strong{font-size:14px;display:block}.hostBoxHead small{color:#6b7280;margin-top:3px;font-size:12px;display:block}.hostBoxHead button{white-space:nowrap;flex:none}.hostResult{gap:8px;margin-top:12px;display:flex}.hostResult input{flex:1;min-width:0;font-size:12px}.hostResult button{flex:none}.hostError{color:#b91c1c;margin:10px 0 0;font-size:12px;line-height:1.6}.hostHistory{margin-top:12px}.hostHistory summary{color:#475569;cursor:pointer;font-size:12px}.hostHistory ul{margin:8px 0 0;padding:0;list-style:none}.hostHistory li{align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.hostHistory li a{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.hostHistory li span{color:#9ca3af}.publishOptsLabel{color:#6b7280;margin:0 0 8px;font-size:12px;font-weight:600}.publishOptions{flex-direction:column;gap:10px;display:flex}.publishOption{border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.publishOption strong{font-size:14px;display:block}.publishOption small{color:#6b7280;margin-top:3px;font-size:12px;display:block}.publishOption button{white-space:nowrap;flex:none}.publishNote{color:#9ca3af;margin:18px 0 0;font-size:12px;line-height:1.6}@media (max-width:1100px){.studio{grid-template-columns:220px minmax(720px,1fr) 280px}.leftPanel,.rightPanel{padding:18px}.templateGrid{grid-template-columns:repeat(3,minmax(210px,1fr))}.detailContent{grid-template-columns:1fr}.detailInfo{display:none}}.landing{color:#0b0d12;background:#fff;margin:0 auto;overflow-x:hidden}.lpNav{-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);z-index:30;background:#ffffffc7;border-bottom:1px solid #f0f1f4;position:sticky;top:0}.lpNavInner{align-items:center;gap:24px;max-width:1180px;height:64px;margin:0 auto;padding:0 32px;display:flex}.lpBrand{align-items:center;gap:10px;display:flex}.lpLogo{color:#fff;background:#0b0d12;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:800;display:flex}.lpBrandName{letter-spacing:-.01em;font-size:16px;font-weight:700}.lpNavLinks{gap:28px;margin-left:20px;display:flex}.lpNavLinks a{color:#4b5563;font-size:14px;font-weight:500;text-decoration:none}.lpNavLinks a:hover{color:#0b0d12}.lpNavCta{align-items:center;gap:10px;margin-left:auto;display:flex}.lpPrimary{color:#fff;background:#0b0d12;border:1px solid #0b0d12;border-radius:10px;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .14s,background .14s}.lpPrimary:hover{background:#1c2230;border-color:#1c2230;transform:translateY(-1px)}.lpInvert{color:#0b0d12;background:#fff;border-color:#fff}.lpInvert:hover{background:#f1f3f6;border-color:#f1f3f6}.lpGhost{color:#0b0d12;background:#fff;border:1px solid #e1e4ea;border-radius:10px;min-height:42px;padding:0 18px;font-size:14px;font-weight:600}.lpGhost:hover{border-color:#c2c8d2}.lpLarge{min-height:52px;padding:0 26px;font-size:15px}.lpHero{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;max-width:1180px;margin:0 auto;padding:86px 32px 72px;display:grid}.lpEyebrow{color:#4b5563;letter-spacing:.01em;background:#f1f3f6;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-block}.lpTitle{letter-spacing:-.03em;margin:22px 0 0;font-size:56px;font-weight:800;line-height:1.08}.lpTitle em{background:linear-gradient(92deg,#2563eb,#7c3aed);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lpLead{color:#4b5563;margin:22px 0 0;font-size:17px;line-height:1.75}.lpHeroCta{gap:12px;margin-top:32px;display:flex}.lpHeroStats{border-top:1px solid #eef0f3;gap:44px;margin-top:44px;padding-top:26px;display:flex}.lpHeroStats div{flex-direction:column;gap:2px;display:flex}.lpHeroStats strong{letter-spacing:-.02em;font-size:30px;font-weight:800}.lpHeroStats span{color:#6b7280;font-size:13px}.lpHeroShowcase{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.lpHeroShowcase .lpHeroCard:first-child{grid-column:1/-1}.lpHeroCard{border:1px solid #ebedf0;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #0f172a1a}.lpHeroCard .templateMini{border:0;height:188px}.lpHeroShowcase .lpHeroCard:first-child .templateMini{height:230px}.lpSectionHead{text-align:center;max-width:720px;margin:0 auto 44px}.lpKicker{color:#7c3aed;letter-spacing:.14em;font-size:12px;font-weight:700}.lpSectionHead h2{letter-spacing:-.025em;margin:12px 0 0;font-size:38px;font-weight:800;line-height:1.18}.lpSectionSub{color:#6b7280;margin:14px 0 0;font-size:16px}.lpFeatures{max-width:1180px;margin:0 auto;padding:72px 32px}.lpFeatureGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.lpFeatureCard{background:#fbfbfc;border:1px solid #eef0f3;border-radius:16px;padding:26px;transition:border-color .16s,box-shadow .16s,transform .16s}.lpFeatureCard:hover{border-color:#dfe3ea;transform:translateY(-2px);box-shadow:0 14px 34px #0f172a0f}.lpFeatureIcon{color:#fff;background:#0b0d12;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.lpFeatureCard h3{letter-spacing:-.01em;margin:16px 0 0;font-size:17px;font-weight:700}.lpFeatureCard p{color:#5b626d;margin:8px 0 0;font-size:14px;line-height:1.7}.lpTemplates{background:#fafbfc;border-block:1px solid #f0f1f4;padding:72px 0}.lpTemplateGrid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1180px;margin:0 auto;padding:0 32px;display:grid}.lpTemplateCard{text-align:left;background:#fff;border:1px solid #ebedf0;border-radius:16px;flex-direction:column;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden}.lpTemplateCard:hover{border-color:#d4dbe6;transform:translateY(-3px);box-shadow:0 18px 44px #0f172a1a}.lpTemplateCard .templateMini{border:0;border-bottom:1px solid #f0f1f4;height:230px}.lpTemplateMeta{flex-direction:column;gap:4px;padding:16px 18px;display:flex}.lpTemplateMeta strong{letter-spacing:-.01em;font-size:17px;font-weight:700}.lpTemplateMeta span{color:#8b919c;font-size:12.5px}.lpTemplatesMore{text-align:center;margin-top:40px}.lpHow{max-width:1180px;margin:0 auto;padding:72px 32px}.lpSteps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.lpStep{border-top:2px solid #0b0d12;padding:22px 4px 0}.lpStepNum{color:#c2c8d2;letter-spacing:-.02em;font-size:22px;font-weight:800}.lpStep h3{letter-spacing:-.01em;margin:10px 0 0;font-size:20px;font-weight:700}.lpStep p{color:#5b626d;margin:8px 0 0;font-size:14.5px;line-height:1.7}.lpFinalCta{padding:28px 32px 88px}.lpFinalInner{text-align:center;background:radial-gradient(120% 140% at 100% 0,#1c2433 0%,#0b0d12 55%);border-radius:28px;max-width:1000px;margin:0 auto;padding:72px 40px}.lpFinalInner h2{color:#fff;letter-spacing:-.025em;margin:0;font-size:36px;font-weight:800}.lpFinalInner p{color:#aeb6c2;margin:16px 0 32px;font-size:16px}.lpFooter{border-top:1px solid #f0f1f4}.lpFooterInner{justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:0 auto;padding:28px 32px;display:flex}.lpFootNote{color:#9098a4;font-size:13px}@media (max-width:920px){.lpHero{grid-template-columns:1fr;padding-top:56px}.lpHeroShowcase{display:none}.lpTitle{font-size:42px}.lpFeatureGrid,.lpTemplateGrid,.lpSteps{grid-template-columns:1fr}.lpNavLinks{display:none}}@media (max-width:760px){.galleryTopbar{gap:10px;height:54px;padding:0 16px}.galleryTopTitle{display:none}.resumeChip{padding:5px 10px;font-size:11px}.galleryHero{padding:36px 18px 0}.galleryHero h1{font-size:28px}.galleryHero p{font-size:13px}.galleryTabsWrap{justify-content:flex-start;padding:0 14px}.galleryBody{margin-top:28px;padding:0 16px}.templateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detailBackdrop{padding:12px}.lpTitle{font-size:34px}}@media (max-width:480px){.templateGrid{grid-template-columns:1fr}.galleryHero h1{font-size:24px}.lpTitle{font-size:30px}}.adBannerSection{padding:22px 32px;scroll-margin-top:84px}.adBannerWrap{max-width:1180px;margin:0 auto}.adBanner{background:#fff;border:1px solid #e9ebef;border-radius:22px;flex-direction:column;gap:18px;padding:34px 28px 28px;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #0f172a1a}.adBanner:hover{border-color:#d8dde6;transform:translateY(-2px);box-shadow:0 16px 44px #0f172a1f}.adBannerLogori{background:linear-gradient(135deg,#15233b 0%,#1b2c49 100%);border-color:#0000}.adBannerLogori:hover{box-shadow:0 22px 54px #15233b57}.adBannerReserve{background:linear-gradient(135deg,#1d4ed8 0%,#0e3a73 100%);border-color:#0000}.adBannerReserve:hover{box-shadow:0 22px 54px #1d4ed857}.adBannerReserve .adBannerTitle{color:#fff}.adBannerReserve .adBannerDesc{color:#ffffffbd}.adBannerReserve .adBannerStep{color:#ffffff73}.adBannerPR{color:#94a3b8;letter-spacing:.12em;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:14px;left:16px}.adBannerPR--dark{color:#ffffffb3;background:#ffffff1f}.adBannerArt{flex-shrink:0;align-items:center;display:flex}.adBannerArt>*+*{margin-left:-14px}.adBannerLogoTile{background:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;padding:9px;display:flex;box-shadow:0 6px 18px #0000002e}.adBannerLogoTile img{object-fit:contain;max-width:100%;max-height:100%}.adBannerIcon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 8px 22px #2563eb47}.adBannerBody{flex:1;min-width:0}.adBannerLabel{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:7px;font-size:11px;font-weight:700;display:flex}.adBannerChip{color:#fff;border-radius:5px;padding:2px 7px;font-weight:700}.adBannerStep{color:#94a3b8;font-weight:600}.adBannerLogori .adBannerStep{color:#fff6}.adBannerTitle{color:#0f172a;letter-spacing:-.015em;font-size:24px;font-weight:800;line-height:1.28}.adBannerTitle--light{color:#fff}.adBannerDesc{color:#64748b;margin-top:6px;font-size:14px;line-height:1.65}.adBannerDesc--light{color:#ffffffb3}.adBannerCta{color:#fff;border-radius:12px;flex-shrink:0;align-self:flex-start;align-items:center;gap:6px;padding:12px 22px;font-size:14px;font-weight:700;transition:transform .2s;display:inline-flex;box-shadow:0 4px 14px #00000024}.adBanner:hover .adBannerCta{transform:scale(1.03)}@media (min-width:760px){.adBanner{flex-direction:row;align-items:center;gap:30px;padding:28px 34px}.adBannerCta{align-self:center}}.promoSection{max-width:1180px;margin:0 auto;padding:30px 32px;scroll-margin-top:84px}.promo{background:#fff;border:1px solid #e7eaf0;border-radius:22px;grid-template-columns:1fr;text-decoration:none;transition:box-shadow .2s,transform .2s;display:grid;overflow:hidden;box-shadow:0 14px 44px #0f172a17}.promo:hover{transform:translateY(-3px);box-shadow:0 22px 60px #0f172a24}.promoText{flex-direction:column;justify-content:center;padding:36px 38px;display:flex}.promoEyebrow{color:#6b7280;letter-spacing:.04em;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.promoEyebrow img{object-fit:contain;border-radius:5px;width:20px;height:20px}.promoDot{border-radius:50%;width:8px;height:8px}.promoTitle{color:#0f172a;letter-spacing:-.02em;margin:14px 0 0;font-size:26px;font-weight:800;line-height:1.3}.promoDesc{color:#5b626d;max-width:30em;margin:12px 0 0;font-size:14.5px;line-height:1.7}.promoMeta{color:#8b919c;flex-wrap:wrap;gap:8px 14px;margin:16px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.promoMeta li{align-items:center;display:flex}.promoMeta li+li:before{content:"";background:#d7dbe2;width:1px;height:11px;margin-right:14px}.promoBtn{color:#fff;border-radius:11px;align-self:flex-start;align-items:center;gap:8px;margin-top:24px;padding:12px 22px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex}.promoBtn svg{transition:transform .18s}.promo:hover .promoBtn svg{transform:translate(3px)}.promoBtn--logori{background:#e8552d;box-shadow:0 8px 18px #e8552d52}.promoBtn--reserve{background:#2563eb;box-shadow:0 8px 18px #2563eb52}.promoVisual{justify-content:center;align-items:flex-start;padding:30px 30px 0;display:flex;position:relative;overflow:hidden}.promoVisual--reserve{background:radial-gradient(130% 130% at 72% 0,#eaf1ff 0%,#d8e6ff 100%)}.promoVisual--logori{background:radial-gradient(130% 130% at 72% 0,#faf4ef 0%,#f1e6dc 100%);align-items:center;padding:30px}.promoPhone{border:4px solid #0f172a;border-radius:22px 22px 0 0;width:152px;overflow:hidden;box-shadow:0 18px 40px #0f172a3d}.promoPhone img{width:100%;height:auto;display:block}.promoLogos{gap:16px;display:flex}.promoLogoTile{background:#fff;border-radius:18px;justify-content:center;align-items:center;width:104px;height:104px;padding:16px;display:flex;box-shadow:0 12px 28px #15233b24}.promoLogoTile:first-child{transform:rotate(-3deg)}.promoLogoTile:last-child{transform:rotate(3deg)}.promoLogoTile img{object-fit:contain;max-width:100%;max-height:100%}@media (min-width:820px){.promo--reserve{grid-template-columns:1.3fr .85fr}.promo--logori{grid-template-columns:1.25fr .9fr}.promoText{padding:42px 46px}}@media (max-width:819px){.promoSection{padding:22px 18px}.promoText{padding:28px 24px}.promoTitle{font-size:22px}.promoVisual{min-height:200px;padding:26px 24px 0}.promoVisual--logori{min-height:0;padding:26px 24px}}