/* Top-Down Token — production adaptation of the approved Impeccable prototype.
   Every rule is scoped to the prompt-only Top-Down profile. */
body[data-tool-key="top-down-token-generator"]{
  --td-paper:#f3eadb;--td-paper-hi:#fffaf3;--td-form:#e8dcc9;--td-field:#fffaf2;
  --td-ink:#29221d;--td-muted:#66584d;--td-wine:#4b2927;--td-action:#733426;
  --td-charcoal:#20231f;--td-brass:#d4a85f;--td-rule:#c8b79f;--td-green:#365e43;
  color:var(--td-ink);
}
body[data-tool-key="top-down-token-generator"] .forge{
  display:flex;flex-direction:column;padding:0!important;overflow:visible;border:1px solid #7f674d!important;
  border-radius:0!important;background:var(--td-paper-hi)!important;box-shadow:0 20px 48px rgba(56,38,22,.18)!important;
}
body[data-tool-key="top-down-token-generator"] .forge>.tool-tabs{order:0;margin:14px 18px 0}
body[data-tool-key="top-down-token-generator"] .forge>.intro{order:1}
body[data-tool-key="top-down-token-generator"] .forge>.notice,
body[data-tool-key="top-down-token-generator"] .forge>.account-gate{order:2;margin:14px 18px 0}
body[data-tool-key="top-down-token-generator"] .forge>.topdown-worktable{order:3}
body[data-tool-key="top-down-token-generator"] .forge>.download-note{order:4}
body[data-tool-key="top-down-token-generator"] .forge>.retention-note{order:5}
body[data-tool-key="top-down-token-generator"] .forge>.account{order:6}
body[data-tool-key="top-down-token-generator"] .forge>.history{order:7;margin:0 22px 24px}

body[data-tool-key="top-down-token-generator"] .topdown-worktable-bar{
  display:flex;min-height:66px;margin:0!important;padding:10px 25px!important;align-items:center;justify-content:space-between;
  border:0!important;background:var(--td-wine);color:#fff3dc;
}
body[data-tool-key="top-down-token-generator"] .topdown-worktable-bar h1{margin:0;color:#fff3dc;font:700 20px/1.1 Georgia,serif}
body[data-tool-key="top-down-token-generator"] .topdown-worktable-bar h1 span{color:#d9bd91;font-weight:400}
body[data-tool-key="top-down-token-generator"] .topdown-bar-actions{display:flex;align-items:center;gap:10px}
body[data-tool-key="top-down-token-generator"] .topdown-worktable-bar .link-button{min-height:42px;padding:9px 13px;border:1px solid #a8895e;border-radius:0;background:transparent;color:#f0d5a7;font-weight:800}
body[data-tool-key="top-down-token-generator"] .topdown-tool-switcher-row{display:flex;justify-content:flex-end;margin:0 0 10px}
body[data-tool-key="top-down-token-generator"] .topdown-tool-switcher{position:relative}
body[data-tool-key="top-down-token-generator"] .topdown-tool-switcher summary{min-height:42px;padding:9px 14px;border:1px solid #8d6036;border-radius:0;background:#fffaf1;color:#57271f;font-weight:900;list-style:none;cursor:pointer;box-shadow:0 5px 14px rgba(57,38,22,.12)}
body[data-tool-key="top-down-token-generator"] .topdown-tool-switcher summary::-webkit-details-marker{display:none}
body[data-tool-key="top-down-token-generator"] .topdown-tool-switcher nav{position:absolute;z-index:20;top:calc(100% + 8px);right:0;display:grid;width:235px;padding:8px;border:1px solid #9e7c4f;background:#302223;box-shadow:0 14px 28px rgba(0,0,0,.35)}
body[data-tool-key="top-down-token-generator"] .topdown-tool-switcher nav a{padding:11px;color:#f4e2c4;text-decoration:none}
body[data-tool-key="top-down-token-generator"] .topdown-tool-switcher nav a:hover{background:#4e3530}

body[data-tool-key="top-down-token-generator"] .topdown-worktable{margin:0;background:var(--td-paper-hi)}
body[data-tool-key="top-down-token-generator"] .topdown-workgrid{display:grid;grid-template-columns:minmax(340px,38%) minmax(0,62%);min-height:710px}
body[data-tool-key="top-down-token-generator"] .workspace{
  position:relative;display:flex!important;min-width:0;flex-direction:column;margin:0!important;padding:32px 30px!important;
  border:0!important;border-right:3px solid #8b6045!important;border-radius:0!important;background:var(--td-form)!important;box-shadow:none!important;
}
body[data-tool-key="top-down-token-generator"] .editor-prompt-panel{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body[data-tool-key="top-down-token-generator"] .editor-prompt-panel>label{display:flex!important;align-items:flex-start;flex-direction:column;gap:7px;margin:0 0 18px!important}
body[data-tool-key="top-down-token-generator"] .editor-prompt-panel>label strong{color:#29221d!important;font:700 28px/1.15 Georgia,serif}
body[data-tool-key="top-down-token-generator"] .editor-prompt-panel>label small{max-width:none;color:var(--td-muted)!important;font-size:12px;line-height:1.45;text-align:left}
body[data-tool-key="top-down-token-generator"] .editor-prompt-panel>div{display:grid!important;gap:9px}
body[data-tool-key="top-down-token-generator"] .editor-prompt-panel textarea{width:100%;min-height:220px;padding:16px;border:1px solid #8e704e!important;border-radius:2px!important;background:var(--td-field)!important;color:var(--td-ink)!important;line-height:1.55;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important}
body[data-tool-key="top-down-token-generator"] #reset-prompt{justify-self:start;min-height:44px;padding:4px 0;border:0!important;background:transparent!important;color:#704235!important;text-decoration:underline;text-underline-offset:3px;box-shadow:none}
body[data-tool-key="top-down-token-generator"] .advanced{margin:0 0 18px!important;border:0!important;border-bottom:1px solid var(--td-rule)!important;border-radius:0!important;background:transparent!important}
body[data-tool-key="top-down-token-generator"] .advanced>summary{min-height:52px;padding:0!important;border:0!important;background:transparent!important;color:#29221d!important;font:700 17px Georgia,serif!important}
body[data-tool-key="top-down-token-generator"] .advanced>summary::marker{color:#7d4a33}
body[data-tool-key="top-down-token-generator"] .advanced[open]{padding-bottom:15px}
body[data-tool-key="top-down-token-generator"] .advanced label>span,
body[data-tool-key="top-down-token-generator"] .extra-references-heading small{color:#5e4b3d!important}
body[data-tool-key="top-down-token-generator"] .run{margin-top:0!important;padding-top:0!important;border-top:0!important}
body[data-tool-key="top-down-token-generator"] .generate{width:100%;min-height:56px;border:0;border-radius:0!important;background:var(--td-action)!important;color:#fff7e9!important;font-weight:900;box-shadow:0 6px 15px rgba(77,36,28,.22)}
body[data-tool-key="top-down-token-generator"] .generate:disabled{background:#c7bbae!important;color:#493d31!important;box-shadow:none}

body[data-tool-key="top-down-token-generator"] .topdown-preview{display:grid;min-width:0;grid-template-rows:auto auto minmax(400px,1fr) auto auto;background:var(--td-charcoal);color:#f4e7d1}
body[data-tool-key="top-down-token-generator"] .topdown-preview>header{display:flex;min-height:92px;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px;border-bottom:1px solid #66543f;background:#20231f}
body[data-tool-key="top-down-token-generator"] .topdown-preview>header h2{margin:0;color:#f4e7d1;font:700 28px/1.15 Georgia,serif}
body[data-tool-key="top-down-token-generator"] .topdown-preview>header p{margin:4px 0 0;color:#c7b9a3;font-size:11px}
body[data-tool-key="top-down-token-generator"] .topdown-preview>header>span{color:#e0c38e;font-size:11px;font-weight:900;letter-spacing:.05em}
body[data-tool-key="top-down-token-generator"] .generation-progress{margin:0!important;padding:10px 22px!important;border:0!important;border-bottom:1px solid #66543f!important;border-radius:0!important;background:#292c28!important;color:#f4e7d1!important}
body[data-tool-key="top-down-token-generator"] .generation-progress strong,
body[data-tool-key="top-down-token-generator"] .generation-progress span{color:#f4e7d1!important}
body[data-tool-key="top-down-token-generator"] .results{
  position:relative;display:grid;min-height:460px!important;margin:0!important;padding:26px!important;place-items:center;overflow:hidden;
  border:0!important;border-radius:0!important;background-color:#f3ebdd!important;
  background-image:linear-gradient(rgba(166,110,69,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(166,110,69,.16) 1px,transparent 1px)!important;
  background-size:48px 48px!important;box-shadow:none!important;
}
body[data-tool-key="top-down-token-generator"] .results::before{display:none!important}
body[data-tool-key="top-down-token-generator"] .sf-result-card{width:100%;max-width:660px;margin:0!important;border-color:#a66e45!important;background:rgba(255,250,242,.78)!important;box-shadow:none!important}
body[data-tool-key="top-down-token-generator"] .sf-result-card.is-empty{min-height:330px!important;border:1px dashed #a66e45!important;color:#5c4433!important}
body[data-tool-key="top-down-token-generator"] .sf-result-media{min-height:360px;background:transparent!important}
body[data-tool-key="top-down-token-generator"] .sf-result-media img{max-height:500px;filter:drop-shadow(8px 16px 14px rgba(52,33,31,.27))}
body[data-tool-key="top-down-token-generator"] .sf-result-heading{background:#3e2925!important;color:#fff4e2!important}
body[data-tool-key="top-down-token-generator"] .sf-result-heading h2{color:#fff4e2!important}
body[data-tool-key="top-down-token-generator"] .sf-result-heading span{border-color:#c39a63!important;background:#fff7e9!important;color:#6b3427!important}
body[data-tool-key="top-down-token-generator"] .sf-result-actions{margin:0;padding:12px 22px;background:#f3ebdd}


body[data-tool-key="top-down-token-generator"] .account{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;margin:30px 22px 26px!important;padding:0!important;overflow:hidden;border:1px solid #947758!important;border-top:0!important;border-radius:0!important;background:#fffaf1!important;color:#29221d!important;box-shadow:0 15px 36px rgba(57,38,22,.13)!important}
body[data-tool-key="top-down-token-generator"] .account-summary{grid-column:1;background:#3a2725!important;color:#fff6e7!important;padding:18px 22px!important}
body[data-tool-key="top-down-token-generator"] .account-summary strong{color:#fff6e7!important}
body[data-tool-key="top-down-token-generator"] .account-summary span:not(.account-icon){color:#d6c7b7!important}
body[data-tool-key="top-down-token-generator"] .account-icon{border:1px solid #cfaa68;background:#2c201e!important;color:#dfbd7b!important}
body[data-tool-key="top-down-token-generator"] .credit-summary{display:grid;align-content:center;min-width:150px;padding:14px 22px;border-left:1px solid #80665c;background:#3a2725;color:#fff6e7;text-align:center}
body[data-tool-key="top-down-token-generator"] .credit-summary strong{color:#fff6e7!important;font:700 34px/1 Georgia,serif}
body[data-tool-key="top-down-token-generator"] #total-breakdown{max-width:170px;color:#ead9c0!important;font-size:11px}
body[data-tool-key="top-down-token-generator"] .account-state{align-self:center;margin:0 18px;background:#edf4ec!important;color:#365e43!important;border-color:#365e43!important}
body[data-tool-key="top-down-token-generator"] .account-cta{grid-column:1/-1;display:grid!important;grid-template-columns:52px minmax(0,1fr) auto;gap:18px;min-height:82px;padding:15px 22px!important;border:0!important;border-top:1px solid #80665c!important;border-radius:0!important;background:#3a2725!important;color:#fff6e7!important;text-align:left}
body[data-tool-key="top-down-token-generator"] .account-cta-badge{display:grid;width:48px;height:48px;place-items:center;border:1px solid #cfaa68;border-radius:50%;background:#2c201e;color:#dfbd7b!important}
body[data-tool-key="top-down-token-generator"] .account-cta-copy{display:grid;gap:2px}
body[data-tool-key="top-down-token-generator"] .account-cta-copy::before{content:"TAVERN LEDGER";color:#dbbd83;font-size:11px;font-weight:900;letter-spacing:.08em}
body[data-tool-key="top-down-token-generator"] .account-cta-copy strong{color:#fff6e7!important;font:700 21px/1.25 Georgia,serif}
body[data-tool-key="top-down-token-generator"] .account-cta-copy>small{color:#d6c7b7!important;font-size:12px}
body[data-tool-key="top-down-token-generator"] .topdown-identity{display:flex;align-items:center;gap:8px;margin-top:6px;color:#fff1db!important;font-size:12px}
body[data-tool-key="top-down-token-generator"] .topdown-identity b{color:#fff1db}
body[data-tool-key="top-down-token-generator"] .topdown-identity i{padding-left:8px;border-left:1px solid #856a5e;color:#d9c8b7;font-style:normal}
body[data-tool-key="top-down-token-generator"] .account-cta-action{color:#f5dcaa!important}
body[data-tool-key="top-down-token-generator"] #account-cta-action-label{padding:7px 9px;background:#fff7e9!important;color:#57271f!important}
body[data-tool-key="top-down-token-generator"] .account-details{grid-column:1/-1!important;display:grid!important;gap:16px;margin:0!important;padding:28px 32px!important;border:0!important;border-radius:0!important;background:linear-gradient(145deg,#fffaf1,#efe1cd)!important;color:#2f2118!important}
body[data-tool-key="top-down-token-generator"] .account-details[hidden]{display:none!important}
body[data-tool-key="top-down-token-generator"] .ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--td-rule)}
body[data-tool-key="top-down-token-generator"] .ledger>span{min-height:132px;padding:17px!important;border:0!important;border-right:1px solid var(--td-rule)!important;border-radius:0!important;background:#fffdf8!important}
body[data-tool-key="top-down-token-generator"] .ledger>span:last-child{border-right:0!important}
body[data-tool-key="top-down-token-generator"] .ledger>span:nth-child(2){background:#4a2d29!important;color:#fff4e5!important}
body[data-tool-key="top-down-token-generator"] .ledger>span:nth-child(2) *{color:#fff4e5!important}
body[data-tool-key="top-down-token-generator"] .ledger small{min-height:0;color:#5f5044!important;font-size:12px!important}
body[data-tool-key="top-down-token-generator"] .ledger strong{color:#2f1f14;font:700 35px/1 Georgia,serif}
body[data-tool-key="top-down-token-generator"] .ledger em{color:#736255!important;font-size:11px!important}
body[data-tool-key="top-down-token-generator"] .benefits-overview{padding:0!important;border:0!important;background:transparent!important}
body[data-tool-key="top-down-token-generator"] .benefits-overview>summary{min-height:54px!important;padding:12px 16px!important;border:1px solid #a96823!important;border-radius:0!important;background:#f7e6c8!important;color:#4b2927!important;font-size:19px!important}
body[data-tool-key="top-down-token-generator"] .benefits-content{gap:10px!important}
body[data-tool-key="top-down-token-generator"] .benefits-title-row{border:1px solid var(--td-rule)!important;border-radius:0!important;background:#fffdf8!important}
body[data-tool-key="top-down-token-generator"] .benefit-group{border-color:#c8b79f!important;border-radius:0!important;background:#fffdf8!important}
body[data-tool-key="top-down-token-generator"] .benefit-path,
body[data-tool-key="top-down-token-generator"] .patreon-support{border-color:#ddc9ad!important;background:#fffaf2!important}
body[data-tool-key="top-down-token-generator"] .benefit-path strong,
body[data-tool-key="top-down-token-generator"] .patreon-support strong{color:#3d2617!important}
body[data-tool-key="top-down-token-generator"] .benefit-path p,
body[data-tool-key="top-down-token-generator"] .patreon-support p{color:#625044!important}
body[data-tool-key="top-down-token-generator"] .need-more-support{background:#2f3730!important;color:#f6ead8!important}
body[data-tool-key="top-down-token-generator"] .need-more-support strong,
body[data-tool-key="top-down-token-generator"] .need-more-support p,
body[data-tool-key="top-down-token-generator"] .need-more-support small,
body[data-tool-key="top-down-token-generator"] .need-more-support b{color:#f6ead8!important}
body[data-tool-key="top-down-token-generator"] #connect-patreon{border-color:#87372c!important;background:#9b3e30!important;color:#fff!important}
body[data-tool-key="top-down-token-generator"] #connect-patreon:disabled{border-color:#76594a!important;background:#eee2cf!important;color:#4a3328!important;filter:none!important;opacity:1!important}
body[data-tool-key="top-down-token-generator"] .promo-disclosure>summary{border-radius:0!important;background:#f7e6c8!important;color:#4b2927!important}
body[data-tool-key="top-down-token-generator"] .support-links{background:#ece0cd!important;color:#4d3a2d!important}
body[data-tool-key="top-down-token-generator"] .download-note,
body[data-tool-key="top-down-token-generator"] .retention-note{margin-inline:22px}

@media(max-width:900px){
  body[data-tool-key="top-down-token-generator"] .topdown-workgrid{grid-template-columns:1fr}
  body[data-tool-key="top-down-token-generator"] .workspace{border-right:0!important;border-bottom:3px solid #8b6045!important}
  body[data-tool-key="top-down-token-generator"] .topdown-preview{min-height:650px}
}
@media(max-width:680px){
  body[data-tool-key="top-down-token-generator"] .topdown-worktable-bar{min-height:60px;padding:9px 13px!important}
  body[data-tool-key="top-down-token-generator"] .topdown-worktable-bar h1{font-size:17px}
  body[data-tool-key="top-down-token-generator"] .topdown-worktable-bar h1 span{display:none}
  body[data-tool-key="top-down-token-generator"] .topdown-worktable-bar .link-button{display:none}
  body[data-tool-key="top-down-token-generator"] .topdown-tool-switcher summary{font-size:12px}
  body[data-tool-key="top-down-token-generator"] .workspace{padding:25px 18px!important}
  body[data-tool-key="top-down-token-generator"] .editor-prompt-panel>label{align-items:flex-start;flex-direction:column;gap:7px}
  body[data-tool-key="top-down-token-generator"] .editor-prompt-panel>label strong{font-size:24px}
  body[data-tool-key="top-down-token-generator"] .editor-prompt-panel>label small{max-width:none;text-align:left}
  body[data-tool-key="top-down-token-generator"] .topdown-preview>header{min-height:78px;padding:16px 18px}
  body[data-tool-key="top-down-token-generator"] .topdown-preview>header h2{font-size:24px}
  body[data-tool-key="top-down-token-generator"] .topdown-preview>header>span{display:none}
  body[data-tool-key="top-down-token-generator"] .results{min-height:390px!important;padding:16px!important}
  body[data-tool-key="top-down-token-generator"] .sf-result-card.is-empty{min-height:300px!important}
  body[data-tool-key="top-down-token-generator"] .sf-result-media{min-height:300px}

  body[data-tool-key="top-down-token-generator"] .account{grid-template-columns:1fr auto!important;margin:20px 10px 22px!important}
  body[data-tool-key="top-down-token-generator"] .account-summary{grid-column:1/-1}
  body[data-tool-key="top-down-token-generator"] .credit-summary{border-left:0;text-align:left}
  body[data-tool-key="top-down-token-generator"] .account-state{margin:0 12px}
  body[data-tool-key="top-down-token-generator"] .account-cta{grid-template-columns:44px minmax(0,1fr) auto;gap:11px;padding:14px 13px!important}
  body[data-tool-key="top-down-token-generator"] .account-cta-badge{width:42px;height:42px}
  body[data-tool-key="top-down-token-generator"] .account-cta-copy strong{font-size:17px}
  body[data-tool-key="top-down-token-generator"] .account-cta-copy>small{display:none}
  body[data-tool-key="top-down-token-generator"] .topdown-identity{align-items:flex-start;flex-direction:column;gap:2px}
  body[data-tool-key="top-down-token-generator"] .topdown-identity i{padding-left:0;border-left:0}
  body[data-tool-key="top-down-token-generator"] .account-details{padding:17px 13px!important}
  body[data-tool-key="top-down-token-generator"] .ledger{grid-template-columns:1fr}
  body[data-tool-key="top-down-token-generator"] .ledger>span{min-height:100px;border-right:0!important;border-bottom:1px solid var(--td-rule)!important}
  body[data-tool-key="top-down-token-generator"] .ledger>span:last-child{border-bottom:0!important}
  body[data-tool-key="top-down-token-generator"] .download-note,
  body[data-tool-key="top-down-token-generator"] .retention-note{margin-inline:10px}
}