/* Affiliate program */
.sidebar-utilities a { min-height:38px;display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:10px;background:transparent;color:#263142;font:inherit;font-size:12px;text-decoration:none;cursor:pointer; }
.sidebar-utilities a:hover,.sidebar-utilities a.active { background:#fff0f4;color:var(--rose-dark);text-decoration:none; }
.sidebar-utilities a svg { width:17px;height:17px; }

/* Anima prompting guide */
.anima-guide-link { min-height:47px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;margin:9px 2px 19px;padding:8px 10px;border:1px solid #dce3eb;border-radius:10px;background:#fff;color:#5e6d82;transition:border-color .16s,background .16s,color .16s; }
.anima-guide-link:hover { border-color:#ee9eb1;background:#fff6f8;color:var(--rose-dark); }
.anima-guide-link svg { width:21px;height:21px; }
.anima-guide-link span,.anima-guide-link strong,.anima-guide-link small { display:block;min-width:0; }
.anima-guide-link strong { color:#536277;font-size:12px; }
.anima-guide-link small { margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a97a8;font-size:9px; }
.anima-guide-link b { color:var(--rose);font-size:16px; }
.anima-guide-feature { display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:22px;margin:8px 0 34px;padding:22px 25px;border:1px solid #edcdd5;border-radius:18px;background:linear-gradient(112deg,#fff2f5,#fffaf8 53%,#f5efff);transition:border-color .18s,transform .18s; }
.anima-guide-feature:hover { border-color:#e88ba2;transform:translateY(-2px); }
.anima-guide-feature-mark { width:72px;height:72px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--rose),#9a53e8);color:#fff;font-size:28px;font-weight:900;box-shadow:0 12px 26px rgba(176,64,113,.2); }
.anima-guide-feature > span:nth-child(2),.anima-guide-feature small,.anima-guide-feature strong,.anima-guide-feature em { display:block; }
.anima-guide-feature small { color:var(--rose-dark);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.anima-guide-feature strong { margin-top:5px;font-size:21px;line-height:1.2; }
.anima-guide-feature em { margin-top:4px;color:var(--muted);font-size:12px;font-style:normal; }
.anima-guide-feature > b { color:var(--rose-dark);font-size:12px;white-space:nowrap; }
.anima-guide-main { padding-bottom:90px;background:linear-gradient(180deg,#fffaf9 0,#fff 24%,#fffdfc 100%); }
.anima-guide-page { max-width:1500px;margin:0 auto; }
.guide-modal-open { overflow:hidden; }
.anima-guide-modal-backdrop { position:fixed;z-index:420;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(28,19,25,.68);backdrop-filter:blur(9px); }
.anima-guide-modal { position:relative;width:min(1480px,calc(100vw - 44px));height:min(920px,calc(100vh - 44px));overflow:hidden;border:1px solid rgba(255,255,255,.74);border-radius:24px;background:#fffdfc;box-shadow:0 34px 90px rgba(31,18,26,.3); }
.anima-guide-modal-scroll { width:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:0 clamp(24px,4vw,68px) 70px;scrollbar-gutter:stable; }
.anima-guide-modal-close { position:absolute;z-index:12;top:22px;right:34px;width:52px;height:52px;display:grid;place-items:center;border:1px solid #e3d8dd;border-radius:15px;background:#fff;color:var(--ink);font-size:29px;line-height:1;cursor:pointer;box-shadow:0 9px 26px rgba(54,30,42,.14);transition:border-color .16s,color .16s,transform .16s,background .16s; }
.anima-guide-modal-close:hover,.anima-guide-modal-close:focus-visible { border-color:#ef9daf;background:#fff5f7;color:var(--rose-dark);transform:translateY(-1px);outline:none; }
.anima-guide-modal .anima-guide-page { max-width:1320px; }
.anima-guide-modal .anima-guide-hero { padding-top:64px; }
.anima-guide-hero { display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.72fr);gap:30px;min-height:650px;padding:42px 0 62px; }
.anima-guide-hero-copy { display:flex;flex-direction:column;justify-content:center;padding:24px clamp(4px,2vw,28px) 24px 3px; }
.guide-model-badge { width:max-content;display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid #efc9d3;border-radius:9px;background:#fff;color:#5e6878;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.guide-model-badge i { color:var(--rose);font-size:16px;font-style:normal;letter-spacing:-.06em;text-transform:none; }
.anima-guide-hero h1 { max-width:880px;margin:17px 0 19px;font-size:clamp(46px,5.3vw,82px);line-height:.95;letter-spacing:-4.7px; }
.anima-guide-hero h1 em { color:var(--rose);font:italic inherit; }
.anima-guide-hero-copy > p { max-width:740px;margin:0;color:#687487;font-size:17px;line-height:1.72; }
.guide-hero-actions { display:flex;gap:10px;margin-top:27px; }
.guide-hero-facts { display:flex;flex-wrap:wrap;gap:9px 24px;margin-top:30px;color:#7d8798;font-size:10px; }
.guide-hero-facts span { position:relative;padding-left:13px; }
.guide-hero-facts span:before { content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:var(--rose); }
.guide-hero-facts strong { color:#343d4c; }
.anima-guide-hero-art { position:relative;min-height:610px;overflow:hidden;border-radius:28px;background:#eadde5;box-shadow:0 26px 70px rgba(59,32,48,.15); }
.anima-guide-hero-art:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(25,16,28,.76));pointer-events:none; }
.anima-guide-hero-art > img { width:100%;height:100%;object-fit:cover; }
.guide-prompt-float { position:absolute;z-index:2;left:20px;right:20px;top:20px;display:flex;flex-wrap:wrap;gap:7px; }
.guide-prompt-float span { padding:7px 10px;border:1px solid rgba(255,255,255,.52);border-radius:8px;background:rgba(255,255,255,.8);color:#503b49;font-size:9px;font-weight:850;backdrop-filter:blur(12px); }
.guide-art-caption { position:absolute;z-index:2;left:27px;right:27px;bottom:26px;color:#fff; }
.guide-art-caption b,.guide-art-caption span { display:block; }
.guide-art-caption b { font:italic 38px/1 Georgia,serif; }
.guide-art-caption span { margin-top:6px;color:#f1e9ef;font-size:11px; }
.anima-guide-layout { display:grid;grid-template-columns:230px minmax(0,1fr);gap:55px;align-items:start; }
.anima-guide-nav { position:sticky;top:94px;display:grid;gap:2px;padding:17px;border:1px solid #e7e1e5;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 13px 32px rgba(64,36,49,.06); }
.anima-guide-nav > strong { padding:5px 9px 11px;color:#263142;font-size:11px; }
.anima-guide-nav a { padding:8px 9px;border-radius:7px;color:#718097;font-size:10px;font-weight:750; }
.anima-guide-nav a:hover { background:#fff1f4;color:var(--rose-dark); }
.anima-guide-nav .guide-nav-studio { margin-top:8px;border:1px solid #efb3c1;background:#fff6f8;color:var(--rose-dark); }
.anima-guide-content { min-width:0;max-width:1100px; }
.guide-section { scroll-margin-top:95px;padding:58px 0;border-top:1px solid #ece4e7; }
.guide-section:first-child { padding-top:0;border-top:0; }
.guide-section-kicker { display:block;margin-bottom:9px;color:var(--rose-dark);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase; }
.guide-section h2 { max-width:850px;margin:0 0 14px;font-size:clamp(31px,3.2vw,48px);line-height:1.03;letter-spacing:-2px; }
.guide-section > p,.guide-lead { max-width:850px;margin:0;color:#6f7889;font-size:14px;line-height:1.75; }
.guide-recipe-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:27px; }
.guide-recipe-grid article { min-width:0;min-height:215px;display:flex;flex-direction:column;padding:18px;border:1px solid #e9dce1;border-radius:14px;background:#fff; }
.guide-recipe-grid i { width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#fff0f3;color:var(--rose-dark);font-size:11px;font-style:normal;font-weight:900; }
.guide-recipe-grid strong { margin-top:18px;font-size:20px; }
.guide-recipe-grid span { margin-top:5px;color:#788395;font-size:10px;line-height:1.5; }
.guide-recipe-grid code { margin-top:auto;padding-top:15px;color:#a23b58;font-size:9px;line-height:1.5;white-space:normal;overflow-wrap:anywhere; }
.guide-formula { display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:16px;margin-top:11px;padding:17px 19px;border-radius:12px;background:#292332;color:#fff; }
.guide-formula span { color:#f7b4c3;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.guide-formula code { min-width:0;color:#fff;font-size:10px;line-height:1.6;white-space:normal; }
.tag-order-flow { display:flex;align-items:stretch;gap:7px;margin-top:25px; }
.tag-order-flow > div { min-width:0;flex:1;padding:14px 12px;border:1px solid #e4e8ee;border-radius:11px;background:#fff; }
.tag-order-flow > div:first-child { border-color:#efb2c0;background:#fff5f7; }
.tag-order-flow small,.tag-order-flow strong { display:block; }
.tag-order-flow small { min-height:28px;color:#8b96a5;font-size:8px;font-weight:850;line-height:1.35;text-transform:uppercase; }
.tag-order-flow strong { margin-top:7px;color:#3d4858;font-size:9px;line-height:1.5; }
.tag-order-flow > b { align-self:center;color:#c6ccd5;font-size:14px; }
.guide-note { display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;margin-top:13px;padding:18px 20px;border:1px solid #f1ced7;border-radius:12px;background:#fff6f8; }
.guide-note strong { color:var(--rose-dark);font-size:11px; }
.guide-note p { margin:0;color:#6c6871;font-size:11px;line-height:1.65; }
.guide-note code,.guide-section p code,.guide-vocab-grid code { padding:1px 4px;border-radius:4px;background:#f2edf5;color:#8e3960;font-size:.93em; }
.guide-vocab-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:27px; }
.guide-vocab-grid article { padding:20px;border:1px solid #e5e7ed;border-radius:14px;background:#fff; }
.guide-vocab-grid article > span { display:inline-block;padding:4px 7px;border-radius:5px;background:#f1ecfb;color:#8055b9;font-size:8px;font-weight:900;text-transform:uppercase; }
.guide-vocab-grid h3 { margin:12px 0 7px;font-size:16px; }
.guide-vocab-grid p { margin:0;color:#748094;font-size:10px;line-height:1.7; }
.guide-rules { margin-top:11px;padding:23px 25px;border-radius:14px;background:#f6f8fb; }
.guide-rules h3 { margin:0 0 12px;font-size:17px; }
.guide-rules ul,.guide-bullets { margin:0;padding-left:18px;color:#677487;font-size:11px;line-height:1.8; }
.guide-rules code { padding:2px 5px;border-radius:4px;background:#fff;color:#8e3960; }
.guide-do-dont { display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:25px; }
.guide-do-dont article { padding:20px;border:1px solid #dfe6eb;border-radius:14px;background:#fff; }
.guide-do-dont article.do { border-color:#cce7dc;background:#f5fbf8; }
.guide-do-dont article.dont { border-color:#efd9df;background:#fffafb; }
.guide-do-dont span { display:inline-block;margin-bottom:9px;color:#2b8f6b;font-size:9px;font-weight:900;text-transform:uppercase; }
.guide-do-dont .dont span { color:var(--rose-dark); }
.guide-do-dont p { margin:0;color:#596576;font-size:11px;line-height:1.7; }
.guide-tip-row { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:11px; }
.guide-tip-row div { padding:17px;border:1px solid #e5e7ec;border-radius:12px;background:#fff; }
.guide-tip-row strong,.guide-tip-row span { display:block; }
.guide-tip-row strong { font-size:11px; }
.guide-tip-row span { margin-top:5px;color:#7d8796;font-size:9px;line-height:1.55; }
.character-map { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.1fr);align-items:stretch;gap:8px;margin-top:25px; }
.character-map > div { padding:18px;border:1px solid #e2e6ed;border-radius:12px;background:#fff; }
.character-map > div:last-of-type { border-color:#efb6c3;background:#fff7f9; }
.character-map span,.character-map code { display:block; }
.character-map span { color:#8c97a7;font-size:8px;font-weight:900;text-transform:uppercase; }
.character-map code { margin-top:9px;color:#465365;font-size:9px;line-height:1.6;white-space:normal; }
.character-map > b { align-self:center;color:#b8c0cb;font-size:15px; }
.guide-bullets { margin-top:18px; }
.guide-examples-section { padding-bottom:66px; }
.anima-example-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px; }
.anima-example { min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2dbe0;border-radius:15px;background:#fff;box-shadow:0 9px 25px rgba(60,36,48,.05); }
.anima-example header { padding:19px 20px 13px; }
.anima-example header span { color:var(--rose-dark);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.anima-example h3 { margin:5px 0 0;font-size:17px; }
.anima-example pre { min-height:172px;margin:0;padding:18px 20px;background:#292332;color:#f7f3f7;white-space:pre-wrap;overflow-wrap:anywhere; }
.anima-example code { font:10px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap; }
.anima-example footer { display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:auto;border-top:1px solid #e8e2e6; }
.anima-example footer button { min-height:47px;border:0;background:#fff;color:#667487;font-size:10px;font-weight:850;cursor:pointer; }
.anima-example footer button + button { border-left:1px solid #e8e2e6;color:var(--rose-dark); }
.anima-example footer button:hover { background:#fff4f7; }
.dataset-example-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:25px; }
.dataset-example-grid article { min-width:0;overflow:hidden;border:1px solid #e3e7ec;border-radius:13px;background:#fff; }
.dataset-example-grid article > strong { display:block;padding:13px 17px;border-bottom:1px solid #e6e9ee;color:#3c4859;font-size:11px; }
.dataset-example-grid pre { min-height:145px;margin:0;padding:17px;background:#f6f8fb;white-space:pre-wrap;overflow-wrap:anywhere; }
.dataset-example-grid code { color:#546173;font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap; }
.guide-caption { margin-top:12px!important;font-size:10px!important; }
.guide-fix-table { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px;border:1px solid #e3e7ec;border-radius:14px;overflow:hidden; }
.guide-fix-table div { min-height:94px;padding:19px;background:#fff;border-bottom:1px solid #e8ebef; }
.guide-fix-table div:nth-child(odd) { border-right:1px solid #e8ebef; }
.guide-fix-table div:nth-last-child(-n+2) { border-bottom:0; }
.guide-fix-table strong,.guide-fix-table span { display:block; }
.guide-fix-table strong { color:#354153;font-size:11px; }
.guide-fix-table span { margin-top:5px;color:#778396;font-size:9px;line-height:1.6; }
.guide-checklist { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:30px;align-items:stretch;margin-bottom:20px;padding:35px!important;border:1px solid #efced6!important;border-radius:20px;background:linear-gradient(135deg,#fff4f6,#fffaf8 55%,#f6efff); }
.guide-checklist h2 { font-size:clamp(30px,3vw,43px); }
.guide-checklist ul { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0 25px;padding:0;list-style:none; }
.guide-checklist li { display:flex;gap:8px;color:#596575;font-size:10px; }
.guide-checklist li b { color:#2a9a70; }
.guide-checklist aside { display:flex;flex-direction:column;justify-content:center;padding:28px;border-radius:16px;background:#292332;color:#fff; }
.guide-checklist aside > span { color:#ef7593;font-size:30px;font-weight:900; }
.guide-checklist aside strong { margin-top:25px;font:italic 27px/1.1 Georgia,serif; }
.guide-checklist aside p { margin:11px 0 0;color:#d1c8d2;font-size:10px;line-height:1.65; }

@media(max-width:1100px) {
  .anima-guide-hero { grid-template-columns:minmax(0,1fr) 360px; }
  .guide-recipe-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .guide-recipe-grid article { min-height:190px; }
  .tag-order-flow { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }
  .tag-order-flow > b { display:none; }
  .guide-vocab-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:900px) {
  .anima-guide-hero { grid-template-columns:1fr;min-height:0; }
  .anima-guide-hero-art { min-height:520px; }
  .anima-guide-layout { grid-template-columns:1fr;gap:0; }
  .anima-guide-nav { position:relative;top:auto;display:flex;overflow-x:auto;margin-bottom:45px;scrollbar-width:none; }
  .anima-guide-nav::-webkit-scrollbar { display:none; }
  .anima-guide-nav > strong { display:none; }
  .anima-guide-nav a { flex:none;white-space:nowrap; }
}
@media(max-width:640px) {
  .anima-guide-feature { grid-template-columns:52px minmax(0,1fr);gap:14px;padding:17px; }
  .anima-guide-feature-mark { width:52px;height:52px;border-radius:13px;font-size:21px; }
  .anima-guide-feature > b { display:none; }
  .anima-guide-feature strong { font-size:16px; }
  .anima-guide-feature em { font-size:10px; }
  .anima-guide-hero { padding-top:25px; }
  .anima-guide-hero h1 { font-size:45px;letter-spacing:-3px; }
  .anima-guide-hero-copy > p { font-size:14px; }
  .guide-hero-actions { flex-direction:column; }
  .guide-hero-actions .btn { width:100%; }
  .anima-guide-hero-art { min-height:440px; }
  .guide-section { padding:43px 0; }
  .guide-recipe-grid,.guide-vocab-grid,.guide-do-dont,.guide-tip-row,.anima-example-grid,.dataset-example-grid,.guide-fix-table { grid-template-columns:1fr; }
  .guide-recipe-grid article { min-height:170px; }
  .guide-formula,.guide-note { grid-template-columns:1fr;gap:8px; }
  .tag-order-flow { grid-template-columns:1fr 1fr; }
  .character-map { grid-template-columns:1fr; }
  .character-map > b { text-align:center; }
  .guide-fix-table div,.guide-fix-table div:nth-child(odd),.guide-fix-table div:nth-last-child(-n+2) { border-right:0;border-bottom:1px solid #e8ebef; }
  .guide-fix-table div:last-child { border-bottom:0; }
  .guide-checklist { grid-template-columns:1fr;padding:23px!important; }
  .guide-checklist ul { grid-template-columns:1fr; }
}