/* AF_STUDIO_PLATFORM_INTERFACE_V13_20260728 */
html.platform-v13-active,
body.platform-v13-active {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #f5f6fa !important;
}

body.platform-v13-active > *:not(#aiFactoryPlatformV13) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#aiFactoryPlatformV13 {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  width: 100%;
  height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  color: #181c2b;
  background: #f5f6fa;
  font-family: inherit;
}

#aiFactoryPlatformV13[hidden] { display: none !important; }

#aiFactoryPlatformV13,
#aiFactoryPlatformV13 *,
#aiFactoryPlatformV13 *::before,
#aiFactoryPlatformV13 *::after { box-sizing: border-box; }

#aiFactoryPlatformV13 button,
#aiFactoryPlatformV13 input,
#aiFactoryPlatformV13 textarea,
#aiFactoryPlatformV13 select {
  font: inherit;
  word-break: keep-all;
}

.p13-shell {
  width: 100%;
  max-width: 560px;
  min-height: 100dvh;
  margin: 0 auto;
  padding-bottom: max(28px, env(safe-area-inset-bottom));
}

.p13-topbar {
  min-height: 68px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: max(12px, env(safe-area-inset-top)) 16px 10px;
}

.p13-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  border: 0;
  color: #1c2130;
  background: transparent;
  text-align: left;
}

.p13-brand > .p13-icon {
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(145deg,#11162a,#7265e9);
}

.p13-brand strong,
.p13-brand small { display: block; }
.p13-brand strong { font-size: 12px; }
.p13-brand small { margin-top: 2px; color:#8d93a2; font-size:8px; letter-spacing:.15em; }

.p13-icon,
.p13-icon svg { width:20px; height:20px; }
.p13-icon { display:inline-grid; place-items:center; flex:0 0 auto; }
.p13-icon svg { stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

.p13-public-actions { display:flex; align-items:center; gap:3px; }
.p13-public-actions button,
.p13-text-btn,
.p13-section-head button {
  padding:8px 7px;
  border:0;
  color:#5e54cc;
  background:transparent;
  font-size:10px;
  font-weight:800;
}

.p13-icon-btn {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #e1e3ea;
  border-radius:14px;
  color:#252a3a;
  background:#fff;
}

.p13-page { width:100%; padding:5px 16px 32px; }
.p13-page h1,.p13-page h2,.p13-page p,.p13-page strong,.p13-page small,.p13-page span { word-break:keep-all; }

.p13-platform-hero,
.p13-customer-hero {
  position:relative;
  overflow:hidden;
  padding:35px 24px 28px;
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 84% 12%,rgba(140,125,255,.5),transparent 31%),
    radial-gradient(circle at 13% 90%,rgba(67,120,255,.2),transparent 34%),
    linear-gradient(155deg,#0b1020 0%,#171a37 56%,#4e43c7 140%);
  box-shadow:0 24px 55px rgba(22,28,58,.2);
}

.p13-platform-hero::after,
.p13-customer-hero::after {
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  right:-68px;
  bottom:-90px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 0 0 22px rgba(255,255,255,.035),0 0 0 45px rgba(255,255,255,.025);
}

.p13-eyebrow,
.p13-kicker {
  margin:0 0 11px;
  color:#7468df;
  font-size:10px;
  font-weight:850;
  letter-spacing:.13em;
}

.p13-platform-hero .p13-eyebrow { color:rgba(255,255,255,.65); }

.p13-platform-hero h1,
.p13-customer-hero h1 {
  position:relative;
  z-index:1;
  margin:0;
  font-size:clamp(31px,9vw,43px);
  line-height:1.13;
  letter-spacing:-.055em;
}

.p13-platform-hero > p:not(.p13-eyebrow),
.p13-customer-hero > p {
  position:relative;
  z-index:1;
  max-width:350px;
  margin:17px 0 0;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.75;
}

.p13-stack { position:relative; z-index:1; display:grid; gap:9px; margin-top:25px; }

.p13-button {
  width:100%;
  min-height:52px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  padding:12px 16px;
  border:0;
  border-radius:16px;
  font-size:12px;
  font-weight:850;
}

.p13-button.primary {
  color:#fff;
  background:linear-gradient(145deg,#6558e6,#897eff);
  box-shadow:0 13px 30px rgba(78,64,214,.27);
}

.p13-button.secondary {
  color:#303548;
  border:1px solid #e1e3eb;
  background:#fff;
  box-shadow:none;
}

.p13-platform-hero .p13-button.secondary {
  color:#fff;
  border-color:rgba(255,255,255,.17);
  background:rgba(255,255,255,.09);
}

.p13-trust {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:19px minmax(0,1fr);
  gap:8px;
  align-items:center;
  margin-top:17px;
  color:rgba(255,255,255,.68);
  font-size:10px;
  line-height:1.5;
}

.p13-section { margin-top:35px; }
.p13-section.compact { margin-top:20px; }
.p13-section h2,
.p13-copy-head h1 {
  margin:0;
  font-size:24px;
  line-height:1.2;
  letter-spacing:-.045em;
}

.p13-copy-head { padding:8px 4px 6px; }
.p13-copy-head h1 { font-size:31px; line-height:1.14; letter-spacing:-.052em; }
.p13-copy-head > p:last-child { margin:13px 0 0; color:#737a8d; font-size:12px; line-height:1.7; }

.p13-category-grid { display:grid; gap:10px; margin-top:17px; }

.p13-category-card {
  width:100%;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  padding:16px;
  border:1px solid #e4e6ed;
  border-radius:20px;
  text-align:left;
  color:#1d2232;
  background:#fff;
  box-shadow:0 9px 23px rgba(28,33,56,.045);
}

.p13-category-icon {
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:17px;
}

.p13-category-icon.shopping { color:#b46b00; background:#fff1d7; }
.p13-category-icon.video { color:#d74868; background:#ffe8ee; }
.p13-category-icon.image { color:#4272df; background:#e8efff; }
.p13-category-icon.cards { color:#6354da; background:#eeebff; }
.p13-category-icon.blog { color:#07826a; background:#e2f8f2; }
.p13-category-icon.spark { color:#7b52bf; background:#f2e9ff; }

.p13-category-card strong,
.p13-category-card small,
.p13-category-card em { display:block; }

.p13-category-card strong { font-size:14px; }
.p13-category-card small { margin-top:5px; color:#747b8c; font-size:10px; line-height:1.55; }
.p13-category-card em { margin-top:7px; color:#5f53d6; font-size:9px; font-style:normal; font-weight:800; }

.p13-flow { display:grid; gap:9px; margin-top:17px; }

.p13-flow > div,
.p13-help-list > div {
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:15px;
  border:1px solid #e5e7ee;
  border-radius:18px;
  background:#fff;
}

.p13-flow b,
.p13-help-list b {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#5e52d8;
  background:#efedff;
  font-size:10px;
}

.p13-flow strong,.p13-flow small,.p13-help-list strong,.p13-help-list small { display:block; }
.p13-flow strong,.p13-help-list strong { font-size:12px; }
.p13-flow small,.p13-help-list small { margin-top:5px; color:#7c8394; font-size:10px; line-height:1.55; }

.p13-chip-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:16px;
}

.p13-chip-grid span {
  padding:14px;
  border:1px solid #e5e7ee;
  border-radius:16px;
  color:#444b5d;
  background:#fff;
  font-size:11px;
  font-weight:750;
  text-align:center;
}

.p13-dark {
  padding:23px 18px;
  border-radius:25px;
  color:#fff;
  background:linear-gradient(150deg,#111626,#282654);
}

.p13-dark .p13-kicker { color:#aaa2ff; }

.p13-check-list { display:grid; gap:13px; margin-top:19px; }
.p13-check-list > div,
.p13-output-list > div {
  display:grid;
  grid-template-columns:25px minmax(0,1fr);
  gap:9px;
  align-items:start;
}

.p13-check-list .p13-icon { color:#aaa2ff; }
.p13-check-list strong,.p13-check-list small { display:block; }
.p13-check-list strong { font-size:11px; }
.p13-check-list small { margin-top:4px; color:rgba(255,255,255,.57); font-size:9px; line-height:1.5; }

.p13-section-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:10px;
}

.p13-plan-preview {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:16px;
}

.p13-plan-preview > div {
  min-height:135px;
  padding:16px;
  border:1px solid #e4e6ed;
  border-radius:20px;
  background:#fff;
}

.p13-plan-preview > div.featured {
  color:#fff;
  border-color:transparent;
  background:linear-gradient(145deg,#171c31,#675adf);
}

.p13-plan-preview span,.p13-plan-preview strong,.p13-plan-preview small { display:block; }
.p13-plan-preview span { font-size:9px; font-weight:850; opacity:.7; }
.p13-plan-preview strong { margin-top:20px; font-size:15px; }
.p13-plan-preview small { margin-top:7px; color:#7a8191; font-size:9px; line-height:1.5; }
.p13-plan-preview .featured small { color:rgba(255,255,255,.6); }

.p13-policy-note {
  margin:10px 2px 0;
  color:#8b91a0;
  font-size:9px;
  line-height:1.6;
}

.p13-faq { display:grid; gap:8px; margin:16px 0 10px; }
.p13-faq > div {
  padding:15px;
  border:1px solid #e5e7ee;
  border-radius:17px;
  background:#fff;
}
.p13-faq strong,.p13-faq small { display:block; }
.p13-faq strong { font-size:12px; }
.p13-faq small { margin-top:6px; color:#777e8f; font-size:10px; line-height:1.55; }

.p13-platform-note {
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:10px;
  align-items:start;
  margin-top:16px;
  padding:15px;
  border-radius:18px;
  color:#5d5227;
  background:#fff6d9;
}

.p13-platform-note strong,.p13-platform-note small { display:block; }
.p13-platform-note strong { font-size:10px; }
.p13-platform-note small { margin-top:4px; font-size:9px; line-height:1.55; }

.p13-detail-hero {
  padding:27px 22px;
  border-radius:28px;
  color:#fff;
  background:linear-gradient(145deg,#111627,#5f54d3);
  box-shadow:0 18px 40px rgba(27,31,57,.15);
}

.p13-detail-hero > span {
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:rgba(255,255,255,.1);
}

.p13-detail-hero > span .p13-icon { width:27px; height:27px; }
.p13-detail-hero p { margin:18px 0 0; color:#aaa2ff; font-size:10px; font-weight:850; letter-spacing:.1em; }
.p13-detail-hero h1 { margin:8px 0 0; white-space:pre-line; font-size:30px; line-height:1.15; letter-spacing:-.05em; }
.p13-detail-hero small { display:block; margin-top:13px; color:rgba(255,255,255,.62); font-size:11px; line-height:1.7; }

.p13-output-list { display:grid; gap:10px; margin-top:15px; }
.p13-output-list > div { padding:14px; border:1px solid #e5e7ee; border-radius:16px; background:#fff; font-size:11px; }
.p13-output-list .p13-icon { color:#6256d8; }

.p13-mini-flow {
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
  align-items:center;
  gap:6px;
  margin:15px 0 20px;
}

.p13-mini-flow span { font-size:8px; font-weight:800; white-space:nowrap; }
.p13-mini-flow i { height:1px; background:#d7dae3; }

.p13-social-login {
  display:grid;
  gap:10px;
  margin-top:23px;
}

.p13-social-login > button {
  min-height:54px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  border:1px solid #dedfe5;
  border-radius:16px;
  font-size:12px;
  font-weight:850;
}

.p13-social-login .kakao { color:#251d00; border-color:#ffe500; background:#ffe500; }
.p13-social-login .google { color:#2c3140; background:#fff; }
.p13-social-login .kakao span,.p13-social-login .google span { font-size:10px; font-weight:900; }
.p13-social-login > div { display:grid; grid-template-columns:1fr auto 1fr; gap:9px; align-items:center; color:#989daa; font-size:9px; }
.p13-social-login i { height:1px; background:#dfe1e7; }

.p13-form,
.p13-review-summary {
  display:grid;
  gap:14px;
  margin-top:22px;
  padding:19px;
  border:1px solid #e4e6ed;
  border-radius:24px;
  background:#fff;
  box-shadow:0 15px 38px rgba(29,34,57,.06);
}

.p13-form label > span {
  display:block;
  margin-bottom:8px;
  color:#343a4b;
  font-size:11px;
  font-weight:750;
}

.p13-form input,
.p13-form textarea,
.p13-form select {
  width:100%;
  min-height:52px;
  padding:13px 14px;
  border:1px solid #e1e3ea;
  border-radius:15px;
  outline:none;
  color:#222737;
  background:#fafbfc;
}

.p13-form textarea { min-height:110px; resize:vertical; line-height:1.6; }

.p13-agree {
  display:grid !important;
  grid-template-columns:19px minmax(0,1fr);
  gap:8px;
  align-items:start;
  color:#696f80;
  font-size:10px;
  line-height:1.5;
}

.p13-agree input {
  width:17px;
  height:17px;
  min-height:0;
  padding:0;
  margin:0;
  accent-color:#6558df;
}

.p13-switch {
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:18px;
  color:#858b9a;
  font-size:11px;
}

.p13-switch button { border:0; color:#5f54d3; background:transparent; font-weight:850; }

.p13-customer-hero > p { margin:0; }
.p13-customer-hero h1 { margin-top:8px; margin-bottom:20px; font-size:30px; }
.p13-customer-hero .p13-button { position:relative; z-index:1; color:#23283a; background:#fff; box-shadow:none; }

.p13-section-head.home-head { margin-top:24px; align-items:center; }
.p13-section-head h2 { margin:0; font-size:15px; }
.p13-section-head p { margin:4px 0 0; color:#8a909e; font-size:9px; }

.p13-status-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}

.p13-status-grid button {
  min-height:84px;
  padding:14px;
  border:1px solid #e4e6ed;
  border-radius:18px;
  text-align:left;
  color:#24293a;
  background:#fff;
}

.p13-status-grid strong,.p13-status-grid span { display:block; }
.p13-status-grid strong { font-size:23px; }
.p13-status-grid span { margin-top:8px; color:#777e8f; font-size:10px; }

.p13-dashboard-links {
  display:grid;
  gap:8px;
  margin-top:18px;
}

.p13-dashboard-links > button {
  width:100%;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:14px;
  border:1px solid #e4e6ed;
  border-radius:18px;
  text-align:left;
  color:#24293a;
  background:#fff;
}

.p13-dashboard-links > button > .p13-icon:first-child {
  width:42px;
  height:42px;
  border-radius:14px;
  color:#5f54d4;
  background:#efedff;
}

.p13-dashboard-links strong,.p13-dashboard-links small { display:block; }
.p13-dashboard-links strong { font-size:12px; }
.p13-dashboard-links small { margin-top:4px; color:#7c8393; font-size:9px; }

.p13-review-summary > div {
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid #eceef3;
}

.p13-review-summary > div span { color:#7d8494; font-size:10px; }
.p13-review-summary > div strong { font-size:11px; text-align:right; }

.p13-video-preview,
.p13-image-preview,
.p13-card-preview,
.p13-blog-preview,
.p13-custom-preview {
  padding:18px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 34px rgba(29,34,57,.06);
}

.p13-video-preview {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}

.p13-video-preview i {
  grid-column:1/-1;
  min-height:165px;
  border-radius:18px;
  background:linear-gradient(145deg,#171c31,#695bdc);
}

.p13-video-preview span {
  padding:9px 4px;
  border-radius:10px;
  color:#5e6473;
  background:#f1f2f6;
  font-size:8px;
  text-align:center;
}

.p13-image-preview {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.p13-image-preview div {
  aspect-ratio:1;
  border-radius:16px;
  background:
    radial-gradient(circle at 70% 25%,rgba(255,255,255,.35),transparent 24%),
    linear-gradient(145deg,#172033,#7567e9);
}

.p13-card-preview {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}

.p13-card-preview div {
  min-height:115px;
  padding:9px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(145deg,#181e31,#6d60e1);
}

.p13-card-preview div:nth-child(even) { color:#222737; background:#eef0f5; }
.p13-card-preview span { font-size:8px; opacity:.7; }
.p13-card-preview i { display:block; height:70px; margin-top:10px; border-radius:9px; background:rgba(255,255,255,.13); }

.p13-blog-preview strong { display:block; font-size:16px; line-height:1.4; }
.p13-blog-preview b { display:block; margin-top:18px; font-size:11px; }
.p13-blog-preview i { display:block; height:4px; margin-top:8px; border-radius:3px; background:#dde0e7; }
.p13-blog-preview i:nth-of-type(2n) { width:72%; }

.p13-custom-preview {
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
  align-items:center;
}
.p13-custom-preview > .p13-icon { width:48px; height:48px; border-radius:16px; color:#6a56d4; background:#efedff; }
.p13-custom-preview strong,.p13-custom-preview small { display:block; }
.p13-custom-preview small { margin-top:5px; color:#7c8393; font-size:9px; line-height:1.5; }

.p13-complete-card {
  margin-top:20px;
  padding:25px 20px;
  border:1px solid #e2e3ed;
  border-radius:25px;
  text-align:center;
  background:#fff;
}

.p13-complete-card > .p13-icon {
  width:48px;
  height:48px;
  margin:0 auto 14px;
  border-radius:16px;
  color:#6256d8;
  background:#efedff;
}

.p13-complete-card h2 { margin:0; font-size:20px; }
.p13-complete-card p { margin:10px 0 18px; color:#777e8f; font-size:10px; }
.p13-complete-card .p13-button + .p13-button { margin-top:8px; }

.p13-filter-chips {
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:14px 0 10px;
  scrollbar-width:none;
}
.p13-filter-chips::-webkit-scrollbar { display:none; }
.p13-filter-chips button {
  flex:0 0 auto;
  padding:9px 12px;
  border:1px solid #e0e2e9;
  border-radius:12px;
  color:#707789;
  background:#fff;
  font-size:9px;
}
.p13-filter-chips button.active { color:#fff; border-color:#6256d8; background:#6256d8; }

.p13-work-list { display:grid; gap:8px; }
.p13-work-list > div {
  display:grid;
  grid-template-columns:68px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:14px;
  border:1px solid #e4e6ed;
  border-radius:17px;
  background:#fff;
}
.p13-work-list > div > span {
  padding:8px 6px;
  border-radius:11px;
  color:#5e52d8;
  background:#efedff;
  font-size:8px;
  font-weight:850;
  text-align:center;
}
.p13-work-list strong,.p13-work-list small { display:block; }
.p13-work-list strong { font-size:11px; }
.p13-work-list small { margin-top:4px; color:#7d8494; font-size:8px; }
.p13-work-list em { color:#676e7e; font-size:8px; font-style:normal; }
.p13-work-list .empty { display:block; padding:24px; text-align:center; }
.p13-work-list .empty strong,.p13-work-list .empty small { display:block; }
.p13-work-list .empty small { margin-top:6px; color:#888e9c; }

.p13-channel-list { display:grid; gap:8px; }
.p13-channel {
  display:grid !important;
  grid-template-columns:20px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:14px;
  border:1px solid #e3e5ec;
  border-radius:16px;
}
.p13-channel input { width:18px; height:18px; min-height:0; padding:0; accent-color:#6659df; }
.p13-channel strong,.p13-channel small { display:block; }
.p13-channel small { margin-top:4px; color:#7d8494; font-size:9px; }
.p13-channel em { color:#6256d8; font-size:9px; font-style:normal; font-weight:800; }

.p13-billing-toggle {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  margin-top:18px;
  padding:4px;
  border-radius:15px;
  background:#e9eaf0;
}
.p13-billing-toggle button { min-height:40px; border:0; border-radius:12px; color:#7c8290; background:transparent; font-size:10px; font-weight:800; }
.p13-billing-toggle button.active { color:#272c3c; background:#fff; box-shadow:0 5px 14px rgba(31,35,55,.08); }

.p13-plan-grid { display:grid; gap:10px; margin-top:17px; }
.p13-plan-card {
  position:relative;
  padding:20px;
  border:1px solid #e4e6ed;
  border-radius:22px;
  background:#fff;
}
.p13-plan-card.featured { border:2px solid #6659df; }
.p13-plan-card > em {
  position:absolute;
  top:15px;
  right:15px;
  padding:6px 8px;
  border-radius:9px;
  color:#fff;
  background:#6659df;
  font-size:8px;
  font-style:normal;
  font-weight:850;
}
.p13-plan-card > span { color:#6256d8; font-size:10px; font-weight:850; }
.p13-plan-card h2 { margin:8px 0 0; font-size:18px; }
.p13-plan-card > strong { display:block; margin-top:13px; color:#7d8494; font-size:11px; }
.p13-plan-card ul { display:grid; gap:8px; margin:16px 0; padding:0; list-style:none; }
.p13-plan-card li { display:flex; gap:8px; align-items:center; color:#5f6677; font-size:10px; }
.p13-plan-card li .p13-icon { width:17px; height:17px; color:#6256d8; }
.p13-plan-card > button { width:100%; min-height:46px; border:0; border-radius:14px; color:#fff; background:#242a3b; font-size:10px; font-weight:850; }

.p13-current-plan {
  margin-top:18px;
  padding:21px;
  border-radius:24px;
  color:#fff;
  background:linear-gradient(145deg,#111627,#6256d8);
}
.p13-current-plan span { color:#aaa2ff; font-size:9px; font-weight:850; }
.p13-current-plan h2 { margin:8px 0 0; font-size:22px; }
.p13-current-plan p { margin:8px 0 16px; color:rgba(255,255,255,.62); font-size:10px; }
.p13-current-plan .p13-button.secondary { color:#fff; border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.08); }

.p13-usage-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.p13-usage-grid div { padding:15px; border:1px solid #e4e6ed; border-radius:17px; background:#fff; }
.p13-usage-grid strong,.p13-usage-grid span { display:block; }
.p13-usage-grid strong { font-size:22px; }
.p13-usage-grid span { margin-top:7px; color:#777e8f; font-size:9px; }

.p13-profile-card {
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:13px;
  align-items:center;
  padding:20px;
  border-radius:24px;
  color:#fff;
  background:linear-gradient(145deg,#111627,#6256d8);
}
.p13-profile-card > .p13-icon { width:58px; height:58px; border-radius:18px; background:rgba(255,255,255,.1); }
.p13-profile-card strong,.p13-profile-card small { display:block; }
.p13-profile-card strong { font-size:16px; }
.p13-profile-card small { margin-top:5px; color:rgba(255,255,255,.6); font-size:9px; }

.p13-help-list { display:grid; gap:9px; margin-top:20px; }

.p13-bottom-nav {
  position:sticky;
  bottom:0;
  z-index:30;
  min-height:75px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:end;
  padding:7px 8px max(8px,env(safe-area-inset-bottom));
  border-top:1px solid rgba(28,33,50,.08);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.p13-bottom-nav button {
  display:grid;
  justify-items:center;
  gap:4px;
  padding:6px 2px;
  border:0;
  color:#9297a4;
  background:transparent;
  font-size:8px;
}
.p13-bottom-nav button.active { color:#6256d8; }
.p13-bottom-nav button.create { margin-top:-25px; }
.p13-bottom-nav button.create > .p13-icon {
  width:48px;
  height:48px;
  border-radius:17px;
  color:#fff;
  background:linear-gradient(145deg,#171c31,#6d60e1);
  box-shadow:0 10px 24px rgba(58,49,156,.25);
}

.p13-toast {
  position:fixed;
  left:50%;
  bottom:calc(86px + env(safe-area-inset-bottom));
  z-index:100;
  max-width:calc(100vw - 36px);
  padding:11px 15px;
  border-radius:13px;
  color:#fff;
  background:rgba(21,25,38,.94);
  font-size:10px;
  line-height:1.5;
  opacity:0;
  transform:translate(-50%,12px);
  pointer-events:none;
  transition:.18s ease;
}
.p13-toast.show { opacity:1; transform:translate(-50%,0); }

@media (min-width:560px) {
  .p13-page { padding-left:20px; padding-right:20px; }
}


/* AF_STUDIO_V13_PREMIUM_CATEGORY_GRID_V14_20260729_START */

/*
  카테고리 정보 계층:
  1. 쇼핑카드       — 대표 전체 폭
  2. 영상·이미지    — 핵심 2열
  3. 카드뉴스·블로그 — 보조 2열
  4. 맞춤 자동화    — 하단 전체 폭
*/

.p13-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.p13-category-card {
  position: relative;
  min-width: 0;
  min-height: 164px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  grid-template-areas:
    "category-icon category-arrow"
    "category-copy category-copy";
  grid-template-rows: auto 1fr;
  gap: 17px 10px;
  align-content: start;
  align-items: start;
  overflow: hidden;
  padding: 17px;
  border: 1px solid rgba(28, 33, 52, .07);
  border-radius: 23px;
  text-align: left;
  color: #151a29;
  background:
    radial-gradient(circle at 100% 0%, rgba(103, 88, 226, .07), transparent 42%),
    #fff;
  box-shadow:
    0 16px 34px rgba(24, 29, 52, .075),
    0 2px 6px rgba(24, 29, 52, .025);
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    border-color .16s ease;
}

.p13-category-card:active {
  transform: scale(.982);
  box-shadow:
    0 8px 20px rgba(24, 29, 52, .08),
    0 1px 3px rgba(24, 29, 52, .03);
}

.p13-category-card > .p13-category-icon {
  grid-area: category-icon;
}

.p13-category-card > span:nth-child(2) {
  grid-area: category-copy;
  min-width: 0;
  align-self: end;
}

.p13-category-card > .p13-icon:last-child {
  grid-area: category-arrow;
  justify-self: end;
  align-self: center;
  width: 18px;
  height: 18px;
  color: #707789;
}

.p13-category-icon {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff !important;
  background: #171c2c !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .09),
    0 8px 18px rgba(17, 22, 40, .16);
}

.p13-category-icon > .p13-icon {
  width: 23px;
  height: 23px;
}

.p13-category-icon.shopping { color: #ffc65a !important; }
.p13-category-icon.video { color: #ff7792 !important; }
.p13-category-icon.image { color: #80a8ff !important; }
.p13-category-icon.cards { color: #a395ff !important; }
.p13-category-icon.blog { color: #5ed7bb !important; }
.p13-category-icon.spark { color: #cf9cff !important; }

.p13-category-card strong,
.p13-category-card small {
  display: block;
}

.p13-category-card strong {
  color: inherit;
  font-size: 16px;
  line-height: 1.24;
  letter-spacing: -.035em;
}

.p13-category-card small {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 8px;
  color: #697183;
  font-size: 10.5px;
  line-height: 1.58;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.p13-category-card em {
  display: none !important;
}

/* 대표 카테고리: 쇼핑카드 */
.p13-category-card:nth-child(1) {
  grid-column: 1 / -1;
  min-height: 132px;
  grid-template-columns: 58px minmax(0, 1fr) 22px;
  grid-template-areas: "category-icon category-copy category-arrow";
  grid-template-rows: 1fr;
  gap: 15px;
  align-items: center;
  padding: 20px;
  color: #fff;
  border-color: transparent;
  background:
    radial-gradient(circle at 88% 18%, rgba(132, 113, 255, .58), transparent 28%),
    radial-gradient(circle at 9% 110%, rgba(60, 116, 255, .23), transparent 40%),
    linear-gradient(145deg, #0e1322 0%, #1c2140 62%, #5447bd 145%);
  box-shadow:
    0 22px 42px rgba(20, 25, 52, .20),
    inset 0 1px 0 rgba(255, 255, 255, .08);
}

.p13-category-card:nth-child(1)::after {
  content: "";
  position: absolute;
  right: -38px;
  bottom: -76px;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow:
    0 0 0 18px rgba(255, 255, 255, .025),
    0 0 0 37px rgba(255, 255, 255, .018);
  pointer-events: none;
}

.p13-category-card:nth-child(1) .p13-category-icon {
  width: 58px;
  height: 58px;
  border-radius: 19px;
  color: #ffd16e !important;
  background: rgba(255, 255, 255, .10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    0 12px 24px rgba(6, 9, 19, .20);
}

.p13-category-card:nth-child(1) .p13-category-icon > .p13-icon {
  width: 27px;
  height: 27px;
}

.p13-category-card:nth-child(1) > span:nth-child(2) {
  align-self: center;
}

.p13-category-card:nth-child(1) strong {
  position: relative;
  z-index: 1;
  font-size: 20px;
  letter-spacing: -.045em;
}

.p13-category-card:nth-child(1) small {
  position: relative;
  z-index: 1;
  max-width: 310px;
  margin-top: 7px;
  color: rgba(255, 255, 255, .66);
  font-size: 10.5px;
  -webkit-line-clamp: 2;
}

.p13-category-card:nth-child(1) > .p13-icon:last-child {
  position: relative;
  z-index: 1;
  color: rgba(255, 255, 255, .80);
}

/* 핵심 카테고리: 영상·이미지 */
.p13-category-card:nth-child(2),
.p13-category-card:nth-child(3) {
  min-height: 174px;
}

/* 보조 카테고리: 카드뉴스·블로그 */
.p13-category-card:nth-child(4),
.p13-category-card:nth-child(5) {
  min-height: 160px;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, .98), rgba(242, 243, 248, .98));
}

/* 맞춤 자동화: 전체 폭 */
.p13-category-card:nth-child(6) {
  grid-column: 1 / -1;
  min-height: 112px;
  grid-template-columns: 52px minmax(0, 1fr) 20px;
  grid-template-areas: "category-icon category-copy category-arrow";
  grid-template-rows: 1fr;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border-color: rgba(97, 82, 212, .13);
  background:
    radial-gradient(circle at 91% 5%, rgba(129, 104, 235, .15), transparent 35%),
    linear-gradient(145deg, #f8f7ff, #f0edff);
}

.p13-category-card:nth-child(6) > span:nth-child(2) {
  align-self: center;
}

.p13-category-card:nth-child(6) small {
  max-width: 330px;
  -webkit-line-clamp: 2;
}

/* 섹션 제목도 카드와 같은 시각적 무게로 정리 */
.p13-section > .p13-kicker {
  margin-bottom: 8px;
  color: #6457dc;
  font-size: 9px;
  letter-spacing: .11em;
}

.p13-section > h2 {
  color: #171b29;
  font-size: 25px;
  line-height: 1.18;
  letter-spacing: -.05em;
}

/* 로그인 후 빠른 시작은 상단과 간격을 조금 줄여 첫 화면 밀도 개선 */
.p13-customer-hero + .p13-section {
  margin-top: 27px;
}

.p13-customer-hero + .p13-section .p13-category-grid {
  margin-top: 13px;
}

/* 작은 아이폰 대응 */
@media (max-width: 370px) {
  .p13-category-grid {
    gap: 9px;
  }

  .p13-category-card {
    min-height: 151px;
    padding: 14px;
    border-radius: 20px;
  }

  .p13-category-card:nth-child(1) {
    min-height: 124px;
    padding: 17px;
  }

  .p13-category-card:nth-child(2),
  .p13-category-card:nth-child(3) {
    min-height: 162px;
  }

  .p13-category-card strong {
    font-size: 14px;
  }

  .p13-category-card:nth-child(1) strong {
    font-size: 18px;
  }

  .p13-category-card small {
    font-size: 9.5px;
    line-height: 1.5;
  }
}

/* AF_STUDIO_V13_PREMIUM_CATEGORY_GRID_V14_20260729_END */


/* AF_STUDIO_V16_COMPACT_CLEAN_INTERFACE_20260729_START */

:root {
  --p16-bg: #f4f5f8;
  --p16-surface: #ffffff;
  --p16-line: rgba(26, 31, 49, .075);
  --p16-text: #171b29;
  --p16-muted: #707787;
  --p16-primary: #6256d8;
  --p16-shadow:
    0 12px 28px rgba(24, 29, 50, .055),
    0 2px 6px rgba(24, 29, 50, .025);
}

html.platform-v13-active,
body.platform-v13-active {
  overscroll-behavior: none !important;
}

#aiFactoryPlatformV13 {
  overflow-x: clip !important;
  overscroll-behavior-y: none !important;
  background:
    radial-gradient(
      circle at 50% -8%,
      rgba(102, 86, 216, .055),
      transparent 28%
    ),
    var(--p16-bg) !important;
}

.p13-shell {
  max-width: 520px;
  min-height: 100%;
  padding-bottom: 0;
}

.p13-page {
  padding: 4px 14px 17px;
}

.p13-topbar {
  min-height: 58px;
  padding:
    max(8px, env(safe-area-inset-top))
    14px
    7px;
  background: rgba(244, 245, 248, .92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.p13-brand {
  gap: 8px;
}

.p13-brand > .p13-icon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  box-shadow:
    0 7px 16px rgba(48, 39, 145, .17),
    inset 0 1px 0 rgba(255, 255, 255, .12);
}

.p13-brand strong {
  font-size: 11px;
}

.p13-brand small {
  font-size: 7px;
}

.p13-public-actions {
  gap: 1px;
  padding: 2px;
  border-radius: 11px;
}

.p13-public-actions button {
  min-height: 29px;
  padding: 6px 7px;
  font-size: 8.5px;
}

.p13-icon-btn {
  width: 38px;
  height: 38px;
  border-radius: 13px;
  box-shadow: none;
}

/* 공개 메인 상단: 큰 배너 대신 간결한 첫 화면 */
.p13-platform-hero {
  min-height: 0;
  padding: 27px 20px 21px;
  border-radius: 25px;
  box-shadow:
    0 18px 36px rgba(17, 22, 49, .18),
    inset 0 1px 0 rgba(255, 255, 255, .07);
}

.p13-platform-hero::before {
  display: none;
}

.p13-platform-hero::after {
  width: 124px;
  height: 124px;
  right: -57px;
  bottom: -72px;
  box-shadow:
    0 0 0 17px rgba(255,255,255,.025),
    0 0 0 34px rgba(255,255,255,.016);
}

.p13-platform-hero h1 {
  max-width: 360px;
  font-size: clamp(27px, 7.4vw, 34px);
  line-height: 1.14;
  letter-spacing: -.048em;
}

.p13-platform-hero > p:not(.p13-eyebrow) {
  max-width: 340px;
  margin-top: 12px;
  font-size: 11px;
  line-height: 1.62;
}

.p13-eyebrow {
  margin-bottom: 8px;
  font-size: 8px;
  letter-spacing: .11em;
}

.p13-stack {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: 7px;
  margin-top: 18px;
}

.p13-button {
  min-height: 47px;
  padding: 10px 13px;
  border-radius: 14px;
  font-size: 10.5px;
}

.p13-platform-hero .p13-button.primary {
  color: #191d2c;
  background: #fff;
  box-shadow: 0 10px 22px rgba(4, 8, 19, .16);
}

.p13-trust {
  margin-top: 13px;
  font-size: 8.5px;
}

/* 섹션 간격과 제목 */
.p13-section {
  margin-top: 29px;
}

.p13-section.compact {
  margin-top: 17px;
}

.p13-section > .p13-kicker,
.p13-copy-head .p13-kicker {
  margin-bottom: 7px;
  font-size: 8px;
  letter-spacing: .1em;
}

.p13-section > h2 {
  font-size: 22px;
  line-height: 1.19;
  letter-spacing: -.045em;
}

.p13-copy-head {
  padding: 8px 2px 4px;
}

.p13-copy-head h1 {
  font-size: 27px;
  line-height: 1.15;
  letter-spacing: -.045em;
}

.p13-copy-head > p:last-child {
  margin-top: 9px;
  font-size: 10.5px;
  line-height: 1.58;
}

/* V14 카테고리 카드 높이 축소 */
.p13-category-grid {
  gap: 9px;
  margin-top: 13px;
}

.p13-category-card {
  min-height: 128px;
  gap: 12px 8px;
  padding: 14px;
  border-radius: 19px;
  box-shadow: var(--p16-shadow);
}

.p13-category-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
}

.p13-category-icon > .p13-icon {
  width: 20px;
  height: 20px;
}

.p13-category-card strong {
  font-size: 14px;
}

.p13-category-card small {
  margin-top: 6px;
  font-size: 9px;
  line-height: 1.48;
  -webkit-line-clamp: 2;
}

.p13-category-card:nth-child(1) {
  min-height: 108px;
  grid-template-columns: 50px minmax(0, 1fr) 18px;
  gap: 12px;
  padding: 16px;
  border-radius: 21px;
  box-shadow: 0 16px 31px rgba(20, 25, 52, .17);
}

.p13-category-card:nth-child(1) .p13-category-icon {
  width: 50px;
  height: 50px;
  border-radius: 16px;
}

.p13-category-card:nth-child(1) strong {
  font-size: 17px;
}

.p13-category-card:nth-child(1) small {
  font-size: 9px;
}

.p13-category-card:nth-child(2),
.p13-category-card:nth-child(3) {
  min-height: 136px;
}

.p13-category-card:nth-child(4),
.p13-category-card:nth-child(5) {
  min-height: 122px;
}

.p13-category-card:nth-child(6) {
  min-height: 91px;
  grid-template-columns: 44px minmax(0, 1fr) 18px;
  padding: 14px;
}

.p13-category-card:nth-child(6) .p13-category-icon {
  width: 44px;
  height: 44px;
}

/* 5단계 세로 목록을 2열 요약으로 변경 */
.p13-flow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  overflow: visible;
  margin-top: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.p13-flow::before {
  display: none;
}

.p13-flow > div {
  min-height: 76px;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 11px;
  border: 1px solid var(--p16-line);
  border-radius: 16px;
  background: var(--p16-surface);
  box-shadow: 0 8px 18px rgba(25, 30, 51, .035);
}

.p13-flow > div:nth-child(5) {
  grid-column: 1 / -1;
  min-height: 67px;
}

.p13-flow b {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  font-size: 8px;
}

.p13-flow strong {
  font-size: 10.5px;
}

.p13-flow small {
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.4;
  -webkit-line-clamp: 2;
}

/* 대상 선택 */
.p13-chip-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
}

.p13-chip-grid span {
  min-height: 48px;
  padding: 7px 5px;
  border-radius: 14px;
  font-size: 8.5px;
  box-shadow: none;
}

/* 검수 영역을 2열로 압축 */
.p13-dark {
  padding: 20px 17px;
  border-radius: 23px;
  box-shadow: 0 17px 34px rgba(16, 21, 42, .14);
}

.p13-dark h2 {
  font-size: 21px;
}

.p13-check-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 10px;
  margin-top: 15px;
}

.p13-check-list > div {
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 7px;
}

.p13-check-list .p13-icon {
  width: 25px;
  height: 25px;
  padding: 6px;
  border-radius: 8px;
}

.p13-check-list strong {
  font-size: 9.5px;
}

.p13-check-list small {
  font-size: 7.5px;
  line-height: 1.4;
}

/* 요금제·FAQ */
.p13-plan-preview {
  gap: 8px;
  margin-top: 12px;
}

.p13-plan-preview > div {
  min-height: 116px;
  padding: 14px;
  border-radius: 18px;
  box-shadow: var(--p16-shadow);
}

.p13-plan-preview strong {
  margin-top: 17px;
  font-size: 13px;
}

.p13-plan-preview small {
  font-size: 8px;
}

.p13-faq {
  gap: 7px;
  margin-top: 12px;
}

.p13-faq > div {
  padding: 13px;
  border-radius: 15px;
  box-shadow: none;
}

.p13-faq strong {
  font-size: 10.5px;
}

.p13-faq small {
  margin-top: 4px;
  font-size: 8.5px;
  line-height: 1.45;
}

/* 카테고리 상세 */
.p13-detail-hero {
  min-height: 0;
  padding: 21px 19px;
  border-radius: 24px;
  box-shadow: 0 16px 32px rgba(27, 31, 57, .14);
}

.p13-detail-hero > span {
  width: 43px;
  height: 43px;
  margin-bottom: 33px;
  border-radius: 14px;
}

.p13-detail-hero > span .p13-icon {
  width: 22px;
  height: 22px;
}

.p13-detail-hero p {
  margin-top: 0;
  font-size: 8px;
}

.p13-detail-hero h1 {
  margin-top: 6px;
  font-size: 26px;
  line-height: 1.16;
}

.p13-detail-hero small {
  margin-top: 9px;
  font-size: 9.5px;
  line-height: 1.55;
}

.p13-output-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.p13-output-list > div {
  min-height: 49px;
  padding: 10px;
  border-radius: 14px;
  font-size: 8.5px;
  box-shadow: none;
}

.p13-mini-flow {
  gap: 4px;
  margin: 12px 0 15px;
  padding: 13px 9px;
  border-radius: 16px;
  box-shadow: none;
}

.p13-mini-flow span {
  font-size: 7px;
}

/* 로그인·입력 */
.p13-social-login {
  gap: 8px;
  margin-top: 17px;
}

.p13-social-login > button {
  min-height: 49px;
  border-radius: 14px;
  font-size: 10.5px;
  box-shadow: none;
}

.p13-social-mark {
  width: 22px;
  height: 22px;
}

.p13-social-mark svg {
  width: 20px;
  height: 20px;
}

.google-mark {
  font-size: 16px !important;
}

.p13-form,
.p13-review-summary {
  gap: 11px;
  margin-top: 16px;
  padding: 15px;
  border-radius: 20px;
  box-shadow: var(--p16-shadow);
}

.p13-form label > span {
  margin-bottom: 6px;
  font-size: 9.5px;
}

.p13-form input,
.p13-form select {
  min-height: 46px;
  padding: 11px 12px;
  border-radius: 13px;
  font-size: 10px;
}

.p13-form textarea {
  min-height: 88px;
  padding: 11px 12px;
  border-radius: 13px;
  font-size: 10px;
}

/* 로그인 후 홈 */
.p13-customer-hero {
  min-height: 0;
  padding: 23px 19px 20px;
  border-radius: 25px;
  box-shadow: 0 18px 36px rgba(17, 22, 49, .17);
}

.p13-customer-hero h1 {
  margin-top: 6px;
  margin-bottom: 16px;
  font-size: 27px;
  line-height: 1.14;
}

.p13-customer-hero > p {
  font-size: 9.5px;
}

.p13-customer-hero .p13-button {
  max-width: 250px;
}

.p13-customer-hero + .p13-section {
  margin-top: 24px;
}

.p13-status-grid {
  gap: 7px;
}

.p13-status-grid button {
  min-height: 76px;
  padding: 12px;
  border-radius: 16px;
  box-shadow: none;
}

.p13-status-grid strong {
  font-size: 19px;
}

.p13-status-grid span {
  margin-top: 6px;
  font-size: 8.5px;
}

.p13-dashboard-links {
  gap: 7px;
  margin-top: 13px;
}

.p13-dashboard-links > button {
  min-height: 64px;
  padding: 11px;
  border-radius: 16px;
  box-shadow: none;
}

.p13-dashboard-links > button > .p13-icon:first-child {
  width: 36px;
  height: 36px;
  border-radius: 12px;
}

.p13-dashboard-links strong {
  font-size: 10.5px;
}

.p13-dashboard-links small {
  font-size: 8px;
}

/* 결과·내 작업·게시 */
.p13-video-preview,
.p13-image-preview,
.p13-card-preview,
.p13-blog-preview,
.p13-custom-preview {
  padding: 13px;
  border-radius: 19px;
  box-shadow: var(--p16-shadow);
}

.p13-video-preview i {
  min-height: 122px;
}

.p13-card-preview div {
  min-height: 91px;
}

.p13-card-preview i {
  height: 53px;
}

.p13-complete-card {
  margin-top: 15px;
  padding: 19px 15px;
  border-radius: 20px;
  box-shadow: var(--p16-shadow);
}

.p13-filter-chips {
  padding: 12px 0 8px;
}

.p13-filter-chips button {
  min-height: 33px;
  padding: 7px 10px;
  border-radius: 11px;
  font-size: 8px;
}

.p13-work-list {
  gap: 7px;
}

.p13-work-list > div {
  min-height: 63px;
  padding: 11px;
  border-radius: 15px;
  box-shadow: none;
}

.p13-channel {
  min-height: 57px;
  padding: 11px;
  border-radius: 14px;
}

/* 요금제·구독 */
.p13-billing-toggle {
  margin-top: 15px;
  padding: 4px;
  border-radius: 14px;
}

.p13-billing-toggle button {
  min-height: 36px;
}

.p13-plan-grid {
  gap: 8px;
  margin-top: 13px;
}

.p13-plan-card {
  padding: 17px;
  border-radius: 19px;
  box-shadow: var(--p16-shadow);
}

.p13-plan-card h2 {
  font-size: 16px;
}

.p13-plan-card ul {
  gap: 6px;
  margin: 12px 0;
}

.p13-plan-card li {
  font-size: 8.5px;
}

.p13-current-plan,
.p13-profile-card {
  margin-top: 13px;
  padding: 17px;
  border-radius: 21px;
  box-shadow: 0 17px 34px rgba(19, 24, 49, .15);
}

.p13-usage-grid {
  gap: 7px;
  margin-top: 8px;
}

.p13-usage-grid div {
  min-height: 72px;
  padding: 12px;
  border-radius: 16px;
  box-shadow: none;
}

/* 안내와 하단 메뉴 */
.p13-platform-note {
  margin-top: 12px;
  padding: 12px;
  border-radius: 15px;
}

.p13-platform-note strong {
  font-size: 9px;
}

.p13-platform-note small {
  font-size: 7.5px;
}

.p13-bottom-nav {
  min-height: 70px;
  padding:
    5px
    8px
    max(7px, env(safe-area-inset-bottom));
  box-shadow: 0 -8px 20px rgba(25, 30, 51, .035);
}

.p13-bottom-nav button {
  gap: 3px;
  font-size: 7.5px;
}

.p13-bottom-nav button.create {
  margin-top: -22px;
}

.p13-bottom-nav button.create > .p13-icon {
  width: 47px;
  height: 47px;
  border-radius: 16px;
  box-shadow:
    0 10px 22px rgba(52, 43, 153, .25),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.p13-toast {
  bottom: calc(78px + env(safe-area-inset-bottom));
}

/* 매우 작은 모바일 */
@media (max-width: 370px) {
  .p13-page {
    padding-left: 11px;
    padding-right: 11px;
  }

  .p13-platform-hero {
    padding: 23px 17px 19px;
  }

  .p13-platform-hero h1 {
    font-size: 25px;
  }

  .p13-stack {
    grid-template-columns: 1fr;
  }

  .p13-category-card {
    min-height: 121px;
    padding: 12px;
  }

  .p13-category-card:nth-child(1) {
    min-height: 103px;
  }

  .p13-category-card strong {
    font-size: 13px;
  }

  .p13-category-card small {
    font-size: 8.2px;
  }

  .p13-chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .p13-check-list {
    grid-template-columns: 1fr;
  }
}

/* AF_STUDIO_V16_COMPACT_CLEAN_INTERFACE_20260729_END */

/* AF_STUDIO_V19_LANDING_CONTENT_REDESIGN_20260729_START */

.p13-section-copy {
  max-width: 430px;
}

.p13-section-copy > .p13-kicker {
  margin: 0 0 7px;
  color: #6558d8;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .1em;
}

.p13-section-copy > h2 {
  margin: 0;
  color: #171b29;
  font-size: 22px;
  line-height: 1.18;
  letter-spacing: -.045em;
}

.p13-section-copy > p:last-child {
  max-width: 410px;
  margin: 9px 0 0;
  color: #747b8b;
  font-size: 9.5px;
  line-height: 1.58;
}

.p13-process-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 14px;
}

.p13-process-card {
  min-height: 128px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 14px;
  border: 1px solid rgba(25, 30, 49, .075);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(104, 87, 220, .055), transparent 46%),
    #fff;
  box-shadow:
    0 10px 23px rgba(24, 29, 50, .045),
    0 2px 5px rgba(24, 29, 50, .02);
}

.p13-process-card > b {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  background: #1a1f31;
  font-size: 8px;
  font-weight: 600;
}

.p13-process-card strong,
.p13-process-card small {
  display: block;
}

.p13-process-card strong {
  padding-top: 2px;
  color: #202535;
  font-size: 11px;
  line-height: 1.35;
}

.p13-process-card small {
  margin-top: 7px;
  color: #777e8e;
  font-size: 8.2px;
  line-height: 1.5;
}

.p13-usecase-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 14px;
}

.p13-usecase-card {
  min-height: 139px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 17px;
  padding: 15px;
  border: 1px solid rgba(25, 30, 49, .07);
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 10px 23px rgba(24, 29, 50, .04);
}

.p13-usecase-card > .p13-icon {
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 13px;
  color: #fff;
  background: #171c2d;
}

.p13-usecase-card.shopping > .p13-icon { color: #ffd174; }
.p13-usecase-card.content > .p13-icon { color: #b3a9ff; }
.p13-usecase-card.visual > .p13-icon { color: #ff93aa; }
.p13-usecase-card.publish > .p13-icon { color: #72d9bf; }

.p13-usecase-card strong,
.p13-usecase-card small {
  display: block;
}

.p13-usecase-card strong {
  color: #202535;
  font-size: 11px;
  line-height: 1.35;
}

.p13-usecase-card small {
  margin-top: 6px;
  color: #737a8b;
  font-size: 8.2px;
  line-height: 1.5;
}

.p13-control-section {
  position: relative;
  overflow: hidden;
  padding: 21px 17px 17px;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 91% 2%, rgba(126, 108, 238, .48), transparent 31%),
    linear-gradient(145deg, #0d1221, #24214f);
  box-shadow:
    0 20px 39px rgba(17, 22, 48, .18),
    inset 0 1px 0 rgba(255, 255, 255, .07);
}

.p13-control-section::after {
  content: "";
  position: absolute;
  right: -53px;
  bottom: -82px;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 0 0 19px rgba(255,255,255,.018),
    0 0 0 39px rgba(255,255,255,.012);
  pointer-events: none;
}

.p13-control-head,
.p13-control-grid,
.p13-control-foot {
  position: relative;
  z-index: 1;
}

.p13-control-head > .p13-kicker {
  margin: 0 0 7px;
  color: #aea5ff;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .1em;
}

.p13-control-head > h2 {
  margin: 0;
  color: #fff !important;
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: -.045em;
}

.p13-control-head > p:last-child {
  max-width: 405px;
  margin: 9px 0 0;
  color: rgba(255,255,255,.62);
  font-size: 8.7px;
  line-height: 1.55;
}

.p13-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}

.p13-control-grid > div {
  min-height: 103px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 15px;
  background: rgba(255,255,255,.055);
}

.p13-control-grid > div > .p13-icon {
  width: 28px;
  height: 28px;
  padding: 6px;
  border-radius: 9px;
  color: #b7b0ff;
  background: rgba(255,255,255,.07);
}

.p13-control-grid strong,
.p13-control-grid small {
  display: block;
}

.p13-control-grid strong {
  padding-top: 2px;
  color: #fff;
  font-size: 9.5px;
  line-height: 1.35;
}

.p13-control-grid small {
  margin-top: 5px;
  color: rgba(255,255,255,.54);
  font-size: 7.5px;
  line-height: 1.45;
}

.p13-control-foot {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.075);
  color: rgba(255,255,255,.7);
  font-size: 8px;
}

.p13-control-foot .p13-icon {
  width: 17px;
  height: 17px;
  color: #aaa2ff;
}

@media (max-width: 370px) {
  .p13-process-grid,
  .p13-usecase-grid,
  .p13-control-grid {
    gap: 7px;
  }

  .p13-process-card {
    min-height: 122px;
    padding: 12px;
  }

  .p13-usecase-card {
    min-height: 132px;
    padding: 13px;
  }

  .p13-control-grid > div {
    min-height: 99px;
    padding: 10px;
  }
}

/* AF_STUDIO_V19_LANDING_CONTENT_REDESIGN_20260729_END */

/* AF_STUDIO_V20_REMOVE_CARD_EMPTY_SPACE_20260729_START */

/*
  V19 카드 내부 빈 공간 원인:
  - 강제 min-height
  - flex-direction: column
  - justify-content: space-between
  - 과도한 카드 내부 gap
*/

/* 섹션 간격도 소폭 축소 */
.p13-process-section,
.p13-usecase-section,
.p13-control-section {
  margin-top: 25px;
}

/* 작업 흐름: 내용 높이에 맞게 자동 축소 */
.p13-process-grid {
  gap: 8px;
  margin-top: 12px;
}

.p13-process-card {
  min-height: 0 !important;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 12px;
  border-radius: 16px;
  box-shadow:
    0 7px 17px rgba(24, 29, 50, .035),
    0 1px 3px rgba(24, 29, 50, .018);
}

.p13-process-card > b {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  font-size: 7.5px;
}

.p13-process-card strong {
  padding-top: 1px;
  font-size: 10.2px;
  line-height: 1.32;
}

.p13-process-card small {
  margin-top: 5px;
  font-size: 7.8px;
  line-height: 1.42;
}

/* 사용 상황: 세로 분리형을 가로 정보형으로 변경 */
.p13-usecase-grid {
  gap: 8px;
  margin-top: 12px;
}

.p13-usecase-card {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: start;
  justify-content: initial !important;
  gap: 9px !important;
  padding: 12px;
  border-radius: 16px;
  box-shadow:
    0 7px 17px rgba(24, 29, 50, .035),
    0 1px 3px rgba(24, 29, 50, .018);
}

.p13-usecase-card > .p13-icon {
  width: 36px;
  height: 36px;
  padding: 9px;
  border-radius: 12px;
}

.p13-usecase-card strong {
  padding-top: 1px;
  font-size: 10px;
  line-height: 1.32;
}

.p13-usecase-card small {
  margin-top: 5px;
  font-size: 7.7px;
  line-height: 1.42;
}

/* 검수·실행 영역 전체 높이 축소 */
.p13-control-section {
  padding: 18px 15px 14px;
  border-radius: 21px;
}

.p13-control-head > h2 {
  font-size: 19px;
  line-height: 1.18;
}

.p13-control-head > p:last-child {
  max-width: 390px;
  margin-top: 7px;
  font-size: 8px;
  line-height: 1.45;
}

.p13-control-grid {
  gap: 7px;
  margin-top: 13px;
}

.p13-control-grid > div {
  min-height: 0 !important;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 7px;
  padding: 10px;
  border-radius: 13px;
}

.p13-control-grid > div > .p13-icon {
  width: 25px;
  height: 25px;
  padding: 5px;
  border-radius: 8px;
}

.p13-control-grid strong {
  padding-top: 1px;
  font-size: 8.8px;
  line-height: 1.3;
}

.p13-control-grid small {
  margin-top: 4px;
  font-size: 6.9px;
  line-height: 1.38;
}

.p13-control-foot {
  margin-top: 10px;
  padding-top: 10px;
  font-size: 7.5px;
}

/* 설명 영역도 과도한 하단 여백 방지 */
.p13-section-copy > p:last-child {
  margin-top: 7px;
  line-height: 1.48;
}

/* 작은 화면에서는 카드 폭보다 읽기 우선 */
@media (max-width: 370px) {
  .p13-process-grid,
  .p13-usecase-grid {
    grid-template-columns: 1fr;
  }

  .p13-process-card,
  .p13-usecase-card {
    padding: 11px;
  }

  .p13-control-grid {
    grid-template-columns: 1fr;
  }

  .p13-control-grid > div {
    grid-template-columns: 24px minmax(0, 1fr);
  }
}

/* AF_STUDIO_V20_REMOVE_CARD_EMPTY_SPACE_20260729_END */

/* AF_STUDIO_V22_DETAIL_PAGES_COMPLETE_REDESIGN_20260729_START */

#aiFactoryPlatformV13 .p13-kicker,
#aiFactoryPlatformV13 .p13-eyebrow {
  font-size: 9px !important;
  line-height: 1.4;
  font-weight: 700 !important;
  letter-spacing: .075em;
}

#aiFactoryPlatformV13 .p13-copy-head > p:last-child,
#aiFactoryPlatformV13 .p13-section-copy > p:last-child,
#aiFactoryPlatformV13 .p13-platform-note small,
#aiFactoryPlatformV13 .p13-category-card small,
#aiFactoryPlatformV13 .p13-faq small,
#aiFactoryPlatformV13 .p13-dashboard-links small,
#aiFactoryPlatformV13 .p13-work-list small,
#aiFactoryPlatformV13 .p13-channel small,
#aiFactoryPlatformV13 .p13-policy-note {
  font-size: 10px !important;
  line-height: 1.58 !important;
  font-weight: 500 !important;
}

.p13-detail-page {
  padding-bottom: 20px;
}

.p13-detail-hero {
  min-height: 0 !important;
  padding: 23px 20px 21px !important;
  border-radius: 25px !important;
}

.p13-detail-hero > span {
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 35px !important;
  border-radius: 14px !important;
}

.p13-detail-hero > span .p13-icon {
  width: 23px !important;
  height: 23px !important;
}

.p13-detail-hero > p {
  margin: 0 0 7px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

.p13-detail-hero > h1 {
  max-width: 420px;
  margin: 0 !important;
  color: #fff !important;
  font-size: 28px !important;
  line-height: 1.14 !important;
  letter-spacing: -.045em !important;
}

.p13-detail-hero > small {
  display: block;
  max-width: 420px;
  margin-top: 11px !important;
  color: rgba(255,255,255,.84) !important;
  font-size: 11px !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
}

.p13-detail-value-section,
.p13-detail-step-section {
  margin-top: 27px !important;
}

.p13-detail-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 13px;
}

.p13-detail-benefit-card {
  min-height: 112px;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 13px;
  border: 1px solid rgba(25,30,49,.075);
  border-radius: 17px;
  background:
    radial-gradient(circle at 100% 0%, rgba(100,84,214,.055), transparent 47%),
    #fff;
  box-shadow:
    0 8px 19px rgba(24,29,50,.038),
    0 1px 3px rgba(24,29,50,.018);
}

.p13-detail-benefit-card > .p13-icon {
  width: 27px;
  height: 27px;
  padding: 6px;
  border-radius: 9px;
  color: #6256d8;
  background: #efedff;
}

.p13-detail-benefit-card strong,
.p13-detail-benefit-card small {
  display: block;
}

.p13-detail-benefit-card strong {
  padding-top: 2px;
  color: #202535;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700 !important;
}

.p13-detail-benefit-card small {
  margin-top: 6px;
  color: #656d7e;
  font-size: 9.3px !important;
  line-height: 1.52 !important;
  font-weight: 500 !important;
}

.p13-detail-step-list {
  display: grid;
  gap: 7px;
  margin-top: 13px;
  padding: 5px 14px;
  border: 1px solid rgba(25,30,49,.075);
  border-radius: 19px;
  background: #fff;
  box-shadow:
    0 8px 19px rgba(24,29,50,.035),
    0 1px 3px rgba(24,29,50,.015);
}

.p13-detail-step-list > div {
  min-height: 65px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(25,30,49,.065);
}

.p13-detail-step-list > div:last-child {
  border-bottom: 0;
}

.p13-detail-step-list b {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  background: #1a1f31;
  font-size: 8px;
  font-weight: 700;
}

.p13-detail-step-list strong,
.p13-detail-step-list small {
  display: block;
}

.p13-detail-step-list strong {
  color: #242939;
  font-size: 11px;
  line-height: 1.34;
  font-weight: 700 !important;
}

.p13-detail-step-list small {
  margin-top: 4px;
  color: #687081;
  font-size: 9.3px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

.p13-detail-cta-wrap {
  margin-top: 17px;
}

.p13-detail-cta-wrap > small {
  display: block;
  margin-top: 8px;
  color: #747b8b;
  font-size: 9.5px !important;
  line-height: 1.5;
  text-align: center;
  font-weight: 500 !important;
}

.p13-process-card small,
.p13-usecase-card small {
  font-size: 9px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

.p13-control-head > p:last-child {
  color: rgba(255,255,255,.78) !important;
  font-size: 9.5px !important;
  line-height: 1.58 !important;
  font-weight: 500 !important;
}

.p13-control-grid small {
  color: rgba(255,255,255,.72) !important;
  font-size: 8.4px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

@media (max-width: 370px) {
  .p13-detail-hero > h1 {
    font-size: 25px !important;
  }

  .p13-detail-hero > small {
    font-size: 10.4px !important;
  }

  .p13-detail-benefit-grid {
    grid-template-columns: 1fr;
  }

  .p13-detail-benefit-card {
    min-height: 0;
  }
}

/* AF_STUDIO_V22_DETAIL_PAGES_COMPLETE_REDESIGN_20260729_END */

/* AF_STUDIO_V23_DETAIL_PUBLISH_PRECISION_20260729_START */

.p13-detail-benefit-grid {
  gap: 9px !important;
}

.p13-detail-benefit-card {
  min-height: 0 !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 13px !important;
  border-radius: 17px !important;
}

.p13-detail-benefit-card > .p13-icon {
  width: 30px !important;
  height: 30px !important;
  align-self: center !important;
  justify-self: center !important;
  padding: 7px !important;
  border-radius: 10px !important;
}

.p13-detail-benefit-card > span {
  min-width: 0;
  align-self: center;
}

.p13-detail-benefit-card strong {
  padding-top: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

.p13-detail-benefit-card small {
  margin-top: 5px !important;
  color: #596274 !important;
  font-size: 9.7px !important;
  line-height: 1.52 !important;
}

.p13-detail-step-list {
  gap: 0 !important;
  padding: 4px 14px !important;
}

.p13-detail-step-list > div {
  min-height: 72px !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 11px !important;
  align-items: center !important;
  padding: 11px 0 !important;
}

.p13-detail-step-list b {
  width: 40px !important;
  height: 40px !important;
  align-self: center !important;
  justify-self: start !important;
  border-radius: 13px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.p13-detail-step-list > div > span {
  min-width: 0;
  align-self: center;
}

.p13-detail-step-list strong {
  font-size: 11.6px !important;
  line-height: 1.34 !important;
}

.p13-detail-step-list small {
  margin-top: 5px !important;
  color: #5d6678 !important;
  font-size: 9.8px !important;
  line-height: 1.5 !important;
}

.p13-detail-page .p13-section-copy > h2 {
  font-size: 23px !important;
  line-height: 1.18 !important;
}

.p13-detail-page .p13-section-copy > .p13-kicker {
  font-size: 9.5px !important;
}

.p13-detail-page .p13-detail-cta-wrap > small {
  color: #60697a !important;
  font-size: 10px !important;
}

.p13-publish-page {
  padding-bottom: 17px !important;
}

.p13-publish-page .p13-copy-head {
  padding-bottom: 8px !important;
}

.p13-publish-page .p13-copy-head h1 {
  font-size: 27px !important;
  line-height: 1.16 !important;
}

.p13-publish-page .p13-copy-head > p:last-child {
  margin-top: 8px !important;
  color: #5f6879 !important;
  font-size: 10.5px !important;
  line-height: 1.55 !important;
}

.p13-publish-form {
  gap: 10px !important;
  margin-top: 14px !important;
  padding: 14px !important;
  border-radius: 20px !important;
  box-shadow:
    0 10px 24px rgba(24,29,50,.05),
    0 2px 6px rgba(24,29,50,.02) !important;
}

.p13-publish-form > label:first-child > span {
  margin-bottom: 7px !important;
  color: #343b4c !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

.p13-publish-form select {
  min-height: 46px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  color: #202535 !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  background-color: #f8f9fb !important;
}

.p13-channel-list {
  gap: 8px !important;
}

.p13-channel {
  min-height: 68px !important;
  grid-template-columns: 24px 46px minmax(0, 1fr) auto !important;
  gap: 11px !important;
  align-items: center !important;
  padding: 12px !important;
  border: 1px solid rgba(25,30,49,.11) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.p13-channel:has(input:checked) {
  border-color: rgba(101,88,223,.52) !important;
  background: rgba(101,88,223,.045) !important;
}

.p13-channel:focus-within {
  outline: 2px solid rgba(101,88,223,.3) !important;
  outline-offset: 2px !important;
}

.p13-channel.is-disabled {
  border-color: rgba(25,30,49,.08) !important;
  background: #f8f9fb !important;
  cursor: not-allowed;
}

.p13-channel.is-disabled .p13-publish-channel-icon {
  opacity: .78;
  filter: saturate(.78);
}

.p13-channel-disabled-mark {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  align-self: center;
  justify-self: center;
  color: #858c9b;
  border: 1.5px solid #b6bcc7;
  border-radius: 7px;
  background: #fff;
  font-size: 14px;
  font-weight: 700;
}

.p13-publish-channel-icon {
  width: 46px;
  height: 46px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(25,30,49,.1);
  border-radius: 13px;
  background: #f4f5f8;
}

.p13-publish-channel-icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.p13-channel input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  display: grid !important;
  place-items: center !important;
  align-self: center !important;
  justify-self: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1.5px solid #8f97a7 !important;
  border-radius: 7px !important;
  outline: none !important;
  background: #fff !important;
  box-shadow: none !important;
}

.p13-channel input[type="checkbox"]::after {
  content: "";
  width: 9px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) scale(0);
}

.p13-channel input[type="checkbox"]:checked {
  border-color: #6558df !important;
  background: #6558df !important;
}

.p13-channel input[type="checkbox"]:checked::after {
  transform: rotate(-45deg) scale(1);
}

.p13-channel > .p13-channel-copy {
  min-width: 0;
  align-self: center;
}

.p13-channel strong {
  display: block;
  color: #202535 !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.p13-channel small {
  display: block;
  margin-top: 4px !important;
  color: #687183 !important;
  font-size: 9.5px !important;
  line-height: 1.42 !important;
  font-weight: 500 !important;
}

.p13-channel em {
  min-width: 54px;
  min-height: 30px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 6px 9px !important;
  border-radius: 10px;
  color: #5f53d2 !important;
  background: #f0eeff;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  white-space: nowrap;
}

.p13-channel.is-disabled em {
  color: #737a89 !important;
  background: #eceef2;
}

.p13-publish-form .p13-button {
  min-height: 49px !important;
  border-radius: 14px !important;
  font-size: 11.5px !important;
}

.p13-publish-form .p13-button.secondary {
  color: #343a4b !important;
  border-color: rgba(25,30,49,.11) !important;
  background: #fff !important;
}

.p13-publish-page .p13-platform-note {
  grid-template-columns: 25px minmax(0, 1fr) !important;
  gap: 9px !important;
  margin-top: 12px !important;
  padding: 13px !important;
  border-radius: 16px !important;
}

.p13-publish-page .p13-platform-note strong {
  color: #4f4725 !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

.p13-publish-page .p13-platform-note small {
  margin-top: 4px !important;
  color: #6c633d !important;
  font-size: 9.4px !important;
  line-height: 1.48 !important;
}

.p13-bottom-nav button {
  font-size: 9px !important;
  line-height: 1.15 !important;
}

.p13-bottom-nav button > span {
  white-space: nowrap;
}

@media (max-width: 370px) {
  .p13-detail-benefit-grid {
    grid-template-columns: 1fr !important;
  }

  .p13-channel {
    grid-template-columns: 22px 42px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    padding: 11px 10px !important;
  }

  .p13-publish-channel-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }

  .p13-channel em {
    min-width: 49px;
    padding: 6px 7px !important;
    font-size: 8.5px !important;
  }
}

/* AF_STUDIO_V23_DETAIL_PUBLISH_PRECISION_20260729_END */

/* AF_STUDIO_V23_BENEFIT_CHECK_ALIGN_FIX1_20260729_START */

/*
  체크 아이콘을 카드 전체 세로 중앙이 아니라
  제목 첫 줄의 시작 위치에 맞춘다.
*/

.p13-detail-benefit-card {
  align-items: start !important;
}

.p13-detail-benefit-card > .p13-icon {
  width: 30px !important;
  height: 30px !important;
  align-self: start !important;
  justify-self: start !important;
  margin: 0 !important;
  margin-top: 1px !important;
  padding: 6px !important;
  overflow: visible !important;
}

.p13-detail-benefit-card > .p13-icon path,
.p13-detail-benefit-card > .p13-icon polyline {
  vector-effect: non-scaling-stroke;
}

.p13-detail-benefit-card > span {
  align-self: start !important;
  padding-top: 0 !important;
}

.p13-detail-benefit-card strong {
  display: block;
  padding-top: 0 !important;
  margin-top: 0 !important;
  line-height: 1.32 !important;
}

.p13-detail-benefit-card small {
  display: block;
  margin-top: 5px !important;
}

/* AF_STUDIO_V23_BENEFIT_CHECK_ALIGN_FIX1_20260729_END */

/* AF_STUDIO_V24_PREMIUM_LOGIN_20260729_START */

.p13-auth-premium-shell {
  min-height: 100dvh;
  color: #f7f8fc;
  background:
    radial-gradient(circle at 82% 2%, rgba(107,89,226,.24), transparent 30%),
    radial-gradient(circle at 5% 62%, rgba(57,91,176,.12), transparent 34%),
    #0b0d12;
}

.p13-auth-premium-shell .p13-topbar {
  position: relative;
  min-height: 58px;
  padding: max(11px, env(safe-area-inset-top)) 15px 7px;
  color: #fff;
  background: transparent !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.p13-auth-premium-shell .p13-icon-btn {
  width: 39px;
  height: 39px;
  color: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 13px;
  background: rgba(255,255,255,.055);
  box-shadow: none;
}

.p13-auth-premium {
  max-width: 500px;
  padding: 16px 18px max(25px, env(safe-area-inset-bottom));
}

.p13-auth-brand { padding: 5px 4px 0; text-align: center; }
.p13-auth-wordmark { display:flex; align-items:baseline; justify-content:center; gap:7px; }
.p13-auth-wordmark strong { color:#fff; font-size:26px; line-height:1; letter-spacing:-.05em; font-weight:700 !important; }
.p13-auth-wordmark em { color:#8878ff; font-size:14px; line-height:1; letter-spacing:.08em; font-style:normal; font-weight:700 !important; }

.p13-auth-brand h1 {
  margin: 24px 0 0;
  color: #fff;
  font-size: 29px;
  line-height: 1.18;
  letter-spacing: -.045em;
}

.p13-auth-brand > p {
  max-width: 390px;
  margin: 12px auto 0;
  color: rgba(255,255,255,.56);
  font-size: 10.5px;
  line-height: 1.65;
  font-weight: 500 !important;
}

.p13-auth-benefit {
  width: fit-content;
  max-width: 100%;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 17px;
  padding: 8px 13px;
  border: 1px solid rgba(137,119,255,.38);
  border-radius: 999px;
  color: #bdb5ff;
  background: rgba(112,91,221,.10);
  font-size: 9px;
  line-height: 1.35;
  font-weight: 600 !important;
}

.p13-auth-benefit .p13-icon { width:17px; height:17px; flex:0 0 auto; color:#a99fff; }

.p13-auth-social { gap:9px; margin-top:25px; }
.p13-auth-social > button {
  min-height: 56px;
  display: grid;
  grid-template-columns: 29px minmax(0,1fr) 29px;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 16px;
  box-shadow: none;
}
.p13-auth-social > button::after { content:""; width:29px; height:1px; }
.p13-auth-social > button strong { justify-self:center; font-size:12px; letter-spacing:-.02em; font-weight:700 !important; }
.p13-auth-social > button.kakao { color:#241d00; border:1px solid #fee500; background:#fee500; box-shadow:0 13px 28px rgba(254,229,0,.09); }
.p13-auth-social > button.google { color:#1c2130; border:1px solid rgba(255,255,255,.82); background:#fff; box-shadow:0 13px 28px rgba(0,0,0,.13); }

.p13-auth-provider-icon { width:29px; height:29px; display:grid; place-items:center; justify-self:start; border-radius:10px; }
.p13-auth-provider-icon svg { width:22px; height:22px; display:block; }
.p13-auth-provider-icon.kakao-icon { color:#241d00; background:rgba(36,29,0,.07); }
.p13-auth-provider-icon.kakao-icon svg { fill:currentColor; }
.p13-auth-provider-icon.google-icon { border:1px solid rgba(30,35,51,.08); background:#fff; }
.p13-auth-provider-icon.google-icon svg { width:21px; height:21px; }

.p13-auth-divider { display:grid !important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:10px; margin:8px 1px 0 !important; }
.p13-auth-divider i { height:1px; background:rgba(255,255,255,.10); }
.p13-auth-divider span { color:rgba(255,255,255,.40); font-size:8.5px; font-weight:500 !important; }

.p13-auth-email-card {
  gap: 12px;
  margin-top: 12px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.035));
  box-shadow: 0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.055);
}

.p13-auth-email-card label > span { margin-bottom:7px; color:rgba(255,255,255,.70); font-size:9.5px; font-weight:600 !important; }
.p13-auth-email-card input { min-height:51px; padding:12px 14px; color:#fff !important; border:1px solid rgba(255,255,255,.11) !important; border-radius:14px !important; background:rgba(5,7,11,.48) !important; box-shadow:none !important; font-size:11px !important; }
.p13-auth-email-card input::placeholder { color:rgba(255,255,255,.28); }
.p13-auth-email-card input:focus { border-color:rgba(134,116,255,.70) !important; background:rgba(5,7,11,.66) !important; box-shadow:0 0 0 4px rgba(120,101,231,.13) !important; }

.p13-auth-email-submit {
  min-height: 52px;
  display: grid;
  grid-template-columns: 26px minmax(0,1fr) 22px;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  padding: 10px 14px;
  color: #fff;
  border: 1px solid rgba(142,125,255,.44);
  border-radius: 15px;
  background: radial-gradient(circle at 88% 0%, rgba(161,145,255,.55), transparent 38%), linear-gradient(135deg,#5345c9,#7463ea);
  box-shadow: 0 15px 30px rgba(75,59,191,.28), inset 0 1px 0 rgba(255,255,255,.16);
}
.p13-auth-email-submit strong { justify-self:center; font-size:11.5px; font-weight:700 !important; }
.p13-auth-email-submit > .p13-icon { width:20px; height:20px; justify-self:end; }
.p13-auth-mail-icon { width:26px; height:26px; display:grid; place-items:center; justify-self:start; border-radius:9px; background:rgba(255,255,255,.09); }
.p13-auth-mail-icon svg { width:17px; height:17px; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

.p13-auth-switch { gap:7px; margin-top:18px; color:rgba(255,255,255,.43); font-size:9.5px; }
.p13-auth-switch button { color:#9f94ff; font-size:9.5px; font-weight:700 !important; }

.p13-auth-safety-note {
  display: grid;
  grid-template-columns: 24px minmax(0,1fr);
  gap: 9px;
  align-items: start;
  margin-top: 18px;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  color: rgba(255,255,255,.64);
  background: rgba(255,255,255,.035);
}
.p13-auth-safety-note > .p13-icon { width:21px; height:21px; color:#9f94ff; }
.p13-auth-safety-note strong,.p13-auth-safety-note small { display:block; }
.p13-auth-safety-note strong { color:rgba(255,255,255,.76); font-size:9px; line-height:1.4; font-weight:600 !important; }
.p13-auth-safety-note small { margin-top:4px; color:rgba(255,255,255,.39); font-size:8.2px; line-height:1.5; font-weight:500 !important; }
.p13-auth-premium button:active { transform:scale(.985); }

@media (max-width:370px) {
  .p13-auth-premium { padding-left:14px; padding-right:14px; }
  .p13-auth-wordmark strong { font-size:23px; }
  .p13-auth-brand h1 { font-size:26px; }
  .p13-auth-brand > p { font-size:10px; }
  .p13-auth-social > button { min-height:53px; }
}

/* AF_STUDIO_V24_PREMIUM_LOGIN_20260729_END */

/* AF_STUDIO_WORK_FILTER_NAV_V50_20260802_START */
#aiFactoryPlatformV13 .p13-works-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-top: 18px;
}

#aiFactoryPlatformV13 .p13-work-search {
  min-width: 0;
  min-height: 46px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid #e0e2e9;
  border-radius: 14px;
  background: #fff;
}

#aiFactoryPlatformV13 .p13-work-search > .p13-icon {
  width: 18px;
  height: 18px;
  color: #7a8191;
}

#aiFactoryPlatformV13 .p13-work-search input {
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0;
  color: #202534;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 11px;
}

#aiFactoryPlatformV13 .p13-work-search input::placeholder { color: #969cab; }

#aiFactoryPlatformV13 .p13-works-new {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 13px;
  color: #fff;
  border: 1px solid #6256d8;
  border-radius: 14px;
  background: #6256d8;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

#aiFactoryPlatformV13 .p13-works-new > .p13-icon { width: 17px; height: 17px; }

#aiFactoryPlatformV13 .p13-filter-chips {
  gap: 7px;
  padding: 12px 0 10px;
}

#aiFactoryPlatformV13 .p13-filter-chips button {
  min-height: 36px;
  padding: 8px 12px;
  font-size: 10px;
  font-weight: 750;
}

#aiFactoryPlatformV13 .p13-filter-chips button.active {
  color: #fff;
  border-color: #6256d8;
  background: #6256d8;
}

#aiFactoryPlatformV13 .p13-work-list { gap: 9px; }

#aiFactoryPlatformV13 .p13-work-card {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 10px;
  padding: 14px;
  color: #202534;
  border: 1px solid #e4e6ed;
  border-radius: 17px;
  background: #fff;
  text-align: left;
}

#aiFactoryPlatformV13 .p13-work-card[hidden],
#aiFactoryPlatformV13 .p13-work-empty[hidden] { display: none !important; }

#aiFactoryPlatformV13 .p13-work-card > div { min-width: 0; }
#aiFactoryPlatformV13 .p13-work-card > div > span {
  display: block;
  margin-bottom: 5px;
  color: #6256d8;
  font-size: 9px;
  font-weight: 850;
}

#aiFactoryPlatformV13 .p13-work-card strong {
  overflow: hidden;
  color: #202534;
  font-size: 12px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#aiFactoryPlatformV13 .p13-work-card small {
  margin-top: 5px;
  color: #858b99;
  font-size: 9px;
  line-height: 1.4;
}

#aiFactoryPlatformV13 .p13-work-card > .p13-icon {
  width: 18px;
  height: 18px;
  color: #9ba0ad;
}

#aiFactoryPlatformV13 .p13-work-card .af-status-badge {
  min-height: 24px;
  padding: 4px 8px;
  font-size: 9px;
}

#aiFactoryPlatformV13 .p13-work-empty {
  min-height: 156px;
  display: grid;
  grid-template-columns: 1fr;
  place-content: center;
  gap: 6px;
  padding: 24px;
  border: 1px solid #e4e6ed;
  border-radius: 17px;
  background: #fff;
  text-align: center;
}

#aiFactoryPlatformV13 .p13-work-empty strong { color: #252a38; font-size: 12px; }
#aiFactoryPlatformV13 .p13-work-empty small { color: #888e9c; font-size: 9px; }

@media (max-width: 350px) {
  #aiFactoryPlatformV13 .p13-works-toolbar { grid-template-columns: 1fr; }
  #aiFactoryPlatformV13 .p13-works-new { width: 100%; }
  #aiFactoryPlatformV13 .p13-work-card {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  #aiFactoryPlatformV13 .p13-work-card > .p13-icon { display: none; }
}
/* AF_STUDIO_WORK_FILTER_NAV_V50_20260802_END */