.accountPage{gap:16px;min-height:100dvh;padding:28px clamp(18px,3vw,36px) 44px;display:grid}.accountHero,.accountCard{border:1px solid var(--line);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px)saturate(1.08);backdrop-filter:blur(22px)saturate(1.08);background:#ffffffd1;border-radius:22px}.accountHero{background:radial-gradient(circle at 0 0,#4f46e524,#0000 38%),radial-gradient(circle at 100% 0,#0ea5e91f,#0000 30%),#ffffffd6;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px;display:flex}.accountOverline{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.accountHero h1{margin:0;font-size:clamp(30px,4vw,40px);line-height:1.1}.accountHero p{max-width:760px;color:var(--muted);margin:12px 0 0;line-height:1.7}.accountHeroActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.accountGrid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:16px;display:grid}.accountCard{padding:22px}.accountCardHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.accountCardHeader h2{align-items:center;gap:8px;margin:0;font-size:18px;display:inline-flex}.accountCardHeader p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6}.accountSummaryMain{justify-content:space-between;align-items:center;gap:12px;display:flex}.accountSummaryMain strong,.accountSummaryMain span,.accountQuotaBadge span,.accountQuotaBadge strong{display:block}.accountSummaryMain strong{font-size:22px}.accountSummaryMain span{color:var(--muted);margin-top:5px;font-size:13px}.accountQuotaBadge{background:#4f46e514;border:1px solid #4f46e524;border-radius:16px;min-width:168px;padding:13px 14px}.accountQuotaBadge span{color:var(--muted);font-size:12px}.accountQuotaBadge strong{color:var(--accent);margin-top:6px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:26px}.accountProfileForm,.accountCouponForm{gap:10px;margin-top:18px;display:grid}.accountProfileForm{border:1px solid color-mix(in oklch, var(--accent) 18%, var(--line));background:color-mix(in oklch, var(--accent) 5%, white);border-radius:16px;padding:14px}.accountProfileForm label,.accountCouponForm label{color:var(--muted);gap:8px;font-size:12px;font-weight:760;display:grid}.accountCouponInputRow{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.accountCouponInputRow input,.quotaPackageGrid input{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;height:42px;padding:0 12px}.accountCouponInputRow button{background:var(--primary-gradient);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:96px;height:42px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.accountProfileForm small,.accountCouponForm small,.accountOrderFoot small,.accountEmptyState small{color:var(--muted);font-size:12px;line-height:1.6}.accountMiniStats,.quotaCatalogGrid,.accountSimpleList,.accountTransactionList,.accountOrderList{gap:12px;display:grid}.accountMiniStats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.accountMiniStats div,.quotaCatalogCard,.accountListCard,.accountTransactionCard,.accountOrderCard,.quotaPackageMetaBlock{border:1px solid var(--line);background:#ffffffc7;border-radius:16px}.accountMiniStats div{padding:14px}.accountMiniStats span,.accountListCard span,.accountTransactionMain span,.accountTransactionMeta span,.accountOrderMeta span,.quotaPackageMetaBlock span{color:var(--muted);font-size:12px}.accountMiniStats strong,.accountListCard strong,.accountTransactionMain strong,.accountOrderMain strong,.quotaPackageMetaBlock strong{color:var(--ink);margin-top:5px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;display:block}.accountNotice{border-radius:14px;margin:0;padding:12px 14px;font-size:13px;font-weight:700}.accountNotice.success{color:#166534;background:#f0fdf4eb;border:1px solid #16a34a2e}.accountNotice.error{color:#991b1b;background:#fef2f2eb;border:1px solid #b91c1c29}.accountSection{display:grid}.accountLoadingState,.accountEmptyState{text-align:center;min-height:168px;color:var(--muted);place-items:center;gap:8px;display:grid}.quotaCatalogGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.quotaCatalogCard{gap:14px;padding:16px;display:grid}.quotaCatalogCardHead,.accountOrderMain,.accountOrderFoot,.accountListCard{justify-content:space-between;align-items:center;gap:12px;display:flex}.quotaCatalogCardHead strong,.accountOrderMain strong,.accountListCard strong{font-family:inherit;font-size:16px}.quotaCatalogCardHead span,.accountOrderMain span,.accountListCard span{color:var(--muted);white-space:nowrap;font-size:12px}.quotaCatalogCard p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.quotaCatalogCard .primaryButton{width:fit-content}.accountSimpleList,.accountTransactionList,.accountOrderList{gap:10px}.accountListCard,.accountTransactionCard,.accountOrderCard{padding:14px 16px}.accountTransactionCard{gap:10px;display:grid}.accountTransactionMain{justify-content:space-between;align-items:center;gap:12px;display:flex}.accountTransactionMain strong{margin-top:0;font-family:inherit;font-size:16px}.accountTransactionMeta{flex-wrap:wrap;gap:8px 14px;display:flex}.accountQuotaDelta{text-align:right;font-variant-numeric:tabular-nums;min-width:72px;font-size:18px}.accountQuotaDelta.positive{color:#166534}.accountQuotaDelta.negative{color:#991b1b}.accountQuotaDelta.muted{color:var(--muted)}.accountOrderToolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.accountHistoryPanel{display:grid}.accountHistoryHeader{align-items:flex-end}.accountHistoryTabs{flex-wrap:wrap;justify-content:flex-end}.accountOrderHeader{align-items:center}.accountOrderToolbarRight{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.accountOrderToolbarMeta{color:var(--muted);white-space:nowrap;font-size:12px}.accountSegmented{border:1px solid var(--line);background:#f1f5f9d1;border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.accountSegmented button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:12px;font-weight:800}.accountSegmented button.selected{color:var(--ink);background:#fff;box-shadow:0 8px 18px #1c273e14}.accountOrderMeta{flex-wrap:wrap;gap:8px 14px;margin-top:8px;display:flex}.accountOrderListShell{border:1px solid var(--line);background:#ffffff9e;border-radius:14px;overflow:hidden}.accountOrderListScroll{max-height:420px;padding:10px;overflow:auto}.accountOrderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.accountOrderDialogLayer{z-index:220}.accountOrderDialog{border:1px solid color-mix(in oklch, var(--line-strong) 72%, transparent);background:linear-gradient(180deg, #fffffffa, #f7f9fff5), var(--panel);border-radius:24px;width:min(960px,100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 40px 110px #13181838,inset 0 1px #ffffffb8}.accountOrderDialogHeader{background:radial-gradient(circle at 0 0,#4f46e524,#0000 34%),#ffffffb8;border-bottom:1px solid #4f46e514;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 26px 18px;display:flex}.accountOrderDialogHeader h2{margin:0;font-size:24px}.accountOrderDialogHeader p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.accountOrderDialogClose{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:#ffffffe0;border-radius:999px;place-items:center;display:inline-grid}.accountOrderDialogBody{grid-template-columns:minmax(0,1.55fr) minmax(240px,.85fr);gap:18px;padding:22px 26px 26px;display:grid}.accountOrderDialogMain,.accountOrderDialogAside{gap:14px;min-width:0;display:grid}.accountOrderDialogHeroCard,.accountOrderDialogSection,.accountOrderDialogAsideCard{border:1px solid var(--line);background:#ffffffd1;border-radius:18px}.accountOrderDialogHeroCard{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.accountOrderDialogHeroCard strong,.accountOrderTimelineItem strong,.accountOrderDialogAsideCard strong{color:var(--ink);margin-top:6px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;display:block}.accountOrderDialogLabel,.accountOrderTimelineItem span,.accountOrderDialogAsideCard p,.accountOrderDialogHint{color:var(--muted);font-size:12px;line-height:1.6}.accountOrderDialogSection{padding:16px}.accountOrderDialogSectionHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.accountOrderDialogSectionHeader h3,.accountOrderDialogSection h3{align-items:center;gap:8px;margin:0;font-size:16px;display:inline-flex}.accountOrderTimeline{gap:10px;display:grid}.accountOrderTimelineItem{border-top:1px dashed #4f46e524;justify-content:space-between;align-items:flex-start;gap:12px;padding-top:10px;display:flex}.accountOrderTimelineItem:first-child{border-top:0;padding-top:0}.accountOrderDialogAsideCard{padding:16px}.accountOrderDialogAsideCard p,.accountOrderDialogAsideCard ul{margin:8px 0 0}.accountOrderDialogAsideCard ul{color:var(--muted);padding-left:18px;font-size:13px;line-height:1.7}.accountOrderPaymentCard{align-content:start}.accountOrderQrCodeWrap,.accountOrderPaymentState{background:linear-gradient(#fffffffa,#f4f7fff0),#fff;border:1px solid #4f46e51f;border-radius:18px;margin-top:12px}.accountOrderQrCodeWrap{place-items:center;padding:14px;display:grid}.accountOrderQrCodeImage{border-radius:16px;width:min(100%,224px);height:auto;display:block}.accountOrderPaymentState{text-align:center;padding:16px}.accountOrderPaymentState strong{margin-top:0}.accountOrderPaymentState p{margin:8px 0 0}.accountOrderPaymentCountdown{color:var(--accent);text-align:center;font-variant-numeric:tabular-nums;margin:12px 0 0;font-size:12px;font-weight:760}.accountOrderPaymentCountdown.expired{color:var(--danger)}.accountOrderReconcileButton{justify-content:center;width:100%;margin-top:12px}.accountOrderDialogError{color:#991b1b;background:#fef2f2db;border:1px solid #b91c1c24;border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.6}.accountStatusBadge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.accountStatusBadge.success{color:#166534;background:#22c55e1f}.accountStatusBadge.info{color:#1d4ed8;background:#3b82f61f}.accountStatusBadge.warning{color:#92400e;background:#f59e0b24}.accountStatusBadge.muted{color:#475569;background:#94a3b824}.adminQuotaPackageForm{background:#fbfaf7b8;border:1px solid #dfdcd4cc;border-radius:14px;grid-template-columns:minmax(180px,1.1fr) minmax(220px,1.4fr) repeat(3,minmax(120px,.75fr)) auto auto;align-items:end;padding:14px;display:grid}.adminCheckboxField{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;min-width:92px;height:42px;padding:0 12px;display:inline-flex}.adminCheckboxField input{width:16px;height:16px;accent-color:var(--accent)}.quotaPackageCard{grid-template-columns:minmax(180px,1.1fr) minmax(120px,.5fr) minmax(360px,1.8fr) minmax(220px,.95fr)}.quotaPackageGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.quotaPackageGrid label{color:var(--muted);gap:6px;font-size:12px;font-weight:750;display:grid}.quotaPackageMetaBlock{align-content:center;padding:10px 12px;display:grid}.quotaPackageActionRow{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.quotaPackageStatusBadge{border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.quotaPackageStatusBadge.active{color:#166534;background:#22c55e1f}.quotaPackageStatusBadge.inactive{color:#475569;background:#94a3b824}@media (max-width:1080px){.accountGrid,.quotaCatalogGrid,.quotaPackageGrid,.adminQuotaPackageForm,.quotaPackageCard{grid-template-columns:1fr}.accountHero,.accountHistoryHeader,.accountOrderHeader,.accountOrderToolbar{flex-direction:column}.accountHistoryTabs,.accountOrderToolbarRight{justify-content:flex-start;width:100%}.accountHeroActions,.quotaPackageActionRow{justify-content:flex-start}}@media (max-width:720px){.accountPage{padding:18px 14px 28px}.accountHero,.accountCard{padding:18px}.accountMiniStats,.quotaCatalogGrid{grid-template-columns:1fr}.accountSummaryMain,.accountCouponInputRow,.accountListCard,.accountOrderMain,.accountOrderFoot{grid-template-columns:1fr;display:grid}.accountOrderDialogBody,.accountOrderDialogHeroCard{grid-template-columns:1fr}.accountOrderDialogHeader,.accountOrderDialogSectionHeader,.accountOrderTimelineItem{align-items:flex-start}.accountOrderDialog{width:min(100%,100vw - 24px)}}.adminOrderCell{gap:4px;min-width:0;display:grid}.adminOrderCell strong,.adminOrderCell span,.adminOrderCell small,.adminOrderCell time{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.adminOrderCell span,.adminOrderCell small,.adminOrderCell time{color:var(--muted);font-size:12px}.adminPriceText{color:var(--ink);font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace}.adminInlineAction{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px;min-width:0;display:grid}.couponBulkActions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.couponListToolbar{align-items:center}.adminOrderToolbar{flex-wrap:wrap;align-items:center}.adminOrderToolbarRight{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.adminOrderToolbarRight>span{color:var(--muted);font-size:12px}.adminOrderActions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.adminOrderActions button{min-height:26px;color:var(--accent);background:#4f46e514;border:1px solid #4f46e538;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.adminOrderActions button:disabled{cursor:not-allowed;opacity:.55}
.sharePage{color:#111827;background:radial-gradient(circle at 80% 4%,#7c3aed1f,#0000 32%),linear-gradient(#f7faff 0%,#eef3f8 100%);min-height:100dvh;padding:32px clamp(16px,4vw,56px) 52px;overflow-x:hidden}.sharePageHeader{justify-content:space-between;align-items:end;gap:18px;max-width:1080px;margin:0 auto 24px;display:flex}.sharePageHeader span{color:#4f46e5;font-size:14px;font-weight:800}.sharePageHeader h1{margin:12px 0 8px;font-size:clamp(28px,4vw,44px);line-height:1.12}.sharePageHeader p{color:#64748b;margin:0;font-size:16px}.shareRegisterCta{color:#fff;background:linear-gradient(135deg,#4f46e5f0,#8b5cf6f0),#4f46e5;border:1px solid #ffffffb8;border-radius:18px;flex:none;place-content:center;min-height:50px;padding:0 18px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 16px 34px #4f46e538}.shareRegisterCta:hover{transform:translateY(-1px);box-shadow:0 20px 42px #4f46e545}.shareRegisterCta span{color:#fff;letter-spacing:0;font-size:14px;font-weight:900}.shareRegisterCta small{color:#ffffffc7;text-align:center;margin-top:2px;font-size:11px;font-weight:700}.shareSlideStack{gap:24px;max-width:1080px;margin:0 auto;display:grid}.shareSlide{gap:10px;display:grid}.shareSlideMeta{color:#475569;align-items:center;gap:12px;font-size:15px;font-weight:800;display:flex}.shareSlideMeta strong{color:#4f46e5;font-variant-numeric:tabular-nums}.shareSlide img{object-fit:initial;background:#fff;border:1px solid #94a3b852;border-radius:18px;width:100%;height:auto;display:block;box-shadow:0 24px 70px #0f172a1f}.shareEmptyState{color:#64748b;text-align:center;background:#ffffffb8;border:1px dashed #6366f152;border-radius:18px;padding:52px 18px}@media (max-width:720px){.sharePageHeader{flex-direction:column;align-items:stretch}.shareRegisterCta{width:100%}}
.legalPage{background:linear-gradient(180deg, #ffffffeb, #eff1f7e6), linear-gradient(135deg, #18697a14, transparent 46%), var(--bg);min-height:100dvh;padding:clamp(20px,4vw,48px)}.legalDocument{border:1px solid color-mix(in oklch, var(--line-strong) 72%, transparent);width:min(920px,100%);box-shadow:var(--shadow-soft);background:#ffffffeb;border-radius:18px;margin:0 auto;padding:clamp(22px,4vw,44px)}.legalNav{justify-content:space-between;gap:12px;margin-bottom:28px;display:flex}.legalNav a{color:var(--accent-2);font-size:13px;font-weight:800;text-decoration:none}.legalHeader{margin-bottom:26px}.legalHeader h1{color:var(--ink);margin:6px 0 0;font-size:clamp(30px,5vw,46px);line-height:1.12}.legalBody{color:var(--ink);font-size:15px;line-height:1.85}.legalBody h2{color:var(--ink);margin:30px 0 10px;font-size:20px;line-height:1.35}.legalBody h3{color:color-mix(in oklch, var(--ink) 88%, var(--accent));margin:22px 0 8px;font-size:16px;line-height:1.45}.legalBody p{color:color-mix(in oklch, var(--ink) 86%, var(--muted));margin:0 0 12px}.legalMetaLine{color:var(--muted);margin:0 12px 8px 0;font-size:13px;font-weight:750;display:inline-flex}.legalListLine{text-indent:-1em;padding-left:1em}.legalNumberedLine{font-weight:650}@media (max-width:640px){.legalPage{padding:14px}.legalDocument{border-radius:14px;padding:20px}.legalNav{flex-direction:column;align-items:flex-start;margin-bottom:22px}.legalBody{font-size:14px;line-height:1.75}}
@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.spin{animation:none!important}}@media (max-height:940px) and (min-width:901px){:root{--console-height:148px;--canvas-vertical-gutter:28px}textarea{min-height:56px}}@media (max-height:780px) and (min-width:901px){:root{--console-height:138px;--canvas-vertical-gutter:20px}.versionDrawer{min-height:38px;padding-block:6px}.console{padding-block:10px}.draftModal.wide{max-height:calc(100dvh - 32px)}.draftPlanList{max-height:340px}.draftPlanFields textarea{min-height:84px}}@media (max-width:900px){:root{--topbar-height:auto;--console-height:auto;--canvas-vertical-gutter:0px}body{background:#eef3f7;overflow:auto}.workspace{height:auto;min-height:100dvh;padding-bottom:calc(74px + env(safe-area-inset-bottom));background:#eef3f7;grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:0;overflow:visible}.railResizeHandle,.consoleResizeHandle{display:none}.topBar{z-index:30;background:linear-gradient(#ffffffe6,#f8faffb3),#ffffffa3;grid-column:1;grid-template-rows:auto auto;grid-template-columns:1fr;gap:10px;padding:12px 14px;position:sticky;top:0}.topLeftArea{flex-direction:row;grid-column:1;align-items:stretch;gap:10px;width:100%}.topTitleArea{grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.topProjectSwitcher{max-width:none}.topNewProjectButton{width:44px;padding:0}.topNewProjectButton span{display:none}.topProjectSwitchButton h1{font-size:14px}.topRight{grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:10px;width:100%;display:grid}.topRedeemEntry{order:0;grid-column:span 2;width:auto;display:block}.topRedeemTrigger{display:none}.topCouponPopover,.topCouponPopover:not(.open){z-index:auto;width:100%;max-width:none;display:grid;position:static}.topCouponBox{background:#fff;border-color:#cdd5e2d6;border-radius:18px;grid-template-columns:auto minmax(0,1fr) 76px;gap:10px;width:100%;min-width:0;max-width:none;height:auto;min-height:52px;padding:7px 7px 7px 13px;display:grid;box-shadow:0 8px 24px #1c273e0e}.topCouponBox input{font-size:15px;font-weight:720}.topCouponBox button{border-radius:14px;min-width:0;min-height:38px;font-size:14px}.topRight .ghostButton,.accountButton{justify-content:center;width:100%;min-width:0;min-height:44px}.topRight .ghostButton{padding-inline:10px}.topRight .accountButton{grid-column:span 1}.toolbarMenu{width:100%}.topMarkTools{flex:none}.statusIsland{grid-column:1;justify-self:stretch;width:100%;max-width:100%;position:static;transform:none}.slideRail{border:1px solid color-mix(in oklch, var(--line-strong) 58%, transparent);background:#fff;border-radius:18px;order:1;grid-area:auto/1;height:auto;min-height:auto;margin:12px 12px 0;padding:10px 14px 8px;overflow:visible;box-shadow:0 10px 26px #1c273e0f}.slideRail:has(.emptyRail){display:none}.slideRail:after{display:none}.slideList{scroll-snap-type:x proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;flex-direction:row;align-items:flex-start;padding:8px 0 4px;scroll-padding-inline:4px;overflow-x:auto}.emptyRail{border:1px dashed color-mix(in oklch, var(--line-strong) 66%, transparent);white-space:nowrap;background:#ffffffa8;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:136px;min-height:64px;display:inline-flex}.emptyRail p{white-space:nowrap;margin:0}.slideItem{scroll-snap-align:start;border-radius:14px;flex:none;align-self:flex-start;width:min(76vw,286px);min-height:0;padding:9px}.slideSelect{grid-template-columns:34px 92px minmax(0,1fr);gap:8px}.slideNumber{background:color-mix(in oklch, var(--accent-2) 68%, white);color:#fff;border-radius:12px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:820;display:inline-grid}.slideMeta{gap:3px}.slideMeta strong{font-size:13px}.slideDelete{align-self:center}.slideAddCard{scroll-snap-align:start;flex:none;align-self:flex-start;width:min(76vw,280px);min-height:88px;margin:0}.slideTitleEditButton{opacity:.58;transform:none}.mainStage{flex-direction:column;grid-area:auto/1;gap:10px;height:auto;min-height:auto;padding:0;display:flex;overflow:visible}.accountPanel{width:min(332px,100vw - 36px)}.channelLinkRow{grid-template-columns:1fr}.channelLinkRow button{width:100%}.canvasZone{background-size:auto,40px 40px,40px 40px;order:1;min-height:auto;padding:16px 12px 12px;display:block;overflow:visible;container-type:inline-size}.canvasZone.withMarkPanel{padding-right:12px}.canvasFrame,.canvasFrame.withTools{grid-template-columns:1fr;width:100%;max-height:none;display:block}.canvasShell{border-radius:12px;width:100%;max-height:none}.canvasFrame.emptyFrame .canvasShell{min-height:170px}.blankCanvas{gap:8px;padding:18px 14px}.blankCanvas>svg{width:30px;height:30px}.blankCanvas h2,.blankCanvas p,.blankCanvas .homeModeActions{display:none}.markSidePanel{border-radius:14px;width:100%;min-width:0;max-height:360px;margin-top:12px;position:relative;inset:auto}.homeModeActions{grid-template-columns:1fr;width:min(420px,100%)}.homeModeButton{min-height:78px;padding:12px}.quickStartCanvas{height:auto;min-height:100%;padding:18px 12px}.quickStartTabs{width:100%}.quickStartTabs button{padding:0 8px;font-size:12px}.quickStartControls{grid-template-columns:1fr 74px;display:grid}.quickGenerateButton{grid-column:1/-1;width:100%}.templatePresetGrid,.templatePresetGrid.compact,.templatePresetGrid.modalGrid{grid-template-columns:1fr;max-height:none}.versionDrawer{z-index:4;border-left:0;border-top:1px solid color-mix(in oklch, var(--line-strong) 62%, transparent);background:#fffffff5;border-radius:16px;order:3;grid-area:auto/1;grid-template-columns:1fr;margin:0 12px;padding:8px 12px;position:relative;overflow:visible;box-shadow:0 10px 26px #1c273e0f,inset 0 1px #ffffffd1}.versionDrawer:not(.open){min-height:48px}.versionDrawerHeader{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:32px;display:grid}.versionTitleButton{white-space:nowrap;min-width:0}.versionDrawerSummary{min-width:0;display:none}.versionDrawer .textButton{justify-self:end}.versions{grid-template-columns:none;grid-auto-columns:minmax(168px,1fr);grid-auto-flow:column;overflow-x:auto}.console{z-index:1;border:1px solid color-mix(in oklch, var(--line-strong) 58%, transparent);background:#fff;border-radius:18px;order:2;height:auto;min-height:0;margin:12px 12px 0;padding:12px;display:block;position:relative;bottom:auto;box-shadow:0 12px 34px #1c273e14}.console.withAttachments{min-height:0}.console.quickConsole{align-content:start;gap:0;display:block}.quickConsoleTools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quickConsoleTools .ghostButton.compact,.quickPageCount.inline{justify-content:center;width:100%;min-width:0}.quickPageCount.inline{border:1px solid color-mix(in oklch, var(--line-strong) 58%, transparent);background:#ffffffbd;border-radius:14px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) 112px;align-items:center;min-height:46px;padding:6px 8px 6px 12px;display:grid}.quickPageCount.inline span{text-align:left;white-space:nowrap;min-width:0}.quickPageCount.inline .quickPageInput{background:#ffffffe6;border-radius:10px;width:100%;height:34px;font-size:14px}.quickConsoleMeta,.promptAttachmentRow{gap:6px}.quickConsoleMeta:not(:empty),.quickPromptRow{margin-top:10px}.promptAttachmentRow .imageReferenceChip{border-radius:12px;flex-basis:100%;grid-template-columns:auto minmax(0,1fr) auto;gap:7px 8px;width:100%;max-width:100%;min-height:0;padding:8px}.inlineReferenceModes{justify-content:stretch;width:100%;min-width:0}.promptAttachmentRow .imageReferenceChip .inlineReferenceModes{grid-area:2/1/auto/-1}.promptAttachmentRow .imageReferenceChip .fileChipRemove{grid-area:1/3;justify-self:end}.fileChip .inlineReferenceModes button{flex:1 1 0}.supportFloat{z-index:80;width:48px;height:48px;margin:0;top:auto!important;left:auto!important;right:16px!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;position:fixed!important;transform:none!important}.supportFab{width:48px;height:48px}.supportPanel{left:auto;right:14px;bottom:calc(76px + env(safe-area-inset-bottom));border-radius:16px;gap:8px;width:min(272px,100vw - 28px);max-height:min(360px,100dvh - 96px);padding:12px;position:fixed;transform:none}.supportFloat.panelRight .supportPanel{left:auto;right:14px}.supportPanel img{justify-self:center;width:min(210px,100%);max-height:210px}.supportQrFallback{justify-self:center;width:min(210px,100%);min-height:210px}.shareLinkRow,.shareModalActions{grid-template-columns:1fr;display:grid}.shareOutputGrid{grid-template-columns:1fr}.shareSectionTitle{flex-direction:column;align-items:flex-start}.promptRow{grid-template-columns:1fr;gap:10px}.promptRow.withDeckAction{grid-template-columns:1fr}.promptRow .primaryButton{width:100%;min-height:46px}.console .promptRow .primaryButton,.quickPromptRow .primaryButton{height:auto;min-height:48px}.quickPromptRow{padding-bottom:0}.console .promptRow .deckRewriteButton{height:auto;min-height:46px}textarea{min-height:86px;font-size:16px}input,select{min-height:44px;font-size:16px}.modalLayer{align-items:end;padding:12px}.draftModal,.promptModal,.templatePickerModal{border-radius:16px;grid-template-columns:1fr;width:100%;max-height:92dvh}.templateCreateRow.modalCreateRow{grid-template-columns:1fr}.draftModal.wide{grid-template-columns:1fr;gap:14px;width:100%;max-height:92dvh;padding:20px}.draftModal>label:first-of-type,.draftModal>label:nth-of-type(2),.draftModal>label:nth-of-type(3),.draftModal>.modalHeader,.draftModal>.draftFlowSteps,.draftModal>.styleReferencePanel,.draftModal>.documentImportPanel,.draftModal>.draftPlanHint,.draftModal>.draftActionPanel,.draftModal>.draftPreviewPanel,.draftModal>.draftPlanEditor,.draftModal>.errorText{grid-column:1}.draftPlanEditor{border-radius:18px;grid-template-columns:1fr;padding:12px}.draftPreviewPanel,.styleReferencePanel{grid-template-columns:1fr}.draftSectionIntro{flex-direction:column;align-items:flex-start;gap:4px}.draftPlanList{grid-template-columns:none;grid-auto-columns:minmax(170px,1fr);grid-auto-flow:column;max-height:none;padding:7px;overflow-x:auto}.draftPlanFields{grid-template-columns:1fr;padding:12px}.draftPlanFields label:first-child,.draftPlanFields label:nth-child(n+4){grid-column:1}.draftPlanActions{flex-direction:column;grid-column:1;margin:0;padding:12px 0 0}.draftPlanActions .primaryButton,.draftPlanActions .ghostButton{width:100%}.adminPage{padding:14px}.adminHeader,.adminPanelHeader,.adminListToolbar,.adminPager{flex-direction:column;align-items:stretch}.adminGrid,.adminFormStack,.adminCouponForm{grid-template-columns:1fr}.adminTabs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;border-radius:18px;gap:6px;width:100%;max-width:100%;padding:6px;display:flex;overflow:auto hidden}.adminTabs button{white-space:nowrap;scroll-snap-align:start;flex:none;justify-content:center;min-width:118px;padding-inline:14px}.adminOverview,.adminStats{grid-template-columns:1fr}.adminUserCard{grid-template-columns:1fr;gap:10px}.adminQuickGroup{grid-template-columns:minmax(0,1fr) repeat(2,auto)}.adminQuickGroup .ghostButton.compact{min-width:44px}.adminQuickGroup .iconNeutralButton{grid-column:1/-1;width:100%}.adminPasswordGroup{grid-template-columns:minmax(0,1fr) 36px}.adminRiskDetails>div{flex-direction:column;align-items:flex-start}.couponBulkActions,.couponSelectionBar,.couponBulkGroup,.couponToolbarRight,.couponMiniPager{flex-direction:column;align-items:stretch}.couponBulkActions .ghostButton,.couponSelectionBar .ghostButton,.couponBulkGroup .ghostButton,.couponMiniPager .ghostButton{justify-content:center;width:100%}.couponTableShell{overflow-x:auto}.promptAssistRow{grid-template-columns:1fr;align-items:stretch;gap:10px;margin-bottom:12px;display:grid}.promptIntentRow{padding-bottom:2px}.promptAssistTools{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:stretch;gap:8px;width:100%;max-width:100%;display:grid}.promptAssistTools .ghostButton.compact{justify-content:center;width:100%;min-width:0}.promptAssistTools .promptReferencePill,.promptAssistTools .ghostButton.compact:not(.promptReferenceButton){grid-column:1/-1}.promptEditTools{border:1px solid color-mix(in oklch, var(--accent) 18%, var(--line));background:color-mix(in oklch, var(--accent) 5%, white);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:8px;display:grid}.promptEditTools .markContextPill,.promptEditTools .modeHint{text-align:left;white-space:normal;text-overflow:clip;width:auto;max-width:100%;overflow:visible}.promptEditTools .promptMarkTools{grid-column:2;justify-self:end}.promptRow{margin-top:12px}.batchMarkNotice{justify-self:start}.modeHint{text-align:left;white-space:normal;max-width:100%}}@media (max-width:560px){.versionDrawerHeader{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.versionDrawerSummary{white-space:nowrap;grid-column:1/-1;width:100%;font-size:11px}.promptAssistTools .ghostButton.compact{flex-basis:auto}.promptAssistTools .ghostButton.compact.promptReferenceButton{min-width:0}.promptMarkTools{margin-top:0}}@media (max-width:900px){html,body{background:#f3f6fa;min-height:100%}body{overflow-x:hidden}.workspace{padding-bottom:calc(82px + env(safe-area-inset-bottom));background:#f3f6fa;gap:10px}.topBar{background:#fffffff0;border-bottom:0;box-shadow:0 8px 28px #1c273e0d}.mainStage{background:0 0;order:1;gap:12px}.canvasZone{background:0 0;padding:14px 12px 0}.canvasShell{border-radius:16px;box-shadow:0 14px 34px #1c273e1a}.console{background:#fff;border-color:#cdd5e2c7;border-radius:22px;margin:0 12px;padding:14px;box-shadow:0 14px 36px #1c273e14}.promptAssistRow{gap:12px}.promptIntentRow{gap:8px;padding:0 2px 2px}.promptIntentRow button{color:#5651f5;background:#fff;border-color:#6557ff38;min-height:34px;padding:0 13px;font-size:13px}.promptAssistTools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.promptAssistTools .ghostButton.compact,.quickConsoleTools .ghostButton.compact,.quickPageCount.inline{min-height:48px;box-shadow:none;background:#fbfcfe;border-radius:16px}.promptEditTools{display:none}.promptRow textarea,.quickPromptRow textarea{color:#2f3747;letter-spacing:0;background:#fff;border-radius:18px;min-height:106px;padding:14px 16px;font-size:15px;line-height:1.55}.promptRow textarea::placeholder,.quickPromptRow textarea::placeholder{color:#8b93a3;opacity:1}.console .promptRow .primaryButton,.quickPromptRow .primaryButton{border-radius:18px;min-height:56px;font-size:16px}.versionDrawer{background:#fff;border:1px solid #cdd5e2b8;border-radius:18px;order:3;margin:0 12px;box-shadow:0 10px 28px #1c273e0e}.slideRail{background:#fff;border:1px solid #cdd5e2b8;border-radius:22px;order:4;margin:0 12px;padding:12px;box-shadow:0 14px 36px #1c273e12}.slideList{-webkit-overflow-scrolling:touch;align-items:stretch;gap:10px;padding:0 0 2px}.slideItem{width:clamp(138px,42vw,178px);min-height:0;box-shadow:none;background:#fbfcff;border-color:#dae0ebd9;border-radius:16px;padding:8px;display:block}.slideItem.active{background:#fff;border-color:#6557ff73;box-shadow:0 10px 26px #6557ff21}.slideSelect{grid-template-columns:1fr;gap:7px;display:grid}.slideNumber{z-index:2;background:#6557ffeb;border-radius:10px;width:32px;height:30px;position:absolute;top:12px;left:12px;box-shadow:0 8px 18px #6557ff2e}.thumb{background:#f3f6fa;border-radius:12px;width:100%}.slideMeta{gap:2px;padding:0 2px}.slideTitleRow{grid-template-columns:minmax(0,1fr) 20px}.slideMeta strong{font-size:13px}.slideStatusLine{font-size:11px}.slideDelete{opacity:.72;background:#ffffffd1;border-radius:10px;width:28px;height:28px;position:absolute;top:8px;right:8px}.slideAddCard{background:#fbfcff;border-radius:16px;width:108px;min-height:118px}.supportFloat{right:18px!important;bottom:calc(18px + env(safe-area-inset-bottom))!important}.supportFab{width:52px;height:52px;box-shadow:0 12px 30px #6557ff3d}.accountPage,.adminPage{padding:14px 12px calc(28px + env(safe-area-inset-bottom));background:#f3f6fa}.accountHero,.accountCard,.adminPanel,.adminOverview div{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#cdd5e2c2;border-radius:20px;box-shadow:0 12px 30px #1c273e12}.accountHero{gap:16px;padding:20px;display:grid}.accountHero h1{font-size:30px;line-height:1.12}.accountHero p{line-height:1.6}.accountHeroActions{justify-content:stretch}.accountHeroActions .ghostButton,.accountHeroActions .primaryButton,.accountHeroActions .secondaryButton{flex:auto;justify-content:center}.accountGrid{grid-template-columns:1fr}.accountCard{padding:18px}.accountCardHeader,.accountSummaryMain{grid-template-columns:1fr;display:grid}.accountQuotaBadge{width:100%;min-width:0}.accountCouponInputRow{grid-template-columns:1fr}.accountCouponInputRow button{width:100%}.adminHeader{grid-template-columns:1fr;gap:12px;margin-bottom:14px;display:grid}.adminHeader h1{font-size:30px;line-height:1.1}.adminHeaderActions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.adminHeaderActions .ghostButton{justify-content:center;width:100%}.adminTabs{background:#fff;border-radius:18px;width:100%;box-shadow:0 10px 28px #1c273e0f}.adminTabs button{border-radius:13px;min-height:44px}.adminOverview{grid-template-columns:repeat(2,minmax(0,1fr))}.adminPanel{padding:16px}.adminPanelHeader,.adminListToolbar,.adminPager,.couponBulkActions,.couponSelectionBar,.couponBulkGroup,.couponToolbarRight,.couponMiniPager{grid-template-columns:1fr;align-items:stretch;display:grid}.adminForm,.adminFormStack,.adminCouponForm,.adminStats,.adminGrid{grid-template-columns:1fr}.adminForm{display:grid}.adminForm input,.adminSubmitButton,.adminSegmented,.adminListToolbar .ghostButton,.adminPager .ghostButton{width:100%}.adminTableShell,.couponTableShell{background:#fff;border-radius:16px;overflow-x:auto}}

