/* Final SmartTools layout and card presentation overrides. */
body{font-family:'Inter',sans-serif;line-height:1.6}
.app-shell{display:block!important;min-height:0!important}.main-content{width:100%!important;max-width:none!important}.topbar{padding-left:max(5.4vw,24px)!important;padding-right:max(5.4vw,24px)!important}
.vv-tool-hero{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;margin:-59px -5.4vw 55px!important}.vv-hero-copy{max-width:760px}.vv-hero-copy>p:not(.vv-hero-label){margin-left:auto!important;margin-right:auto!important}.vv-hero-tags{justify-content:center!important}.vv-hero-art{display:none!important}
.section-heading{display:block!important;text-align:center!important}.section-heading h2{margin-top:8px!important}.tool-count{display:block!important;margin-top:12px!important}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:1180px!important;margin:0 auto!important}.tool-card,.tool-card.coral,.tool-card.blue,.tool-card.yellow,.tool-card.green{background:#fff!important;border:2px solid #009eaa!important;box-shadow:0 8px 24px rgba(0,158,170,.09)!important;color:#111827!important}.tool-card:hover{border-color:#007f89!important;box-shadow:0 18px 34px rgba(0,158,170,.18)!important}.card-icon{background:#e8f8f8!important;color:#009eaa!important}.card-arrow,.card-link{color:#009eaa!important}.card-number,.tool-card p{color:#4b5563!important}.tool-card strong{color:#111827!important}.tip-bar{max-width:1180px;margin-left:auto!important;margin-right:auto!important}
@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.vv-tool-hero{margin:-39px -20px 45px!important;padding:43px 20px 40px!important}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tool-card{border-width:1.5px!important}}

/* Workspace context sits between the hero and the tool collection. */
.workspace-bar{max-width:1180px;margin:0 auto 34px;padding:15px 0;border-top:1px solid #dce9ea;border-bottom:1px solid #dce9ea;display:flex;align-items:center;justify-content:space-between;color:#6b7a7d;font-family:Manrope,sans-serif;font-size:12px}.workspace-bar .breadcrumb{display:flex;align-items:center;gap:9px}.workspace-bar .breadcrumb svg{width:14px;color:#009eaa}.workspace-bar .breadcrumb strong{color:#111827}.workspace-code{font:10px "DM Mono",monospace;letter-spacing:.09em;color:#009eaa}.workspace-bar.is-hidden{display:none}
.section-heading,.tool-grid,.tip-bar{animation:hubRise .55s cubic-bezier(.2,.75,.25,1) both}.tool-grid{animation-delay:.08s}.tip-bar{animation-delay:.16s}.tool-view.active-view{animation:toolOpen .5s cubic-bezier(.2,.75,.25,1) both}.tool-view.active-view .tool-header{animation:hubRise .5s .06s both}.tool-view.active-view .workbench{animation:hubRise .5s .14s both}@keyframes hubRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes toolOpen{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}
.vv-hero-label,.section-kicker,.tool-count,.workspace-code{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.1em}.section-kicker{font-size:11px}.tool-count{font-size:10px}
@media(max-width:620px){.workspace-bar{margin-bottom:27px;padding:13px 0}.workspace-code{display:none}}

/* Brief, quiet loading state before a tool workspace opens. */
.tool-preloader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(15,118,110,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.tool-preloader.is-visible{opacity:1;visibility:visible;pointer-events:auto}.tool-preloader-card{display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(0,158,170,.24);border-radius:10px;background:rgba(255,255,255,.92);box-shadow:0 16px 38px rgba(15,118,110,.15);color:#009eaa;font:600 11px Manrope,sans-serif;letter-spacing:.02em}.tool-loader-ring{width:14px;height:14px;border:2px solid #b9e6e1;border-top-color:#009eaa;border-radius:50%;animation:toolSpin .7s linear infinite}@keyframes toolSpin{to{transform:rotate(360deg)}}
.exit-tool-modal{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:20px;background:rgba(16,44,49,.28);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.exit-tool-modal.is-visible{opacity:1;visibility:visible;pointer-events:auto}.exit-tool-card{width:min(430px,100%);padding:28px;border:1px solid #d6e1df;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(16,44,49,.2);text-align:center}.exit-tool-icon{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 15px;border-radius:50%;background:#fff4dc;color:#a8792e}.exit-tool-icon svg{width:20px;height:20px}.exit-tool-card .eyebrow{margin:0 0 8px;color:#a8792e;font-size:10px}.exit-tool-card h2{margin:0;color:#172321;font-size:24px;letter-spacing:-.04em}.exit-tool-card>p:not(.eyebrow){margin:12px auto 23px;max-width:330px;color:#667674;font-size:12px;line-height:1.6}.exit-tool-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.exit-tool-actions button{min-height:42px}.exit-confirm{background:#a8792e!important;border-color:#a8792e!important}
.tool-card,.tool-card.coral,.tool-card.blue,.tool-card.yellow,.tool-card.green{min-height:250px!important;border-radius:14px!important}.tool-card{padding:18px 18px 16px!important}

/* Cropper canvas controls */
.canvas-frame{position:relative!important;touch-action:none!important}.crop-guides{position:absolute;z-index:2;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 999px rgba(10,35,38,.32);pointer-events:auto;cursor:move;transform-origin:center;transition:width .18s ease,height .18s ease}.crop-grid{position:absolute;background:rgba(255,255,255,.58);pointer-events:none}.crop-grid.vertical-one,.crop-grid.vertical-two{top:0;bottom:0;width:1px}.crop-grid.vertical-one{left:33.333%}.crop-grid.vertical-two{left:66.666%}.crop-grid.horizontal-one,.crop-grid.horizontal-two{left:0;right:0;height:1px}.crop-grid.horizontal-one{top:33.333%}.crop-grid.horizontal-two{top:66.666%}.crop-handle{position:absolute;width:10px;height:10px;background:#fff;border:1px solid #009eaa;border-radius:2px;z-index:3}.handle-nw{left:-6px;top:-6px;cursor:nwse-resize}.handle-ne{right:-6px;top:-6px;cursor:nesw-resize}.handle-sw{left:-6px;bottom:-6px;cursor:nesw-resize}.handle-se{right:-6px;bottom:-6px;cursor:nwse-resize}.rotate-hint{position:absolute;z-index:4;left:50%;bottom:15px;transform:translate(-50%,8px);padding:6px 9px;border-radius:6px;background:rgba(16,44,49,.85);color:#fff;opacity:0;pointer-events:none;font:10px Manrope,sans-serif;transition:opacity .2s,transform .2s;white-space:nowrap}.rotate-hint.visible{opacity:1;transform:translate(-50%,0)}.ratio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ratio-button{border:1px solid #cbd8d9;background:#fff;border-radius:7px;padding:8px 4px;font-size:10px;font-weight:700;color:#536466}.ratio-button:hover,.ratio-button.active{border-color:#009eaa;background:#e8f8f8;color:#007f89}.control-note{margin:10px 0 0;color:#6b7a7d;font-size:10px;line-height:1.5}.rotation-control{display:grid;grid-template-columns:1fr}.reset-rotation{border:0;background:transparent;color:#009eaa;display:flex;align-items:center;gap:6px;padding:8px 0 0;font-size:10px;font-weight:700}.reset-rotation svg{width:13px;height:13px}