.tf-draft-banner{background:linear-gradient(115deg,#272032,#1b2027);border:1px solid #54466b;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:22px;padding:18px 22px;display:flex}.tf-draft-banner>div{flex:1;align-items:center;gap:14px;min-width:180px;display:flex}.tf-draft-banner p{gap:3px;margin:0;font-size:13px;display:grid}.tf-draft-banner p span{color:var(--tf-muted);font-size:12px}.tf-reference-note{border:1px solid var(--tf-line);background:#211d2a;border-radius:12px;margin:22px 0;padding:18px}.tf-reference-note>strong,.tf-studio-cost>strong{color:var(--tf-cyan);letter-spacing:1px;font-size:12px}.tf-reference-note p,.tf-studio-cost p{color:var(--tf-muted);margin:8px 0 14px;font-size:13px}.tf-reference-note textarea{border:1px solid var(--tf-line);color:var(--tf-ink);resize:vertical;background:#141219;border-radius:8px;width:100%;padding:12px}.tf-reference-note small{color:var(--tf-muted);margin-top:8px;font-size:11px;line-height:1.6;display:block}.tf-studio-cost{border-top:1px solid var(--tf-line);margin-top:22px;padding-top:20px}.tf-prompt-tools{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 15px;display:flex}.tf-prompt-tools>span{color:var(--tf-pink);font-size:11px}.tf-studio-export{flex-wrap:wrap}.tf-workflow-review{border:1px solid var(--tf-line);background:linear-gradient(145deg,#211b2d,#18181e);border-radius:14px;margin-top:24px;padding:28px}.tf-workflow-review h2{margin:10px 0 22px;font-size:23px;line-height:1.3}.tf-workflow-review ol{color:var(--tf-muted);gap:12px;padding-left:24px;font-size:13px;line-height:1.7;list-style:decimal;display:grid}.tf-workflow-review li::marker{color:var(--tf-orange);font-weight:700}.tf-review-checks{border-top:1px solid var(--tf-line);gap:5px;margin-top:22px;padding-top:18px;display:grid}.tf-review-checks label{align-items:flex-start;gap:10px;min-height:40px;padding:8px 0;font-size:13px;line-height:1.6;display:flex}.tf-review-checks input{width:17px;height:17px;accent-color:var(--tf-orange);flex-shrink:0;margin-top:2px}.tf-workflow-review details{border-top:1px solid var(--tf-line);padding-top:15px}.tf-workflow-review summary{color:var(--tf-cyan);min-height:40px;padding:9px 0;font-size:13px}.tf-workflow-review details p{color:var(--tf-muted);font-size:13px}.tf-workspace-dialog{width:min(520px,100% - 40px);color:var(--tf-ink);background:#211c2b;border:1px solid #675779;border-radius:16px;max-height:85vh;margin:auto;padding:28px;position:fixed;inset:0;overflow:auto}.tf-workspace-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08060dc9}.tf-workspace-dialog h2{margin:0 0 14px;font-size:25px}.tf-workspace-dialog p{color:var(--tf-muted);font-size:14px}.tf-workspace-dialog>div{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.tf-detail-workflow{border:1px solid var(--tf-line);background:linear-gradient(115deg,#25202f,#1b2027);border-radius:14px;margin-top:30px;padding:22px}.tf-detail-workflow strong{color:var(--tf-cyan);font-size:14px}.tf-detail-workflow p{color:var(--tf-muted);margin:8px 0;font-size:13px}@media (width<=600px){.tf-draft-banner{gap:12px;padding:16px}.tf-workflow-review{padding:20px}.tf-prompt-tools{flex-direction:column;align-items:flex-start;gap:2px}.tf-studio-export .tf-button{flex:1;min-width:130px}}@media (width<=800px){.tf-detail-tags>span:last-child{flex-basis:100%}}.tf-mobile-workspace-nav,.tf-mobile-workspace-tools{display:none}#tf-workspace-template,#tf-workspace-inputs,#tf-workspace-direction,#tf-workspace-review{scroll-margin-top:104px}@media (width<=800px){.tf-mobile-workspace-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:-7px 0 23px;display:grid}.tf-mobile-workspace-nav>a{border:1px solid var(--tf-line);text-align:center;color:#c9dee0;border-radius:8px;place-items:center;min-height:46px;padding:8px 5px;font-size:11px;line-height:1.5;display:grid}.tf-mobile-workspace-nav>a:hover{border-color:var(--tf-cyan)}.tf-studio.tf-shell{padding-bottom:135px}.tf-app:has(.tf-studio) .tf-footer{padding-bottom:calc(135px + env(safe-area-inset-bottom,0px))}.tf-mobile-workspace-tools{inset-inline:0;z-index:35;padding:10px max(16px, env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#19151ff5;border-top:1px solid #55435b;display:block;position:fixed;bottom:0;box-shadow:0 -8px 35px #08060c33}.tf-mobile-workspace-tools>div{grid-template-columns:1.25fr 1fr 1fr;gap:8px;max-width:660px;margin-inline:auto;display:grid}.tf-studio .tf-mobile-workspace-tools button,.tf-studio .tf-mobile-workspace-tools a{border:1px solid var(--tf-line);min-height:44px;color:var(--tf-ink);background:#292231;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.tf-studio .tf-mobile-workspace-tools a{background:var(--tf-orange);color:#231710;border-color:var(--tf-orange)}.tf-mobile-workspace-tools>p{white-space:nowrap;text-overflow:ellipsis;color:#b8afc5;max-width:660px;height:17px;margin:7px auto 0;font-size:10px;line-height:17px;overflow:hidden}:is(.tf-studio:has(textarea:focus) .tf-mobile-workspace-tools,.tf-studio:has(dialog[open]) .tf-mobile-workspace-tools){visibility:hidden;pointer-events:none}}.tf-template-studio .tf-studio-heading{margin-bottom:18px}.tf-template-studio .tf-studio-heading h1{letter-spacing:-1px;font-family:DM Sans Variable,sans-serif;font-size:clamp(28px,3.5vw,42px);line-height:1.15}.tf-template-studio .tf-studio-heading h1 br{display:none}.tf-template-studio .tf-studio-heading h1 em:before{content:" "}.tf-template-studio .tf-studio-heading>p{max-width:380px;font-size:13px}.tf-template-studio .tf-studio-notice{margin-bottom:22px;padding-block:11px}.tf-template-studio .tf-studio-notice>span{display:none}.tf-template-studio .tf-studio-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px}.tf-template-styles{border:0;margin:24px 0;padding:0}.tf-template-styles legend{margin-bottom:11px;font-size:13px;font-weight:650}.tf-template-styles>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tf-template-styles button{border:1px solid var(--tf-line);min-height:44px;color:var(--tf-ink);background:#24202c;border-radius:9px;padding:10px 8px;font-size:12px}.tf-template-styles button[aria-pressed=true]{color:#1d1b13;background:#f4d699;border-color:#f4d699}.tf-studio-advanced{border:1px solid var(--tf-line);background:#17151c;border-radius:12px;margin-top:28px}.tf-studio-advanced>summary{cursor:pointer;padding:20px 24px;font-size:14px;font-weight:600}.tf-studio-advanced .tf-advanced-hint{color:var(--tf-muted);margin:0;padding:0 24px 23px;font-size:12px;line-height:1.8}.tf-studio-advanced>.tf-draft-banner{margin:0 24px 20px}.tf-advanced-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;padding:0 24px 24px;display:grid}.tf-advanced-controls,.tf-advanced-output{min-width:0}.tf-advanced-controls>.tf-reference-note{margin-top:0}.tf-advanced-controls .tf-select{margin-bottom:15px}.tf-template-studio .tf-studio-status{font-size:11px}#tf-workspace-generate,#tf-style-choice,#tf-workspace-advanced{scroll-margin-top:100px}@media (width<=800px){.tf-template-studio.tf-shell{padding-bottom:45px}.tf-app:has(.tf-template-studio) .tf-footer{padding-bottom:40px}.tf-template-step-nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.tf-template-studio .tf-studio-layout,.tf-advanced-layout{grid-template-columns:1fr}.tf-template-studio .tf-studio-controls{padding:20px}.tf-template-studio .tf-studio-template-note{padding-block:12px}.tf-template-studio .tf-studio-heading{display:block}.tf-template-studio .tf-studio-heading>p{margin:14px 0 0}.tf-studio-advanced>summary{padding:19px}.tf-studio-advanced .tf-advanced-hint{padding:0 19px 19px}.tf-advanced-layout{gap:20px;padding:0 19px 19px}.tf-studio-advanced>.tf-draft-banner{margin-inline:19px}}.tf-effect-plan{background:linear-gradient(140deg,#272032,#17151e);border:1px solid #4a4058;border-radius:18px;margin-bottom:1.25rem;padding:clamp(1.2rem,3vw,2rem)}.tf-effect-heading{color:#bcaecc;letter-spacing:.07em;flex-wrap:wrap;justify-content:space-between;gap:.7rem;font-size:.68rem;display:flex}.tf-effect-plan h2{margin:1rem 0;font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.25}.tf-effect-target{color:#f1e9f7;font-size:1rem;line-height:1.7}.tf-effect-distinction{color:#dac492;border-left:2px solid #ca9f5b;margin:1rem 0;padding-left:.8rem;font-size:.85rem;line-height:1.65}.tf-effect-plan h3{color:#d9d0e0;margin:1.3rem 0 .75rem;font-size:.8rem}.tf-effect-beats{gap:.65rem;padding:0;list-style:none;display:grid}.tf-effect-beats li{background:#ffffff04;border-radius:9px;align-items:flex-start;gap:.8rem;padding:.7rem;display:flex}.tf-effect-beats li>span{color:#e1b863;padding-top:.2rem;font-size:.7rem}.tf-effect-beats p{margin:0;font-size:.87rem;line-height:1.6}.tf-effect-requirements{border-top:1px solid #ffffff15;margin-top:1rem;padding-top:1rem;font-size:.82rem;line-height:1.7}.tf-effect-requirements summary{cursor:pointer;font-weight:600}.tf-effect-requirements ul{color:#c9bfd2;padding-left:1.2rem}.tf-effect-notice{color:#a79eaf;margin-top:1.15rem;font-size:.72rem;line-height:1.7}.tf-effect-links{flex-wrap:wrap;gap:.65rem 1rem;margin-top:.8rem;font-size:.75rem;display:flex}.tf-effect-links a{color:#dfc58d;text-underline-offset:3px;text-decoration:underline}