/* AI Magic Toolbox shared styles */
:root{--tool-sky:#eaf8f6;--tool-sand:#fbf5ea;--tool-coral:#f2a66f;--tool-sea:#0d7f88;--tool-deep:#073b4c;--tool-ink:#17353d;--tool-muted:#5c7480;--tool-line:rgba(7,95,120,.16);--tool-card:#fff;--tool-shadow:0 18px 54px rgba(3,44,58,.1)}
.toolbox-shell{background:linear-gradient(180deg,#fff 0%,var(--tool-sky) 44%,#fff 100%)}
.toolbox-shell .site-header,.tool-page .site-header{color:var(--tool-deep);border-bottom:1px solid var(--tool-line);background:rgba(255,255,255,.72);backdrop-filter:blur(14px)}.toolbox-shell .site-nav,.tool-page .site-nav{color:var(--tool-deep)}.toolbox-shell .nav-toggle,.tool-page .nav-toggle{color:var(--tool-deep);border-color:var(--tool-line);background:rgba(255,255,255,.82)}.toolbox-shell .nav-toggle span,.toolbox-shell .nav-toggle span:before,.toolbox-shell .nav-toggle span:after,.tool-page .nav-toggle span,.tool-page .nav-toggle span:before,.tool-page .nav-toggle span:after{background:var(--tool-deep)}
.toolbox-hero{position:relative;padding:clamp(9rem,18vw,13rem) 0 clamp(4rem,8vw,6rem);background:linear-gradient(135deg,rgba(237,248,245,.96),rgba(248,243,233,.92));overflow:hidden}.toolbox-hero:after{content:"";position:absolute;inset:auto -12rem -16rem auto;width:34rem;height:34rem;border-radius:50%;background:radial-gradient(circle,rgba(24,184,173,.24),transparent 68%);pointer-events:none}.toolbox-hero .container{position:relative;z-index:1}.toolbox-kicker{display:inline-flex;align-items:center;min-height:32px;padding:.35rem .75rem;border-radius:999px;background:rgba(8,127,123,.1);color:var(--tool-sea);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.toolbox-hero h1{max-width:880px}.toolbox-hero p{max-width:760px;color:var(--tool-muted);font-size:clamp(1.05rem,2vw,1.25rem)}
.toolbox-actions,.tool-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.35rem}.toolbox-layout{display:grid;gap:1.25rem}.toolbox-sidebar{align-self:start}.category-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 2rem}.chip,.category-filter button{min-height:44px;border:1px solid var(--tool-line);border-radius:999px;background:#fff;color:var(--tool-deep);padding:.55rem .9rem;font-weight:700;cursor:pointer}.category-filter button[aria-pressed=true],.chip.active{background:var(--tool-deep);color:#fff;border-color:var(--tool-deep)}.tool-card-grid{display:grid;gap:1rem}.tool-card{display:flex;flex-direction:column;min-height:100%;padding:1.25rem;border:1px solid var(--tool-line);border-radius:1.35rem;background:rgba(255,255,255,.86);box-shadow:var(--tool-shadow);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-3px);box-shadow:0 24px 70px rgba(3,44,58,.14)}.tool-card h3{margin-bottom:.55rem}.tool-card p{color:var(--tool-muted)}.tool-card-foot{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1rem}.status-pill{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:.2rem .65rem;background:rgba(24,184,173,.12);color:var(--tool-sea);font-size:.76rem;font-weight:800}.status-pill.soon{background:rgba(201,155,69,.14);color:#8a6220}.tool-page{background:linear-gradient(180deg,#fff 0%,#edf8f5 100%)}.tool-main{padding:clamp(2.5rem,6vw,5rem) 0}.tool-grid{display:grid;gap:1.2rem}.tool-panel{padding:clamp(1.1rem,3vw,1.65rem);border:1px solid var(--tool-line);border-radius:1.35rem;background:rgba(255,255,255,.92);box-shadow:var(--tool-shadow)}.tool-panel h2,.tool-panel h3{margin-bottom:.75rem}.field-grid{display:grid;gap:1rem}.field{display:grid;gap:.35rem}.field label{font-weight:800;color:var(--tool-deep)}.hint{color:var(--tool-muted);font-size:.92rem}.field input,.field textarea,.field select{width:100%;min-height:48px;border:1px solid var(--tool-line);border-radius:.9rem;background:#fff;color:var(--tool-ink);padding:.8rem .9rem;outline:none}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--tool-sea);box-shadow:0 0 0 4px rgba(24,184,173,.16)}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.tool-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:.45rem;border:1px solid transparent;border-radius:999px;padding:.75rem 1.05rem;background:var(--tool-deep);color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.tool-btn.secondary{background:#fff;color:var(--tool-deep);border-color:var(--tool-line)}.tool-btn.soft{background:rgba(8,127,123,.1);color:var(--tool-deep);border-color:rgba(8,127,123,.14)}.tool-btn:disabled{opacity:.55;cursor:not-allowed}.output-box{min-height:180px;white-space:pre-wrap;border:1px solid var(--tool-line);border-radius:1rem;background:#fff;padding:1rem;color:var(--tool-ink)}.notice{border-left:4px solid var(--tool-sea);background:rgba(237,248,245,.85);border-radius:.9rem;padding:1rem;color:var(--tool-deep)}.privacy-note{font-size:.92rem;color:var(--tool-muted)}.file-drop{display:grid;place-items:center;min-height:170px;border:2px dashed rgba(7,95,120,.22);border-radius:1.25rem;background:rgba(237,248,245,.65);padding:1.25rem;text-align:center}.file-drop input{max-width:100%;min-height:44px}.preview-grid{display:grid;gap:1rem}.preview-card{border:1px solid var(--tool-line);border-radius:1rem;background:#fff;padding:1rem}.preview-card img,.preview-card canvas{width:100%;height:auto;border-radius:.75rem;background:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.item-list{display:grid;gap:.75rem;margin:1rem 0}.file-item{display:grid;grid-template-columns:56px 1fr auto;gap:.75rem;align-items:center;padding:.75rem;border:1px solid var(--tool-line);border-radius:1rem;background:#fff}.file-thumb{width:56px;height:56px;object-fit:cover;border-radius:.7rem;background:var(--tool-sky)}.file-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.mini-btn{min-height:38px;border:1px solid var(--tool-line);border-radius:999px;background:#fff;color:var(--tool-deep);padding:.35rem .65rem;font-weight:800;cursor:pointer}.metric-row{display:grid;gap:.75rem}.metric{padding:.85rem 1rem;border-radius:1rem;background:rgba(237,248,245,.8);border:1px solid var(--tool-line)}.metric strong{display:block;color:var(--tool-deep)}.canvas-wrap{display:grid;gap:1rem}.swatch-row{display:flex;flex-wrap:wrap;gap:.55rem}.color-input{inline-size:60px;block-size:48px;padding:0!important;border-radius:.75rem!important}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.preset-btn{min-height:44px;text-align:left;border:1px solid var(--tool-line);border-radius:.9rem;background:#fff;padding:.65rem;color:var(--tool-deep);cursor:pointer}.tool-footer-nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:760px){.tool-card-grid{grid-template-columns:repeat(2,1fr)}.toolbox-layout{grid-template-columns:.28fr 1fr}.tool-grid{grid-template-columns:.95fr 1.05fr}.preview-grid,.metric-row{grid-template-columns:repeat(2,1fr)}.field-grid.two{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.tool-card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.toolbox-hero{padding-top:8rem}.tool-card,.tool-panel{border-radius:1.1rem}.file-item{grid-template-columns:48px 1fr}.file-actions{grid-column:1/-1;justify-content:flex-start}.tool-btn,.toolbox-actions .btn{width:100%}}

/* AI Toolbox batch: design and AI result components */
.tool-status{min-height:1.5rem;margin:.4rem 0 0;color:var(--tool-muted);font-weight:700}.tool-status.success{color:var(--tool-sea)}.tool-status.error{color:#a43d2c}.tool-status.warn{color:#9b5b16}.tool-panel-accent{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(234,248,246,.86))}.tool-result-grid{display:grid;gap:1rem;margin-top:1rem}.result-card{padding:1rem;border:1px solid var(--tool-line);border-radius:1.1rem;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(3,44,58,.07)}.result-card h3{margin-top:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.palette-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.palette-swatch{min-height:132px;border:0;border-radius:1.1rem;background:var(--swatch);color:#fff;padding:.8rem;text-align:left;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 -60px 70px rgba(0,0,0,.2);cursor:pointer}.palette-swatch strong,.palette-swatch span{text-shadow:0 1px 8px rgba(0,0,0,.35)}.picked-swatch{width:54px;height:54px;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 1px var(--tool-line),0 12px 28px rgba(3,44,58,.14)}.color-preview-row{display:flex;align-items:center;gap:.85rem;font-weight:800}.font-preview-grid{display:grid;gap:1rem;margin-top:1rem}.font-preview{padding:1.1rem;border-radius:1.2rem;border:1px solid var(--tool-line);background:#fff}.font-preview h3{font-family:var(--font-head);font-size:clamp(2rem,7vw,3.7rem);line-height:.95;margin:.2rem 0;color:var(--tool-deep)}.font-preview span{font-family:var(--font-body);font-size:1rem;color:var(--tool-muted)}.hero-result textarea{min-height:220px;font-size:1rem;line-height:1.55;background:#fff}@media (min-width:760px){.tool-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.font-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.palette-strip{grid-template-columns:1fr}.palette-swatch{min-height:96px}.tool-panel{padding:1rem}}


/* Hero standardization: 2026-08-18 */
.toolbox-hero{}
@media (min-width:901px){.toolbox-hero{min-height:100svh;display:grid;align-items:end;padding-top:clamp(10.5rem,18vh,13rem);padding-bottom:clamp(4.75rem,8vh,6.25rem)}}
@media (max-width:900px){.toolbox-hero{min-height:auto;padding-top:clamp(7rem,22vw,10.5rem);padding-bottom:clamp(3.25rem,10vw,4.5rem)}}
@media (max-width:520px){.toolbox-hero{padding-top:8.25rem;padding-bottom:3.5rem}}

/* Toolbox landing hero: shared Aloha photo-led header and hero treatment. */
.toolbox-shell .site-header{color:var(--white);border-bottom-color:var(--line-light);background:rgba(3,34,46,.34);backdrop-filter:blur(12px)}
.toolbox-shell .site-nav{color:var(--white)}
.toolbox-shell .nav-toggle{color:var(--white);border-color:var(--line-light);background:var(--glass)}
.toolbox-shell .toolbox-hero{isolation:isolate;background-color:var(--night);background-image:url('/assets/images/AlohaMagicAIToolBox.jpg');background-repeat:no-repeat;background-size:cover;background-position:50% 42%;color:var(--white)}
.toolbox-shell .toolbox-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,34,46,.82) 0%,rgba(3,44,58,.62) 43%,rgba(3,44,58,.23) 72%,rgba(3,44,58,.06) 100%),linear-gradient(0deg,rgba(3,34,46,.46),transparent 58%);pointer-events:none}
.toolbox-shell .toolbox-hero:after{display:none}
.toolbox-shell .toolbox-hero h1{color:var(--white)}
.toolbox-shell .toolbox-hero p{color:var(--foam);text-shadow:0 2px 20px rgba(3,34,46,.45)}
.toolbox-shell .toolbox-hero .toolbox-kicker{background:rgba(3,34,46,.42);color:var(--gold-light);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}
.toolbox-shell .toolbox-actions .btn-outline{background:rgba(3,34,46,.48);border-color:rgba(255,255,255,.9);color:var(--white);box-shadow:0 8px 24px rgba(3,34,46,.24);text-shadow:0 1px 10px rgba(3,34,46,.65);backdrop-filter:blur(8px)}
.toolbox-shell .toolbox-actions .btn-outline:hover{background:var(--white);border-color:var(--white);color:var(--night)}
@media(max-width:900px){.toolbox-shell .toolbox-hero{background-position:57% 38%}.toolbox-shell .toolbox-hero:before{background:linear-gradient(90deg,rgba(3,34,46,.74) 0%,rgba(3,44,58,.48) 62%,rgba(3,44,58,.16) 100%),linear-gradient(0deg,rgba(3,34,46,.44),transparent 65%)}}
@media(max-width:520px){.toolbox-shell .toolbox-hero{background-position:60% 34%}.toolbox-shell .toolbox-hero:before{background:linear-gradient(90deg,rgba(3,34,46,.7),rgba(3,44,58,.34) 78%,rgba(3,44,58,.14)),linear-gradient(0deg,rgba(3,34,46,.46),transparent 68%)}.toolbox-shell .site-header{background:rgba(3,34,46,.42)}.toolbox-shell .nav-toggle{border-color:rgba(255,255,255,.7);background:rgba(3,34,46,.62)}.toolbox-shell .site-nav{color:var(--white);border-color:var(--line-light);background:rgba(3,34,46,.96)}}

/* Toolbox catalog cards: light surfaces with Aloha teal and gold details. */
#tools .tool-card{overflow:hidden;border:2px solid rgba(8,112,113,.62);background:#fff;box-shadow:0 14px 34px rgba(3,44,58,.12),0 3px 10px rgba(197,148,55,.08);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
#tools .tool-card > .toolbox-kicker{align-self:stretch;justify-content:flex-start;width:auto;min-height:38px;margin:-1.25rem -1.25rem 1.1rem;padding:.55rem 1.25rem;border:0;border-bottom:2px solid rgba(218,174,83,.72);border-radius:1.2rem 1.2rem 0 0;background:linear-gradient(105deg,#075b62,#08777a);color:#f4d487;font-size:.78rem;letter-spacing:.16em;box-shadow:0 5px 14px rgba(3,44,58,.12)}
#tools .tool-card h3{margin:0 0 .65rem;color:#064c55;font-size:clamp(1.18rem,2vw,1.4rem);line-height:1.2}
#tools .tool-card p{color:#48656d;line-height:1.62}
#tools .tool-card-foot{gap:.55rem;padding-top:1.15rem}
#tools .tool-card .status-pill{border:1px solid rgba(8,112,113,.34);background:#e6f5f2;color:#07666a;box-shadow:0 2px 7px rgba(3,44,58,.07)}
#tools .tool-card .status-pill + .status-pill{border-color:rgba(197,148,55,.45);background:#fff5d9;color:#76520d}
#tools .tool-card:hover,#tools .tool-card:focus-visible{transform:translateY(-4px);border-color:#08777a;box-shadow:0 22px 48px rgba(3,44,58,.18),0 5px 14px rgba(197,148,55,.13)}
#tools .tool-card:focus-visible{outline:3px solid #d7a742;outline-offset:4px}

/* Toolbox tools 16–21 */
.tool-gap-top{margin-top:1.2rem}.tall-textarea{min-height:260px!important}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.metric span{display:block;margin-top:.2rem;color:var(--tool-sea);font-size:clamp(1.35rem,4vw,2rem);font-weight:800}.section-subhead{margin-top:1.5rem}.pdf-text-output{max-height:620px;overflow:auto}.contextual-note{margin-top:1.2rem}.contextual-note a{font-weight:800;color:var(--tool-sea)}
@media(min-width:760px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Toolbox tools 22-27 */
.iframe-scroll{max-width:100%;overflow:auto;border:1px solid var(--tool-line);border-radius:1rem;background:#fff}.iframe-scroll iframe{display:block;min-height:620px;border:0;background:#fff}.url-list{max-height:260px;overflow:auto;padding-left:1.2rem;overflow-wrap:anywhere}.page-select-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.page-choice{display:grid;gap:.55rem;cursor:pointer}.page-choice input{width:22px;height:22px}.schema-output{max-height:650px;overflow:auto;font-size:.86rem}.tool-panel pre{white-space:pre-wrap;overflow-wrap:anywhere}

/* AI Sales Page Fixer */
.toolbox-hero.sales-fixer-hero{display:block!important;min-height:auto!important;padding:calc(var(--site-header-height) + clamp(1.5rem,4vw,3rem)) 0 clamp(2.25rem,5vw,3.75rem);background:linear-gradient(125deg,#e4f6f2 0%,#f7f3e7 64%,#fff1c9 100%);border-bottom:3px solid rgba(201,155,69,.55)}.toolbox-hero.sales-fixer-hero>.container{max-width:100%;padding-top:0;padding-bottom:0}.toolbox-hero.sales-fixer-hero:after{inset:auto -8rem -13rem auto;width:27rem;height:27rem;background:radial-gradient(circle,rgba(13,127,136,.2),rgba(24,184,173,.08) 45%,transparent 70%)}.toolbox-hero.sales-fixer-hero h1{max-width:760px;color:var(--tool-deep)}.toolbox-hero.sales-fixer-hero p:not(.toolbox-kicker){color:var(--tool-ink)}.toolbox-hero.sales-fixer-hero .toolbox-kicker{border:1px solid rgba(13,127,136,.22);background:#d9f2ed;color:var(--tool-sea)}.toolbox-hero.sales-fixer-hero .btn{background:var(--tool-sea);border-color:var(--tool-sea);color:#fff;box-shadow:0 8px 20px rgba(13,127,136,.18)}.toolbox-hero.sales-fixer-hero .status-pill{border:1px solid rgba(201,155,69,.42);background:#fff4cf;color:#76520d}
.criteria-list{columns:2;gap:2rem;padding-left:1.2rem}.criteria-list li{break-inside:avoid;margin-bottom:.45rem}.sales-replacement-grid{display:grid;gap:1rem;margin:1rem 0}.recommended-result{border:2px solid var(--tool-sea);box-shadow:0 12px 34px rgba(13,127,136,.14)}.result-card blockquote{margin:.5rem 0 1rem;padding:.85rem 1rem;border-left:4px solid var(--tool-coral);background:var(--tool-sand);white-space:pre-wrap}.result-card p{white-space:pre-wrap}.tool-service-cta{margin-top:1.25rem;text-align:center}.tool-service-cta .tool-btn{margin-top:.5rem}
@media(min-width:760px){.sales-replacement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.toolbox-hero.sales-fixer-hero{padding-top:calc(var(--site-header-height) + 1rem);padding-bottom:1.75rem}.toolbox-hero.sales-fixer-hero>.container{width:calc(100% - 1.25rem);max-width:100%;padding-top:0;padding-bottom:0}.toolbox-hero.sales-fixer-hero h1{font-size:clamp(2.35rem,13vw,3.5rem);overflow-wrap:anywhere}.toolbox-hero.sales-fixer-hero p:not(.toolbox-kicker){font-size:1rem}.toolbox-hero.sales-fixer-hero .toolbox-actions{margin-top:1rem;gap:.55rem}.toolbox-hero.sales-fixer-hero .toolbox-actions .btn{width:100%}.criteria-list{columns:1}.sales-replacement-grid .mini-btn{width:100%}}

/* AI marketing generators */
.generator-option-grid{display:grid;gap:1rem;margin:1rem 0}.generator-long-result{margin-top:1rem}.generator-long-result p{white-space:pre-wrap}.schema-details{margin-top:1rem}.schema-details summary{cursor:pointer;font-weight:800;color:var(--tool-deep)}.schema-details pre{max-height:420px;overflow:auto}.generator-option-grid .mini-btn,.generator-long-result .mini-btn{margin-top:.5rem}@media(min-width:760px){.generator-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}