/* Compact half-width toolbox: photographic identity with a dense 2 x 2 launcher. */
.fh-toolbox { --toolbox-gutter:clamp(22px,2vw,34px); grid-column:span 6; min-height:470px; padding:0 var(--toolbox-gutter) 12px; display:flex; flex-direction:column; background:#fff; box-shadow:0 0 0 1px #26364a0a,0 2px 5px #26364a07,0 8px 22px -12px #25344940; }
.fh-toolbox .fh-heading { position:relative; isolation:isolate; overflow:hidden; min-height:126px; margin:0 calc(-1 * var(--toolbox-gutter)); padding:25px var(--toolbox-gutter); border-radius:12px 12px 0 0; background:#14202b; }
.fh-toolbox .fh-heading::before { content:""; position:absolute; z-index:-2; inset:0; background:url('../toolbox/creator-desk-v1.jpg') center 64% / cover no-repeat; outline:1px solid #ffffff1a; outline-offset:-1px; }
.fh-toolbox .fh-heading::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#0c1a2af2 0%,#102033d9 42%,#14213269 72%,#18212c1f 100%); }
.fh-toolbox .fh-heading h2 { color:#f8fafc; font-size:clamp(22px,1.55vw,27px); font-weight:650; letter-spacing:.005em; text-shadow:0 1px 2px #0000001a; text-wrap:balance; }
.fh-toolbox .fh-heading p { margin-top:7px; color:#d0d5dc; font-size:12px; line-height:1.6; }
.fh-module-label { display:inline-flex; flex-shrink:0; gap:6px; align-items:center; min-height:30px; margin-left:10px; padding:0 10px; border-radius:5px; box-shadow:inset 0 0 0 1px #ffffff14,0 2px 5px #0000000a; color:#f2f3f5; font-size:10px; white-space:nowrap; background:#20262db3; backdrop-filter:blur(5px); }
.fh-module-label>svg { width:14px; height:14px; stroke-width:1.6; }
.fh-tool-tabs { display:flex; gap:clamp(6px,1vw,16px); margin-top:8px; border-bottom:1px solid #e8edf3; }
.fh-tool-tabs button { position:relative; display:inline-flex; flex:1; justify-content:center; align-items:center; gap:6px; min-width:0; min-height:42px; padding:0 6px; border:0; border-radius:0; background:transparent; color:#7b8491; font-size:12px; white-space:nowrap; }
.fh-tool-tabs button>svg { width:15px; height:15px; }
.fh-tool-tabs button::after { content:""; position:absolute; left:5px; right:5px; bottom:-1px; height:2px; background:#1859b8; opacity:0; transition:opacity .18s; }
.fh-tool-tabs button[aria-selected="true"] { color:#1557b4; font-weight:600; }
.fh-tool-tabs button[aria-selected="true"]::after { opacity:1; }
.fh-tool-tabs button:hover { color:#1557b4; background:#f7f9fc; }
.fh-toolbox [role="tabpanel"] { padding:0; }
.fh-tool-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; padding:16px 0 15px; }
.fh-tool-card { --tool-color:#2058ab; --tool-icon-top:#4b7bc6; --tool-icon-bottom:#12499f; --tool-wash:#f4f7fc; --tool-edge:#dce5f2; --tool-arrow-bg:#eaf0f9; --tool-arrow:#758aa7; display:flex; align-items:center; min-height:72px; gap:11px; padding:10px 11px; border-radius:8px; background:var(--tool-wash); box-shadow:inset 0 0 0 1px var(--tool-edge),0 3px 7px #223b6010; }
.fh-tool-card[data-tool-family="image"] { --tool-color:#307d68; --tool-icon-top:#579a87; --tool-icon-bottom:#2c725d; --tool-wash:#f1f7f5; --tool-edge:#dceae7; --tool-arrow-bg:#e6f0ed; --tool-arrow:#678e83; }
.fh-tool-card[data-tool-family="publish"] { --tool-color:#956b37; --tool-icon-top:#b89c6e; --tool-icon-bottom:#95703c; --tool-wash:#f8f5ef; --tool-edge:#ebe2d4; --tool-arrow-bg:#f0e9dc; --tool-arrow:#9d865e; }
.fh-tool-card[data-tool-family="growth"] { --tool-color:#53658e; --tool-icon-top:#7d8fae; --tool-icon-bottom:#50658c; --tool-wash:#f4f5f9; --tool-edge:#e1e5ef; --tool-arrow-bg:#eaeef6; --tool-arrow:#7a8aa5; }
.fh-tool-icon { position:relative; display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; background:linear-gradient(145deg,var(--tool-icon-top),var(--tool-icon-bottom)); border-radius:9px; color:#fff; box-shadow:inset 0 1px 0 #ffffff38,0 3px 6px #1d36561f; }
.fh-tool-icon::before { position:absolute; inset:0; border-radius:inherit; background:linear-gradient(160deg,#ffffff0d,transparent 65%); content:""; pointer-events:none; }
.fh-tool-icon svg { width:23px; height:23px; stroke-width:1.65; }
.fh-tool-card>span:not(.fh-tool-icon):not(.zmt-fh-arrow) { flex:1; min-width:0; }
.fh-tool-card strong { display:block; color:#1d2938; font-size:14px; font-weight:600; line-height:1.35; }
.fh-tool-card small { display:block; overflow:hidden; margin-top:4px; color:#7c8998; font-size:10px; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; }
.fh-tool-card>.zmt-fh-arrow { display:grid; place-items:center; width:25px; height:25px; flex-shrink:0; border-radius:50%; background:var(--tool-arrow-bg); color:var(--tool-arrow); transition:background-color .18s,color .18s; }
.fh-tool-card>.zmt-fh-arrow svg { width:16px; height:16px; stroke-width:1.8; }
.fh-tool-card:hover { background:#fff; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tool-color) 42%,#fff),0 5px 11px #223b601a; transform:translateY(-1px); }
.fh-tool-card:hover strong { color:var(--tool-color); }
.fh-tool-card:hover>.zmt-fh-arrow { background:var(--tool-color); color:#fff; }
.fh-toolbox footer { min-height:44px; padding-top:7px; border-top:1px solid #e8edf3; margin-top:auto; }
.fh-toolbox footer a { color:#1557b4; font-weight:600; font-size:12px; }
.fh-toolbox footer a .zmt-fh-arrow { margin-left:9px; }
.fh-toolbox footer a:hover { color:#104690; }
.fh-toolbox footer>span { color:#929ba6; font-size:10px; }