.tools-shell{max-width:1280px;margin:auto;padding:38px 24px 70px}.tools-heading h1{font-size:clamp(34px,5vw,58px);margin:18px 0}.tools-heading p{max-width:760px;color:#c5d8cb;line-height:1.8}.tools-nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.tools-nav a,.tool-link{color:#f4fff1;background:#254433;border:1px solid #769868;border-radius:12px;text-decoration:none;padding:13px 17px;min-height:48px;display:inline-flex;align-items:center}.tools-nav a:hover,.tool-link:hover{color:#132b1b;background:#d5f5b7}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-tile{padding:27px;background:linear-gradient(145deg,#213b2b,#14281f);border:1px solid #557348;border-radius:22px;text-decoration:none;color:#f3f8ef;transition:transform .25s,box-shadow .25s}.tool-tile:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0006}.tool-tile .tile-icon{font-size:30px;color:#d6f4b7}.tool-tile h2{font-size:23px}.tool-tile p{color:#c2d4c5;line-height:1.7}.tool-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.tool-box{border:1px solid #547349;border-radius:22px;padding:28px;background:#193024;min-width:0}.tool-box label{display:block;margin:14px 0;color:#effbe8;line-height:1.7}.tool-box input:not([type=checkbox]):not([type=color]),.tool-box select,.tool-box textarea{width:100%;margin-top:6px;background:#0c1d16;color:#f7fff3;-webkit-text-fill-color:#f7fff3;border:1px solid #739567;min-height:48px;font-size:16px}.tool-box textarea{min-height:130px;resize:vertical}.tool-box input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}.tool-box input[type=color]{height:48px;width:100%;background:#152c20}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tool-box button,.tools-shell button{min-height:48px}.tools-shell button:hover{background:#d5f5b7;color:#122a18;-webkit-text-fill-color:#122a18}.tools-shell button:disabled{opacity:.65;cursor:wait}.tool-note,.tool-status{color:#d0e4c4;line-height:1.8;font-size:14px}.tool-status.error{color:#ffc8b7}.result-large{font-size:clamp(24px,4vw,44px);overflow-wrap:anywhere;color:#def9b8;margin:25px 0}.guide{max-width:900px;margin:50px auto 0;padding:30px;border:1px solid #415d42;border-radius:20px;background:#14291e}.guide h2{font-size:28px}.guide h3{font-size:19px;color:#def6c7}.guide p{font-size:16px;line-height:1.9;color:#d1dfd3}.qr-preview{padding:25px;background:#fff;border-radius:18px;display:flex;justify-content:center;max-width:100%}.qr-preview canvas{max-width:100%;height:auto!important}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric{padding:24px 15px;border:1px solid #789a69;border-radius:15px;background:#10251b}.metric strong{display:block;font-size:36px;color:#dbf7b8}.metric span{color:#e0ebe0}.progress{height:10px;background:#0a1e13;border-radius:9px;overflow:hidden;margin-top:20px}.progress i{display:block;height:100%;background:#d6f4b4;width:0;transition:width .3s}.cv-pages{overflow:auto;max-height:850px;background:#0c1e14;padding:15px}.cv-page{width:794px;min-height:1123px;background:#fff;color:#142335;padding:54px 58px;margin:0 auto 20px;font-family:'DM Sans','Noto Naskh Arabic','Microsoft YaHei','PingFang SC',sans-serif;line-height:1.55;font-size:14px;box-sizing:border-box;--cv-accent:#1b5d50}.cv-page p{color:#253b48;white-space:pre-wrap;overflow-wrap:anywhere}.cv-page h1{font-family:inherit;font-size:32px;margin:0;color:var(--cv-accent)}.cv-page h2{font-family:inherit;font-size:18px;padding-bottom:6px;border-bottom:2px solid var(--cv-accent);color:var(--cv-accent)}.cv-page h3{font-family:inherit;font-size:16px;margin-bottom:5px}.cv-page img{float:right;width:90px;height:110px;object-fit:cover;border-radius:9px;margin:0 0 12px 20px}.cv-page[data-style=executive]{border-top:14px solid var(--cv-accent)}.cv-page[data-style=creative]{border-left:18px solid var(--cv-accent)}.cv-page[data-style=minimal]{--cv-accent:#242d32!important}.cv-page[dir=rtl] img{float:left;margin:0 20px 12px 0}.cv-entry{border:1px solid #547b48;padding:16px;border-radius:14px;margin:12px 0}.cv-entry button{font-size:12px;padding:8px 12px}.owner-report{padding:20px;border:1px solid #55784a;border-radius:16px;margin:15px 0}.owner-report pre{white-space:pre-wrap;font-family:inherit;color:#edf7e8;overflow-wrap:anywhere}.visually-hide{position:absolute;left:-10000px}.tool-box a{color:#def8bd}.tools-shell :focus-visible{outline:3px solid #f8d797;outline-offset:3px}.tool-box input[type=file]::file-selector-button{background:#d8f6b7;color:#162d1b;border:0;padding:10px;border-radius:7px;margin-right:8px}.cv-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:900px){.tools-grid{grid-template-columns:1fr 1fr}.tool-workspace{grid-template-columns:1fr}.cv-pages{max-height:650px}.cv-page{transform-origin:top left}.legal-header .brand-wordmark small{display:none}}
@media(max-width:520px){.tools-shell{padding:24px 16px 50px}.tool-box{padding:20px 16px}.tools-grid{grid-template-columns:1fr}.tools-nav{display:grid;grid-template-columns:1fr 1fr}.tools-nav a{justify-content:center;text-align:center;font-size:14px;padding:12px 8px}.metrics .metric strong{font-size:30px}.guide{padding:22px}.tool-actions button{flex:1 1 140px}.cv-options{grid-template-columns:1fr}.tools-shell header{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.tool-tile,.progress i{transition:none}.tool-tile:hover{transform:none}}
@media print{body>*:not(main),.tools-heading,.tools-nav,.tool-box:not(.cv-output),.guide,.tool-actions,.tool-note,.tool-status{display:none!important}main.tools-shell{padding:0;margin:0;max-width:none}.tool-workspace{display:block}.cv-output{border:0;padding:0;background:none}.cv-pages{padding:0;max-height:none;overflow:visible}.cv-page{width:210mm;min-height:297mm;box-shadow:none;margin:0;break-after:page}.cv-page:last-child{break-after:auto}@page{size:A4;margin:0}}

#mainNav a.tool-link{color:#f5ffe8;-webkit-text-fill-color:#f5ffe8;background:#294733;font-weight:700;justify-content:center}#mainNav a.tool-link:hover{color:#122a18;-webkit-text-fill-color:#122a18;background:#d3f4b4}@media(max-width:760px){#mainNav a.tool-link{min-height:52px;padding:13px 10px;font-size:14px}}
.cv-page{zoom:var(--cv-scale,1)}@media print{.cv-page{zoom:1!important}}
.standalone-studio .hero,.standalone-studio .ticker,.standalone-studio .home-tools-intro{display:none}.standalone-studio .workspace-head{padding-top:36px}.standalone-studio .workspace-head h1{font-size:clamp(32px,5vw,48px);margin:14px 0}.tool-tabs a{display:flex;justify-content:center;text-align:center;align-items:center;min-height:58px;font-weight:700;border-radius:12px;color:#f3ffe9;background:#294733;text-decoration:none}.tool-tabs a:hover,.tool-tabs a[aria-current=page]{background:#d5f5b7!important;color:#122a18!important;-webkit-text-fill-color:#122a18!important}.home-tools-intro{padding:24px 0}.home-tools-intro h2{font-size:34px}.home-tools-intro p{color:#ccdccb}.usage-note{padding:14px 18px;margin:20px 0;border:1px solid #618254;border-radius:14px;color:#e1f6d1;background:#193522;font-size:14px;line-height:1.7}.page-motion-toggle{margin:14px 0;min-height:44px}.tools-heading{position:relative;overflow:hidden}.tools-heading::after{content:'';position:absolute;z-index:-1;width:300px;height:220px;border-radius:50%;background:radial-gradient(ellipse,#77bd6425,transparent 65%);right:0;top:-80px;animation:studio-glow 10s ease-in-out infinite alternate;pointer-events:none}.tool-tile{position:relative;overflow:hidden}.tool-tile::after{content:'';position:absolute;width:50%;height:200%;left:-110%;top:-50%;background:linear-gradient(90deg,transparent,#d4f4bc18,transparent);transform:rotate(25deg);pointer-events:none;transition:left .65s ease}.tool-tile:hover::after{left:150%}.tools-shell .primary,.standalone-studio .primary{transition:transform .2s,box-shadow .2s,background .2s}.tools-shell .primary:hover,.standalone-studio .primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #a7e47725}.metric strong{transition:color .3s}.page-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease var(--motion-delay,0s),transform .6s ease var(--motion-delay,0s)}.page-revealed{opacity:1;transform:none}.motion-paused .page-reveal,.motion-sleep .page-reveal{opacity:1;transform:none;transition:none}.motion-paused .tools-heading::after,.motion-sleep .tools-heading::after{animation-play-state:paused}.motion-paused .tool-tile::after{display:none}@keyframes studio-glow{from{transform:translate(-10px,10px) scale(.9)}to{transform:translate(35px,35px) scale(1.15)}}@media(max-width:760px){.tool-tabs a{min-height:56px;font-size:13px;padding:12px 8px}.standalone-studio .workspace-head{padding-top:20px}.usage-note{margin:14px 0}.tools-heading::after{width:190px;height:160px}}@media(prefers-reduced-motion:reduce){.page-reveal{opacity:1;transform:none;transition:none}.tools-heading::after{animation:none}.tool-tile::after{display:none}.tools-shell .primary,.standalone-studio .primary{transition:none}.tools-shell .primary:hover,.standalone-studio .primary:hover{transform:none}}
/* Each tool opens as a focused page with one route back to the catalogue. */
.tool-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.tool-page-header #mobileMenu,.tool-page-header #mainNav{display:none!important}
.back-to-tools{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:8px;white-space:nowrap;transition:background .22s ease,transform .22s ease,box-shadow .22s ease}
.back-to-tools:hover{transform:translateX(-3px);box-shadow:0 8px 22px #0003}
.standalone-studio main{padding-top:22px}
.standalone-studio .workspace-head{margin:0 0 22px;padding:0;align-items:center}
.standalone-studio .workspace-head h1{font-size:clamp(28px,4vw,48px);margin:10px 0 0}
.standalone-studio .panel.active,.focused-tool-page .tool-workspace{animation:tool-page-enter .48s cubic-bezier(.2,.7,.2,1) both}
@keyframes tool-page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.tool-page-header{padding:16px!important;gap:10px;flex-wrap:wrap}.tool-page-header .brand{flex:1;min-width:180px}.back-to-tools{padding:11px 14px;font-size:14px}.standalone-studio main{padding-top:18px}.standalone-studio .workspace-head{gap:10px;flex-wrap:wrap}.standalone-studio .workspace-head .eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){.standalone-studio .panel.active,.focused-tool-page .tool-workspace{animation:none}.back-to-tools{transition:none}}
.motion-paused .panel.active,.motion-paused .tool-workspace{animation:none}
.email-step-heading h2{font-family:inherit;font-size:22px;margin:0 0 8px;color:#f3ffe9}.email-step-heading p{color:#ccdccb;font-size:14px;margin:0 0 22px;line-height:1.6}.email-compose #emailOriginal{min-height:160px}.email-compose #emailInstructions{min-height:180px}.email-draft #emailResult{min-height:400px;line-height:1.8}.email-preferences{border:1px solid #648759;border-radius:14px;padding:16px;background:#142b20;margin:20px 0}.email-preferences summary{cursor:pointer;font-weight:700;min-height:28px;color:#e3f6ce}.email-preferences[open] summary{margin-bottom:20px}.email-preferences label{margin-top:16px}.email-example{margin:4px 0 22px}.email-refine{margin:26px 0;padding:20px;border:1px solid #648759;border-radius:18px;background:#183222}.email-refine h3{margin:0 0 14px;font-size:18px}.email-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.email-suggestions button{min-height:44px;padding:10px 14px}.email-refine textarea{min-height:95px}.email-workspace .tool-box{min-width:0}.email-workspace label[hidden]{display:none!important}@media(max-width:760px){.email-draft #emailResult{min-height:300px}.email-refine{padding:16px}.email-suggestions{display:grid;grid-template-columns:1fr 1fr}.email-suggestions button{font-size:13px}.email-workspace .tool-actions{flex-wrap:wrap}}