:root{
  --graphite:#171a1f;
  --graphite2:#22262d;
  --graphite3:#2b3038;
  --ink:#1b1d20;
  --muted:#747980;
  --bg:#f5f5f0;
  --card:#ffffff;
  --accent:#b6f23a;
  --accent2:#9ddb24;
  --accent-dark:#5f800d;
  --line:#e3e5de;
  --cream:#f5f5f0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);letter-spacing:-.01em}
a{color:inherit}.py-lg-6{padding-top:5rem!important;padding-bottom:5rem!important}

/* Brand */
.gietors-nav{background:rgba(23,26,31,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.brand-lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff!important}
.brand-symbol{width:38px;height:38px;border-radius:12px;background:#171a1f;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.brand-symbol span{font-weight:800;font-size:1.05rem;color:#151719;line-height:1;transform:translateX(-1px)}
.brand-symbol i{position:absolute;width:14px;height:3px;background:#151719;right:-2px;bottom:7px;transform:rotate(-45deg);border-radius:3px}
.brand-word{font-weight:800;letter-spacing:.08em;font-size:1.03rem}.brand-word>span{color:var(--accent)}
.navbar .nav-link{color:#b9bec4!important;font-weight:600;font-size:.92rem;padding-left:.9rem!important;padding-right:.9rem!important;position:relative}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff!important}.navbar .nav-link.active::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:1px;height:2px;background:var(--accent);border-radius:4px}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#171a1f;font-weight:800}.btn-accent:hover{background:var(--accent2);border-color:var(--accent2);color:#171a1f;transform:translateY(-1px)}
.nav-cta{font-size:.9rem}.btn-outline-soft{border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;background:rgba(255,255,255,.03)}.btn-outline-soft:hover{background:#fff;color:var(--graphite);border-color:#fff}

/* Hero */
.hero-v2{position:relative;overflow:hidden;background:#171a1f;color:#fff;border-bottom:1px solid #2d3137}.min-vh-hero{min-height:720px;padding:75px 0 90px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none}.hero-glow-one{width:520px;height:520px;background:radial-gradient(circle,rgba(182,242,58,.12),transparent 68%);right:-130px;top:-130px}.hero-glow-two{width:420px;height:420px;background:radial-gradient(circle,rgba(182,242,58,.055),transparent 70%);left:-180px;bottom:-180px}
.hero-badge{display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(182,242,58,.18);background:rgba(182,242,58,.055);padding:.58rem .9rem;border-radius:999px;color:#d8dadd;font-size:.84rem;font-weight:700}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(182,242,58,.08)}
.hero-title{font-size:clamp(3.1rem,6.8vw,6.35rem);line-height:.98;letter-spacing:-.065em;font-weight:800;max-width:950px}.hero-title span{color:var(--accent)}.hero-copy{font-size:1.12rem;line-height:1.8;color:#b9bdc2;max-width:720px}.hero-proof>div{display:flex;flex-direction:column;gap:2px}.hero-proof strong{font-size:1.55rem;color:#fff}.hero-proof span{font-size:.78rem;color:#838990;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.workspace-wrap{position:relative;padding:28px 8px}.workspace-card{position:relative;background:#f8f8f4;color:var(--ink);border-radius:30px;padding:22px;border:1px solid rgba(255,255,255,.13);box-shadow:0 38px 90px rgba(0,0,0,.36);transform:rotate(1deg)}.workspace-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e3e4dd;font-size:.86rem}.workspace-logo{width:29px;height:29px;background:var(--graphite);color:var(--accent);display:grid;place-items:center;border-radius:9px;font-weight:800}.online-pill{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.4rem .6rem;border-radius:999px;background:#ecf7d7;color:#55770a}.online-pill i{display:inline-block;width:6px;height:6px;background:#74a50e;border-radius:50%;margin-right:4px}.workspace-question{padding:21px 0 15px}.workspace-question>span{font-size:.65rem;letter-spacing:.1em;color:#8a8e92;font-weight:800}.workspace-tool-form{margin:0}.workspace-input{border:1px solid #dedfd8;background:#fff;border-radius:14px;padding:7px 8px 7px 13px;display:flex;align-items:center;gap:9px;color:#909499;font-size:.86rem;transition:.18s ease}.workspace-input:focus-within{border-color:#b8d875;box-shadow:0 0 0 4px rgba(182,242,58,.12)}.workspace-input-icon{width:auto!important;height:auto!important;background:transparent!important;color:#9aa09a!important;display:block!important;font-size:.78rem}.workspace-tool-search{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;padding:6px 0}.workspace-tool-search::placeholder{color:#909499}.workspace-submit{width:31px;height:31px;flex:0 0 31px;border:0;border-radius:9px;background:var(--accent);color:#171a1f;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.workspace-submit:hover{transform:translateX(1px);filter:brightness(.97)}.workspace-submit:focus-visible{outline:3px solid rgba(182,242,58,.35);outline-offset:2px}.workspace-hint{display:block;color:#9a9e9b;font-size:.62rem;margin-top:7px;padding-left:2px}.workspace-actions{display:grid;gap:9px}.workspace-actions a{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:12px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid #e4e5de;border-radius:16px;padding:11px 12px;transition:.2s}.workspace-actions a:hover{transform:translateX(3px);border-color:#cad8a9;box-shadow:0 10px 22px rgba(32,40,20,.07)}.workspace-actions a>span{width:42px;height:42px;border-radius:12px;background:#eff9dd;color:#607f13;display:grid;place-items:center}.workspace-actions strong{display:block;font-size:.84rem}.workspace-actions small{display:block;color:#8b9095;font-size:.7rem;margin-top:2px}.workspace-actions>a>i{color:#b0b4b8;font-size:.72rem}.workspace-foot{font-size:.68rem;color:#95999d;text-align:center;margin-top:15px}.workspace-foot i{color:#729718;margin-right:4px}.floating-chip{position:absolute;background:#fff;color:#1c1e21;border-radius:999px;padding:.62rem .85rem;font-size:.73rem;font-weight:800;box-shadow:0 15px 40px rgba(0,0,0,.25);z-index:3}.floating-chip i{color:#759e15;margin-right:5px}.chip-one{top:4px;right:-8px}.chip-two{bottom:8px;left:-22px;background:var(--accent)}.chip-two i{color:#171a1f}

/* Strip */
.brand-strip{background:#111316;color:#858b91;border-bottom:1px solid #292d32}.brand-strip-inner{min-height:64px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;font-size:.72rem;letter-spacing:.11em}.brand-strip-inner span{color:#5f646a;font-weight:800}.brand-strip-inner strong{color:#a9adb2;font-size:.69rem}.brand-strip-inner i{width:4px;height:4px;border-radius:50%;background:var(--accent)}

/* General */
.section-kicker{color:var(--accent-dark);font-weight:800;letter-spacing:.11em;text-transform:uppercase;font-size:.74rem;margin-bottom:.8rem}.section-title{font-weight:800;letter-spacing:-.045em;line-height:1.08}.section-link{align-items:center;gap:.6rem;text-decoration:none;font-weight:800;font-size:.9rem}.section-link i{width:32px;height:32px;border-radius:50%;background:var(--graphite);color:var(--accent);display:grid;place-items:center;font-size:.72rem;transition:.2s}.section-link:hover i{transform:translateX(3px)}
.tool-link{text-decoration:none}.tool-link:hover{color:inherit}.tool-card,.content-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;height:100%;transition:.24s cubic-bezier(.2,.8,.2,1);box-shadow:0 9px 30px rgba(20,24,18,.035)}.tool-card:hover,.content-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(20,24,18,.09);border-color:#d4d9c9}.tool-card-v2{min-height:300px;display:flex;flex-direction:column}.tool-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.tool-number{font-size:.7rem;font-weight:800;color:#a3a7aa;letter-spacing:.08em}.tool-arrow{width:34px;height:34px;border-radius:50%;border:1px solid #e1e3dc;display:grid;place-items:center;font-size:.7rem;color:#8d9296;transition:.2s}.tool-card:hover .tool-arrow{background:var(--graphite);border-color:var(--graphite);color:var(--accent);transform:rotate(5deg)}.icon-box{width:56px;height:56px;border-radius:16px;background:#eef9d9;color:#648613;display:grid;place-items:center;font-size:1.25rem}.tool-coming{background:#eeefe8;border-style:dashed}.tool-coming .icon-box{background:var(--graphite);color:var(--accent)}
.text-secondary{color:#7a7f84!important}.badge-soft{background:#f0f9df;color:#5c7f0b;border:1px solid #dcefb5}

/* Tutorial */
.tutorial-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tutorial-list{border-top:1px solid var(--line)}.tutorial-row{display:grid;grid-template-columns:100px 1fr 44px;gap:22px;align-items:center;padding:24px 6px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:.2s}.tutorial-row:hover{padding-left:14px;background:#fbfbf7}.tutorial-tag{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#687e38;font-weight:800}.tutorial-row h5{font-weight:800;margin-bottom:5px}.tutorial-row p{margin:0;color:#8a8f94;font-size:.86rem}.tutorial-go{width:36px;height:36px;border-radius:50%;border:1px solid #dde0d7;display:grid;place-items:center;font-size:.7rem}.tutorial-row:hover .tutorial-go{background:var(--accent);border-color:var(--accent)}

/* Project */
.project-spotlight{background:#191c20;color:#fff;border-radius:36px;padding:50px;position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(16,18,21,.16)}.project-spotlight::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-170px;top:-170px;background:radial-gradient(circle,rgba(182,242,58,.11),transparent 68%)}.project-spotlight>*{position:relative;z-index:1}.project-status{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#b9bdc1}.project-status i{width:7px;height:7px;background:var(--accent);border-radius:50%}.project-copy{color:#aeb3b8;max-width:720px;line-height:1.75}.project-mini-stack{display:grid;gap:12px}.project-mini{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;border:1px solid #33383f;background:#22262b;padding:14px;border-radius:18px}.project-mini.active{border-color:rgba(182,242,58,.28);background:#262b2f}.project-mini-icon{width:52px;height:52px;border-radius:14px;background:#30353b;color:#aab0b6;display:grid;place-items:center}.project-mini.active .project-mini-icon{background:var(--accent);color:#171a1f}.project-mini small{display:block;color:#70767c;font-size:.62rem;letter-spacing:.1em;font-weight:800}.project-mini strong{display:block;margin:2px 0}.project-mini span{display:block;color:#8f959a;font-size:.75rem}
.closing-cta{background:#eeefe8}.closing-mark{width:72px;height:72px;border-radius:22px;background:var(--graphite);color:#fff;display:inline-grid;place-items:center;font-size:1.8rem;font-weight:800}.closing-mark span{color:var(--accent)}.closing-cta p{max-width:620px}

/* Internal pages */
.page-hero{background:#181b1f;color:#fff;padding:84px 0 72px;position:relative;overflow:hidden;border-bottom:1px solid #2a2e33}.page-hero::after{content:"";position:absolute;right:-120px;top:-160px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(182,242,58,.12),transparent 65%)}.page-hero .container{position:relative;z-index:2}.page-hero h1{letter-spacing:-.045em}.page-hero p{color:#b9bdc2;max-width:760px}.tool-shell{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 15px 40px rgba(20,24,18,.06)}.form-control,.form-select{border-radius:14px;padding:.8rem 1rem;border-color:#dfe2da}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(182,242,58,.18);border-color:#a9d94d}.result-box{border:1px dashed #c8d7a9;background:#fbfef5;border-radius:18px;padding:18px}.canvas-wrap{display:flex;align-items:center;justify-content:center;background:#eef0e9;border-radius:18px;min-height:240px;overflow:hidden}.stat-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}

/* Footer */
.footer-section{background:#111316;color:#edf0f2;border-top:1px solid #24282d}.footer-brand{display:inline-flex}.footer-copy{max-width:470px;line-height:1.75}.footer-made{font-size:.72rem;color:#747a80;display:flex;align-items:center;gap:8px}.footer-made span{width:7px;height:7px;border-radius:50%;background:var(--accent)}.footer-section h6{font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#fff}.footer-link{display:block;color:#8d9399;text-decoration:none;margin:.6rem 0;font-size:.86rem}.footer-link:hover{color:var(--accent)}.network-card{display:flex;align-items:center;gap:12px;border:1px solid #2b3035;background:#191c20;border-radius:16px;padding:12px}.network-card>span{width:40px;height:40px;border-radius:11px;background:#292e33;color:var(--accent);display:grid;place-items:center}.network-card strong,.network-card small{display:block}.network-card strong{font-size:.85rem}.network-card small{font-size:.68rem;color:#757b81;margin-top:2px}.footer-line{border-color:#2a2e33!important}.footer-section .text-secondary{color:#81878d!important}

@media (max-width:1199.98px){.hero-title{font-size:clamp(3rem,6.3vw,5rem)}}
@media (max-width:991.98px){.navbar-collapse{padding-top:1rem;padding-bottom:.5rem}.navbar .nav-link{padding-left:0!important}.navbar .nav-link.active::after{display:none}.navbar .nav-cta{margin-top:.7rem}.min-vh-hero{min-height:auto;padding:95px 0 85px}.workspace-wrap{max-width:610px;margin:auto}.project-spotlight{padding:36px}.py-lg-6{padding-top:4rem!important;padding-bottom:4rem!important}}
@media (max-width:767.98px){.hero-title{font-size:clamp(2.8rem,14vw,4.4rem)}.hero-copy{font-size:1rem}.hero-proof{gap:24px!important}.workspace-card{transform:none;padding:17px;border-radius:24px}.floating-chip{display:none}.brand-strip-inner{justify-content:flex-start;padding:16px 0}.tutorial-row{grid-template-columns:1fr 38px;gap:8px}.tutorial-tag{grid-column:1/-1}.tutorial-row p{font-size:.8rem}.project-spotlight{padding:28px 22px;border-radius:28px}.project-spotlight h2{font-size:2.3rem}.section-title{font-size:2.2rem}.tool-card-v2{min-height:260px}}

/* V2.1 — bold but visually balanced */
.hero-v2 .container{max-width:1180px}
.min-vh-hero{min-height:650px;padding:62px 0 76px}
.hero-title{font-size:clamp(3rem,5.45vw,4.9rem);line-height:.98;max-width:650px}
.hero-copy{max-width:650px}
.workspace-wrap{max-width:470px;margin-left:auto;padding:18px 2px 0;transform:translateY(14px)}
.workspace-card{transform:none;border-radius:28px;padding:20px;box-shadow:0 34px 78px rgba(0,0,0,.32)}
.chip-one{top:-4px;right:-8px}.chip-two{bottom:-6px;left:-18px}

/* Information blocks */
.why-section{background:#f0f1ea;border-bottom:1px solid var(--line)}
.why-intro{line-height:1.8;max-width:560px;margin-left:auto}
.why-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 10px 30px rgba(20,24,18,.03)}
.why-card>span{flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:#eef9d9;color:#648613;display:grid;place-items:center}
.why-card h5{font-weight:800;margin:.1rem 0 .4rem}.why-card p{margin:0;color:#7d8287;font-size:.86rem;line-height:1.65}
.faq-section{background:#fff;border-top:1px solid var(--line)}
.gietors-accordion .accordion-item{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.gietors-accordion .accordion-button{font-weight:800;padding:1.3rem .2rem;background:transparent;box-shadow:none;color:var(--ink)}
.gietors-accordion .accordion-button:not(.collapsed){color:var(--ink);background:transparent}
.gietors-accordion .accordion-button::after{background-size:1rem}
.gietors-accordion .accordion-body{padding:.1rem .2rem 1.35rem;color:#73787e;line-height:1.75}

/* About / Projects / Legal / Articles */
.about-main{padding:34px}.principle-stack{display:grid;gap:12px;height:100%}
.principle-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start}
.principle-card>span{width:52px;height:52px;border-radius:15px;background:var(--graphite);color:var(--accent);display:grid;place-items:center;font-size:.7rem;font-weight:800;letter-spacing:.08em}
.principle-card h5{font-weight:800;margin:2px 0 5px}.principle-card p{color:#7b8085;margin:0;font-size:.86rem;line-height:1.6}
.project-info-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 12px 34px rgba(20,24,18,.035)}
.project-info-card.lab{background:#eeefe8;border-style:dashed}.project-info-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:#a0a5a9;font-size:.68rem;font-weight:800;letter-spacing:.08em}.project-info-card h3{font-weight:800;font-size:1.7rem}.project-info-card p{color:#777d82;line-height:1.75}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:.44rem .68rem;border-radius:999px;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.live,.status-pill.active{background:#eef9d9;color:#618113}.status-pill.growing{background:#f2f3ed;color:#666d73}.status-pill.experiment{background:#22262d;color:var(--accent)}.project-meta{display:flex;gap:15px;flex-wrap:wrap;color:#747a80;font-size:.75rem;font-weight:700;margin-top:22px}
.badge-muted{background:#f0f1ec;color:#858b90;border:1px solid #e1e3dc}.tutorial-card{display:flex;flex-direction:column}.page-hero-compact{padding:64px 0 56px}.legal-card,.article-card{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:0 14px 40px rgba(20,24,18,.045)}.legal-card h2,.article-card h2{font-size:1.2rem;font-weight:800;margin:1.8rem 0 .65rem}.legal-card h2:first-child,.article-card h2:first-of-type{margin-top:0}.legal-card p,.article-card p,.article-card li{color:#6f757a;line-height:1.8}.article-card ol{padding-left:1.25rem}.article-card li{margin:.45rem 0}.article-lead{font-size:1.07rem;color:#44494e!important}.article-card code{background:#f0f2eb;border:1px solid #e1e4db;border-radius:7px;padding:.15rem .4rem;color:#4c6218}.article-note{margin-top:1.6rem;border-left:4px solid var(--accent);background:#f4f8ea;border-radius:0 14px 14px 0;padding:16px 18px;color:#62696d;line-height:1.7}

@media (max-width:1199.98px){.hero-title{font-size:clamp(3rem,5.2vw,4.35rem)}.workspace-wrap{max-width:445px}}
@media (max-width:991.98px){.min-vh-hero{padding:80px 0 78px}.hero-title{max-width:760px}.hero-copy{max-width:700px}.workspace-wrap{max-width:560px;margin:30px auto 0;transform:none}.why-intro{margin-left:0}.about-main{padding:28px}}
@media (max-width:767.98px){.hero-title{font-size:clamp(2.75rem,13vw,4rem)}.workspace-wrap{padding-top:8px}.legal-card,.article-card{padding:24px 20px;border-radius:22px}}

/* About V2.2 */
.about-philosophy{background:#eef0e9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-value-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.about-value-card:hover{transform:translateY(-4px);box-shadow:0 16px 42px rgba(20,24,18,.055);border-color:#d7dec9}
.about-value-icon{width:48px;height:48px;border-radius:15px;background:var(--graphite);color:var(--accent);display:grid;place-items:center;margin-bottom:22px;font-size:1rem}
.about-value-card h4{font-size:1.08rem;font-weight:800;margin-bottom:.65rem}
.about-value-card p{color:#787e83;font-size:.88rem;line-height:1.75;margin:0}
.about-cta{background:var(--graphite);color:#fff;border:1px solid #2d3137;border-radius:28px;padding:38px 40px;display:flex;align-items:center;justify-content:space-between;gap:36px;overflow:hidden;position:relative}
.about-cta::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:80px;top:-190px;background:radial-gradient(circle,rgba(182,242,58,.14),transparent 66%);pointer-events:none}
.about-cta> *{position:relative;z-index:1}.about-cta p{color:#aeb3b7;max-width:720px;line-height:1.7}.about-cta .section-kicker{color:var(--accent)}
@media (max-width:767.98px){.about-cta{padding:28px 22px;display:block}.about-cta .btn{margin-top:24px;width:100%}}


/* FAQ page */
.faq-side-card{top:110px;border:1px solid var(--line);border-radius:28px;padding:1.75rem;background:#f7f7f3}
.faq-quick-list{display:grid;gap:.85rem;margin-top:1.4rem}
.faq-quick-list>div{display:flex;gap:.75rem;align-items:center;font-weight:700;font-size:.94rem}
.faq-quick-list i{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(182,242,58,.2);color:#628700;font-size:.72rem}
.faq-full .accordion-button{font-size:1.02rem;padding:1.45rem .2rem}
.faq-full .accordion-body{max-width:820px}
.faq-note{border:1px solid var(--line);border-radius:22px;padding:1.15rem 1.3rem;display:flex;gap:1rem;align-items:flex-start;background:#fafafa}
.faq-note-icon{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#171a1f}
.faq-note p{color:#73787e;margin-top:.25rem;line-height:1.6}
@media (max-width:991.98px){.faq-side-card{position:static!important}}

/* Contact V2.4 */
.contact-route-grid{margin-top:-8px}.contact-route-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 10px 28px rgba(20,24,18,.03)}.contact-route-card>span{flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:#eef9d9;color:#648613;display:grid;place-items:center}.contact-route-card h5{font-size:.98rem;font-weight:800;margin:1px 0 5px}.contact-route-card p{margin:0;color:#7b8085;font-size:.82rem;line-height:1.6}.contact-form-card{padding:30px}.contact-lock{width:42px;height:42px;border-radius:13px;background:#eef9d9;color:#648613;display:grid;place-items:center;flex:0 0 auto}.contact-success{display:flex;gap:18px;align-items:flex-start;padding:8px}.contact-success>span{width:50px;height:50px;flex:0 0 50px;border-radius:16px;background:var(--accent);color:#171a1f;display:grid;place-items:center;font-size:1.05rem}.contact-success h4{font-weight:800;margin:2px 0 7px}.contact-success p{color:#72787d;line-height:1.7}.contact-side-card{top:110px;background:#eeefe8;border:1px solid var(--line);border-radius:26px;padding:26px}.contact-side-card p{color:#73797e;line-height:1.7}.contact-side-card hr{border-color:#d9dbd4;margin:1.6rem 0}.contact-checklist{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.8rem}.contact-checklist li{display:flex;gap:.7rem;color:#6f757a;font-size:.84rem;line-height:1.5}.contact-checklist i{width:21px;height:21px;flex:0 0 21px;border-radius:50%;display:grid;place-items:center;background:#dfecc5;color:#5b7a12;font-size:.58rem;margin-top:1px}
@media (max-width:991.98px){.contact-side-card{position:static!important}.contact-route-grid{margin-top:0}}
@media (max-width:767.98px){.contact-form-card{padding:22px 18px}.contact-success{padding:2px;gap:13px}.contact-success>span{width:44px;height:44px;flex-basis:44px}}

/* Legal V2.5 */
.legal-updated{display:inline-flex;align-items:center;color:#777d82;font-size:.82rem;font-weight:600;background:#eceee7;border:1px solid #e0e2da;border-radius:999px;padding:.5rem .8rem}
.legal-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:28px;align-items:start;max-width:1180px;margin:0 auto}
.legal-summary-card{position:sticky;top:110px;background:var(--graphite);color:#fff;border:1px solid #2d3137;border-radius:26px;padding:26px;overflow:hidden}
.legal-summary-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,rgba(182,242,58,.13),transparent 70%);pointer-events:none}
.legal-summary-card>*{position:relative;z-index:1}.legal-summary-card .section-kicker{color:var(--accent)}.legal-summary-card h2{margin-bottom:1.4rem}
.legal-summary-list{display:grid;gap:18px}.legal-summary-list>div{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start}.legal-summary-list>div>i{width:40px;height:40px;border-radius:13px;background:rgba(182,242,58,.12);color:var(--accent);display:grid;place-items:center}.legal-summary-list strong{display:block;font-size:.88rem}.legal-summary-list small{display:block;color:#9fa4a9;line-height:1.55;margin-top:3px;font-size:.74rem}
.legal-card-wide{max-width:none;margin:0}.legal-intro{background:#f3f6ec;border:1px solid #e1e8d4;border-radius:18px;padding:18px 20px;margin-bottom:28px}.legal-intro p{margin:0;color:#5d6468!important}
.legal-card-wide h2{scroll-margin-top:120px}.legal-card-wide a{text-decoration:none}.legal-card-wide a:hover{text-decoration:underline}.legal-list{padding-left:1.2rem;color:#6f757a}.legal-list li{margin:.5rem 0;line-height:1.75}.legal-contact-box{margin-top:2.2rem;border-top:1px solid var(--line);padding-top:1.5rem;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center}.legal-contact-box>div:first-child{width:44px;height:44px;border-radius:14px;background:var(--accent);color:#171a1f;display:grid;place-items:center}.legal-contact-box strong{display:block}.legal-contact-box small{display:block;color:#777d82;line-height:1.5;margin-top:3px}
@media (max-width:991.98px){.legal-layout{grid-template-columns:1fr}.legal-summary-card{position:static}.legal-summary-list{grid-template-columns:repeat(3,1fr)}.legal-summary-list>div{grid-template-columns:36px 1fr}.legal-summary-list>div>i{width:36px;height:36px}}
@media (max-width:767.98px){.legal-summary-list{grid-template-columns:1fr}.legal-contact-box{grid-template-columns:42px 1fr}.legal-contact-box>.btn,.legal-contact-box>.d-flex{grid-column:1/-1}.legal-contact-box>.btn{width:100%}.legal-contact-box>.d-flex .btn{flex:1}.legal-updated{font-size:.76rem}}

/* Gietors Learn — richer tutorial pages */
.article-card-wide{max-width:980px}.article-meta{display:flex;flex-wrap:wrap;gap:18px;color:#aeb4b9;font-size:.82rem}.article-meta span{display:inline-flex;align-items:center;gap:7px}.article-summary{background:#f5f8ed;border:1px solid #e2e9d4;border-radius:18px;padding:18px 20px;margin-bottom:22px;color:#59615d;line-height:1.75}.article-summary strong{color:#303631}.article-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fafbf8}.article-toc strong{width:100%;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#70776d;margin-bottom:3px}.article-toc a{text-decoration:none;color:#5d6756;background:#fff;border:1px solid #e3e6dd;padding:7px 11px;border-radius:999px;font-size:.78rem;font-weight:700}.article-toc a:hover{border-color:#b6f23a;color:#39481b}.code-example{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;background:#171a1f;color:#d9f58f;border-radius:14px;padding:14px 16px;margin:12px 0 18px;overflow:auto;font-size:.9rem}.article-checklist{display:grid;gap:9px;margin:16px 0 22px}.article-checklist span{display:flex;align-items:flex-start;gap:10px;background:#fbfcf8;border:1px solid #e8eae4;border-radius:13px;padding:11px 13px;color:#656c68;line-height:1.55}.article-checklist i{color:#668b17;margin-top:4px}.article-warning{display:flex;gap:14px;align-items:flex-start;border:1px solid #efd9b5;background:#fff8eb;border-radius:16px;padding:16px 18px;margin:20px 0;color:#6d6353}.article-warning>i{margin-top:4px;color:#b37a1d}.article-warning strong,.article-warning span{display:block}.article-warning span{font-size:.92rem;margin-top:3px;line-height:1.65}.article-table{--bs-table-bg:transparent;border-color:#e3e6df;margin-top:12px}.article-table thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:#707770;background:#f7f8f4}.article-table td,.article-table th{padding:13px 14px}.article-steps{list-style:none!important;padding-left:0!important;display:grid;gap:12px}.article-steps li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;border:1px solid #e7e9e2;border-radius:15px;padding:14px;margin:0!important}.article-steps li>span{width:34px;height:34px;border-radius:10px;background:var(--accent);color:#20251a;display:grid;place-items:center;font-weight:800}.article-steps li strong{display:block;color:#3e4541;margin-bottom:3px}.article-steps li p{margin:0;font-size:.92rem}.article-related{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.article-related>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8b918d;font-weight:800}.article-related a{text-decoration:none;font-weight:800;color:#35401f}.article-related a i{margin-left:7px;font-size:.75rem}.article-related a:hover{color:#607e1d}@media(max-width:767.98px){.article-meta{gap:10px 16px}.article-toc{padding:13px}.article-toc a{font-size:.73rem}.article-steps li{grid-template-columns:32px 1fr;padding:12px}.article-steps li>span{width:30px;height:30px}.article-table td,.article-table th{padding:10px;font-size:.86rem}}

/* Projects V2.7 */
.projects-hero{padding-top:92px;padding-bottom:78px}.projects-hero .lead{max-width:820px}.projects-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #343940;border-radius:22px;overflow:hidden;background:#202328}.projects-hero-stats>div{padding:18px 14px;text-align:center;border-right:1px solid #343940}.projects-hero-stats>div:last-child{border-right:0}.projects-hero-stats strong{display:block;font-size:1.8rem;line-height:1;color:var(--accent);font-weight:800}.projects-hero-stats span{display:block;margin-top:8px;color:#949ba1;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.projects-map-section{background:#eff0ea;border-bottom:1px solid var(--line)}.ecosystem-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center}.ecosystem-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;min-height:170px;box-shadow:0 9px 30px rgba(20,24,18,.035)}.ecosystem-step.accent{background:#171a1f;border-color:#2d3137}.ecosystem-index{position:absolute;right:18px;top:16px;color:#c1c5c0;font-size:.66rem;font-weight:800;letter-spacing:.08em}.ecosystem-step.accent .ecosystem-index{color:#676d72}.ecosystem-icon{width:46px;height:46px;border-radius:14px;background:#edf5dd;color:#648613;display:grid;place-items:center;margin-bottom:22px}.ecosystem-step.accent .ecosystem-icon{background:var(--accent);color:#171a1f}.ecosystem-step strong{display:block;font-size:1rem}.ecosystem-step small{display:block;color:#7e8480;line-height:1.55;margin-top:5px}.ecosystem-step.accent strong{color:#fff}.ecosystem-step.accent small{color:#93999f}.ecosystem-arrow{color:#9ca29c;font-size:.8rem}
.projects-grid-section{background:#fafaf7}.projects-section-copy{max-width:490px;line-height:1.7}.project-card-v27{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;display:flex;flex-direction:column;box-shadow:0 12px 36px rgba(20,24,18,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-card-v27:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(20,24,18,.055);border-color:#d6ddc8}.project-card-featured{border-color:#d8e3c1;background:linear-gradient(145deg,#fff 0%,#fbfdf6 100%)}.project-card-lab{background:#eff0ea;border-style:dashed}.project-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px}.project-card-icon{width:56px;height:56px;flex:0 0 56px;border-radius:17px;background:#171a1f;color:var(--accent);display:grid;place-items:center;font-size:1.05rem}.project-card-featured .project-card-icon{background:var(--accent);color:#171a1f}.project-card-labels{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.project-number{color:#a0a5a9;font-size:.65rem;font-weight:800;letter-spacing:.09em}.project-card-v27 h3{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.65rem}.project-card-lead{color:#747b80;line-height:1.75;margin-bottom:24px;max-width:620px}.project-detail-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e6e8e2;border-radius:18px;overflow:hidden;margin-bottom:24px}.project-detail-grid>div{padding:14px 15px;border-right:1px solid #e6e8e2;border-bottom:1px solid #e6e8e2}.project-detail-grid>div:nth-child(2n){border-right:0}.project-detail-grid>div:nth-last-child(-n+2){border-bottom:0}.project-detail-grid span{display:block;color:#9a9fa4;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.project-detail-grid strong{display:block;color:#4d5458;font-size:.83rem;margin-top:5px;line-height:1.45}.project-snapshot{display:flex;align-items:center;gap:18px;border:1px solid #e6e8e2;border-radius:18px;padding:18px;margin-bottom:24px;background:#fbfcf9}.project-snapshot>strong{font-size:2.5rem;line-height:1;color:#5c7c16}.project-snapshot span{display:block;font-size:.84rem;font-weight:800;color:#4e5559}.project-snapshot small{display:block;color:#8a9094;line-height:1.55;margin-top:3px}.lab-notes{display:grid;gap:9px;margin-bottom:24px}.lab-notes>div{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.6);border:1px solid #e0e2dc;border-radius:13px;padding:11px 13px;color:#666d71;font-size:.84rem}.lab-notes i{color:#628713;margin-top:3px}.project-card-footer{margin-top:auto;padding-top:22px;border-top:1px solid #eceee8;display:flex;justify-content:space-between;align-items:center;gap:16px}.project-tech{display:flex;gap:7px;flex-wrap:wrap}.project-tech span{background:#f0f1ec;border:1px solid #e3e5de;color:#747a7e;border-radius:999px;padding:.4rem .62rem;font-size:.64rem;font-weight:800;letter-spacing:.03em}.project-card-lab .project-tech span{background:#e8e9e3}
.project-principles-section{background:#fff}.project-principles-box{background:#181b1f;color:#fff;border:1px solid #2c3035;border-radius:32px;padding:40px;position:relative;overflow:hidden}.project-principles-box::after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-160px;top:-190px;background:radial-gradient(circle,rgba(182,242,58,.13),transparent 68%)}.project-principles-box>*{position:relative;z-index:1}.project-principles-box .section-kicker{color:var(--accent)}.project-principles-box p{color:#a4aab0;line-height:1.75}.project-principles-list{display:grid;gap:10px}.project-principles-list>div{display:grid;grid-template-columns:44px 135px 1fr;gap:14px;align-items:center;border:1px solid #30353b;background:#22262b;border-radius:15px;padding:14px 16px}.project-principles-list span{width:36px;height:36px;border-radius:11px;background:rgba(182,242,58,.12);color:var(--accent);display:grid;place-items:center;font-size:.7rem;font-weight:800}.project-principles-list strong{font-size:.88rem}.project-principles-list small{color:#8e959a;line-height:1.5}
.projects-bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--line);border-radius:28px;padding:30px;background:#f5f6f1}.projects-bottom-cta>div:first-child{max-width:720px}
@media(max-width:991.98px){.projects-hero-stats{max-width:480px}.ecosystem-flow{grid-template-columns:1fr}.ecosystem-arrow{transform:rotate(90deg);justify-self:center}.projects-section-copy{max-width:none}.project-card-footer{align-items:flex-start;flex-direction:column}.project-principles-list>div{grid-template-columns:44px 1fr}.project-principles-list small{grid-column:2}.projects-bottom-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:767.98px){.projects-hero{padding-top:72px;padding-bottom:62px}.projects-hero-stats>div{padding:15px 8px}.projects-hero-stats strong{font-size:1.45rem}.projects-hero-stats span{font-size:.58rem}.project-card-v27{padding:23px 19px;border-radius:23px}.project-card-head{align-items:center}.project-card-icon{width:50px;height:50px;flex-basis:50px}.project-card-labels{gap:6px}.project-detail-grid{grid-template-columns:1fr}.project-detail-grid>div,.project-detail-grid>div:nth-child(2n),.project-detail-grid>div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #e6e8e2}.project-detail-grid>div:last-child{border-bottom:0}.project-snapshot{align-items:flex-start}.project-principles-box{padding:28px 21px;border-radius:26px}.project-principles-list>div{grid-template-columns:38px 1fr;padding:12px}.project-principles-list span{width:32px;height:32px}.projects-bottom-cta{padding:24px 20px}.projects-bottom-cta .btn{width:100%}}

/* WebP Converter V2.8 */
.tool-privacy-note{display:flex;align-items:flex-start;gap:13px;background:#f0f6e5;border:1px solid #dce9c4;border-radius:16px;padding:14px 16px;color:#566345}.tool-privacy-note>i{width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:var(--accent);color:#171a1f;display:grid;place-items:center}.tool-privacy-note strong,.tool-privacy-note span{display:block}.tool-privacy-note strong{font-size:.88rem;color:#39432e}.tool-privacy-note span{font-size:.79rem;line-height:1.55;margin-top:2px;color:#737e69}.quality-badge{min-width:58px;text-align:center;background:#171a1f;color:var(--accent);border-radius:999px;padding:.38rem .65rem;font-size:.75rem;font-weight:800}.webp-result-box{padding:22px}.webp-preview-wrap{min-height:330px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#f2f3ee 25%,transparent 25%),linear-gradient(-45deg,#f2f3ee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f2f3ee 75%),linear-gradient(-45deg,transparent 75%,#f2f3ee 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:#fafbf7;border:1px solid #e2e5dc;border-radius:18px;overflow:hidden;padding:16px}.webp-empty-preview{min-height:270px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#a0a69f;text-align:center}.webp-empty-preview i{font-size:2rem;color:#bdc3b7}.webp-empty-preview span{font-size:.82rem}.webp-meta-card{border:1px solid #e2e5dd;background:#fafbf7;border-radius:18px;padding:18px}.webp-meta-card>.mini-label{display:block;margin-bottom:10px}.webp-meta-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:11px 0;border-bottom:1px solid #e8eae4}.webp-meta-row:last-child{border-bottom:0;padding-bottom:0}.webp-meta-row span{font-size:.75rem;color:#8b918c}.webp-meta-row strong{font-size:.78rem;text-align:right;color:#4b514d;word-break:break-word}.info-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 34px rgba(20,24,18,.03)}.info-card p{line-height:1.72}.webp-tool-shell .form-control,.webp-tool-shell .form-select{min-height:48px;border-radius:13px;border-color:#dfe2dc}.webp-tool-shell .form-control:focus,.webp-tool-shell .form-select:focus{border-color:#a7cf56;box-shadow:0 0 0 .25rem rgba(182,242,58,.14)}
@media(max-width:767.98px){.webp-result-box{padding:16px}.webp-preview-wrap{min-height:250px}.webp-empty-preview{min-height:210px}.tool-privacy-note{padding:13px}.webp-meta-card{padding:15px}}

/* PDF Tools V2.9 */
.pdf-tool-shell .form-control,.pdf-tool-shell .form-select{min-height:48px;border-radius:13px;border-color:#dfe2dc}.pdf-tool-shell .form-control:focus,.pdf-tool-shell .form-select:focus{border-color:#a7cf56;box-shadow:0 0 0 .25rem rgba(182,242,58,.14)}
.pdf-file-list{border:1px solid #e0e3dc;background:#fafbf7;border-radius:18px;overflow:hidden;min-height:90px}.pdf-empty-list,.pdf-empty-preview{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9ba19b;text-align:center;padding:24px}.pdf-empty-list i,.pdf-empty-preview i{font-size:2rem;color:#bdc3b7}.pdf-empty-list span,.pdf-empty-preview span{font-size:.82rem}
.pdf-file-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-bottom:1px solid #e7e9e3}.pdf-file-item:last-child{border-bottom:0}.pdf-file-item img{width:58px;height:58px;border-radius:11px;object-fit:cover;background:#eef0ea;border:1px solid #e0e2dc}.pdf-file-copy{min-width:0}.pdf-file-copy strong,.pdf-file-copy span{display:block}.pdf-file-copy strong{font-size:.82rem;color:#444a46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-file-copy span{font-size:.7rem;color:#939994;margin-top:4px}.pdf-file-actions{display:flex;gap:5px}.pdf-file-actions .btn{width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:10px;border:1px solid #e0e3dc;background:#fff}.pdf-file-actions .btn:disabled{opacity:.35}
.pdf-summary-card{height:100%;min-height:76px;border:1px solid #dfe4d6;background:#f3f7ea;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center}.pdf-summary-card span{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#7f8875}.pdf-summary-card strong{font-size:.94rem;color:#46503d;margin-top:3px}
.pdf-result-box{padding:20px}.pdf-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pdf-page-grid>.pdf-empty-preview{grid-column:1/-1}.pdf-page-card{border:1px solid #e0e3dc;background:#fff;border-radius:17px;overflow:hidden;min-width:0}.pdf-page-image{aspect-ratio:3/4;background:#f2f3ee;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #e7e9e3}.pdf-page-image img{width:100%;height:100%;object-fit:contain;background:#f5f5f2}.pdf-page-info{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px}.pdf-page-info>div{min-width:0}.pdf-page-info strong,.pdf-page-info span{display:block}.pdf-page-info strong{font-size:.78rem;color:#444a46}.pdf-page-info span{font-size:.66rem;color:#939994;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-page-info .btn{flex:0 0 auto;font-size:.69rem}
@media(max-width:991.98px){.pdf-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.pdf-file-item{grid-template-columns:48px minmax(0,1fr);gap:10px}.pdf-file-item img{width:48px;height:48px}.pdf-file-actions{grid-column:1/-1;justify-content:flex-end}.pdf-page-grid{grid-template-columns:1fr}.pdf-result-box{padding:14px}.pdf-page-image{aspect-ratio:auto;min-height:260px}}

/* Image Cropper V3.0 */
.cropper-tool-shell .form-control,.cropper-tool-shell .form-select{min-height:48px;border-radius:13px;border-color:#dfe2dc}.cropper-tool-shell .form-control:focus,.cropper-tool-shell .form-select:focus{border-color:#a7cf56;box-shadow:0 0 0 .25rem rgba(182,242,58,.14)}
.cropper-control-panel{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;padding:18px;border:1px solid #e3e6de;background:#fafbf7;border-radius:20px}.cropper-control-block{min-width:0}.cropper-control-label{display:block;font-size:.76rem;font-weight:800;color:#4d544e;margin-bottom:10px}.ratio-buttons{display:flex;flex-wrap:wrap;gap:8px}.ratio-btn{border:1px solid #d9ddd4;background:#fff;color:#646b66;border-radius:999px;padding:.52rem .82rem;font-size:.72rem;font-weight:800;transition:.18s ease}.ratio-btn:hover{border-color:#b8d67c;color:#31372f}.ratio-btn.active{background:#171a1f;border-color:#171a1f;color:var(--accent)}
.cropper-actionbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.cropper-workspace-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.7fr);gap:20px}.cropper-pane-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px}.cropper-pane-title span{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#555c57}.cropper-pane-title small{font-size:.68rem;color:#9aa09b;text-align:right}.cropper-stage{position:relative;min-height:500px;background:#171a1f;border-radius:20px;overflow:hidden;border:1px solid #25292e;display:flex;align-items:center;justify-content:center}.cropper-stage>img{display:block;max-width:100%}.cropper-empty{min-height:500px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8f9690;padding:30px}.cropper-empty i{font-size:2.2rem;color:var(--accent);margin-bottom:12px}.cropper-empty strong{color:#d7dbd5;font-size:1rem}.cropper-empty span{font-size:.78rem;margin-top:5px}.crop-preview-shell{height:320px;border-radius:20px;overflow:hidden;background:linear-gradient(45deg,#f2f3ee 25%,transparent 25%),linear-gradient(-45deg,#f2f3ee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f2f3ee 75%),linear-gradient(-45deg,transparent 75%,#f2f3ee 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:#fafbf7;border:1px solid #e2e5dc}.crop-preview{width:100%;height:100%;overflow:hidden}.crop-meta-card{border:1px solid #e2e5dd;background:#fafbf7;border-radius:18px;padding:18px}.crop-result-box{padding:20px}.crop-result-dimension{display:inline-flex;background:#171a1f;color:var(--accent);border-radius:999px;padding:.48rem .72rem;font-size:.72rem;font-weight:800}.crop-export-preview-wrap{min-height:340px}.cropper-container{font-size:0;line-height:0}.cropper-view-box,.cropper-face{border-radius:2px}.cropper-view-box{outline:2px solid var(--accent);outline-color:rgba(182,242,58,.95)}.cropper-line{background-color:var(--accent)}.cropper-point{background-color:var(--accent);width:8px;height:8px}.cropper-bg{background-image:none;background:#20242a}.cropper-modal{background-color:#0f1114;opacity:.58}
@media(max-width:991.98px){.cropper-control-panel{grid-template-columns:1fr 1fr}.cropper-control-panel .cropper-control-block:first-child{grid-column:1/-1}.cropper-workspace-grid{grid-template-columns:1fr}.cropper-stage{min-height:430px}.crop-preview-shell{height:280px}}
@media(max-width:575.98px){.cropper-control-panel{grid-template-columns:1fr;padding:14px}.cropper-control-panel .cropper-control-block:first-child{grid-column:auto}.cropper-stage,.cropper-empty{min-height:350px}.crop-preview-shell{height:230px}.cropper-actionbar{align-items:stretch}.cropper-actionbar>div{width:100%}.cropper-actionbar .btn{flex:1 1 auto}.cropper-pane-title{align-items:flex-start;flex-direction:column;gap:2px}.cropper-pane-title small{text-align:left}.crop-result-box{padding:14px}}

/* Image Watermark V3.1 */
.watermark-tool-shell .form-control,.watermark-tool-shell .form-select{min-height:48px;border-radius:13px;border-color:#dfe2dc}.watermark-tool-shell .form-control:focus,.watermark-tool-shell .form-select:focus{border-color:#a7cf56;box-shadow:0 0 0 .25rem rgba(182,242,58,.14)}.watermark-color-input{width:100%;padding:.35rem;min-height:48px}
.watermark-mode-tabs{display:inline-flex;gap:6px;padding:5px;background:#eef1ea;border:1px solid #e0e4da;border-radius:15px}.watermark-mode-btn{border:0;background:transparent;border-radius:11px;padding:.68rem 1rem;color:#6a716b;font-size:.78rem;font-weight:800}.watermark-mode-btn.active{background:#171a1f;color:var(--accent);box-shadow:0 6px 16px rgba(23,26,31,.13)}
.watermark-settings{border:1px solid #e2e5dd;background:#fafbf7;border-radius:18px;padding:18px}.watermark-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.watermark-control-card,.watermark-position-panel{border:1px solid #e2e5dd;background:#fafbf7;border-radius:18px;padding:17px}.watermark-control-label{display:block;font-size:.75rem;font-weight:800;color:#4d544e}.watermark-control-card small{display:block;color:#929993;font-size:.68rem;line-height:1.45;margin-top:6px}
.watermark-position-grid{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,42px);gap:7px;justify-content:center}.watermark-position-grid button{position:relative;border:1px solid #d8ddd2;border-radius:10px;background:#fff;transition:.15s ease}.watermark-position-grid button:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#c2c8bd;left:50%;top:50%;transform:translate(-50%,-50%)}.watermark-position-grid button:hover{border-color:#b3cf7d}.watermark-position-grid button.active{border-color:#171a1f;background:#171a1f;box-shadow:0 4px 12px rgba(23,26,31,.14)}.watermark-position-grid button.active:before{background:var(--accent)}
.watermark-actionbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.watermark-preview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.55fr);gap:20px}.watermark-stage{position:relative;min-height:440px;border-radius:20px;background:#171a1f;border:1px solid #25292e;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:14px}.watermark-stage canvas{display:none;max-width:100%;max-height:590px;width:auto;height:auto;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.watermark-empty{min-height:410px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8f9690}.watermark-empty i{font-size:2.2rem;color:var(--accent);margin-bottom:12px}.watermark-empty strong{color:#d7dbd5}.watermark-empty span{font-size:.78rem;margin-top:5px}.watermark-meta-card{height:100%}.watermark-result-box{padding:20px}.watermark-export-preview{min-height:340px}
@media(max-width:991.98px){.watermark-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watermark-preview-grid{grid-template-columns:1fr}.watermark-stage{min-height:380px}.watermark-empty{min-height:350px}}
@media(max-width:575.98px){.watermark-mode-tabs{display:flex}.watermark-mode-btn{flex:1}.watermark-settings{padding:14px}.watermark-control-grid{grid-template-columns:1fr}.watermark-actionbar{align-items:stretch}.watermark-actionbar>div{width:100%}.watermark-actionbar .btn,.watermark-actionbar a{flex:1}.watermark-stage{min-height:310px;padding:10px}.watermark-empty{min-height:290px}.watermark-result-box{padding:14px}.watermark-position-grid{grid-template-columns:repeat(3,1fr);width:100%}.watermark-position-grid button{height:42px}}

/* V3.2 — Photo Collage Maker */
.collage-tool-shell .form-control,.collage-tool-shell .form-select{min-height:48px;border-radius:13px;border-color:#dfe2dc}.collage-tool-shell .form-control:focus,.collage-tool-shell .form-select:focus{border-color:#a7cf56;box-shadow:0 0 0 .25rem rgba(182,242,58,.14)}.collage-color-input{width:100%;padding:.35rem;min-height:48px}
.collage-photo-list{display:grid;gap:10px}.collage-empty-list,.collage-loading{min-height:78px;border:1px dashed #d8ddd2;background:#fafbf7;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:10px;color:#8f9690;font-size:.8rem}.collage-empty-list i{color:#aab1a7;font-size:1.1rem}.collage-photo-item{display:grid;grid-template-columns:28px 64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid #e2e5dd;background:#fff;border-radius:16px;transition:.16s ease}.collage-photo-item.dragging{opacity:.5}.collage-photo-item.drag-over{border-color:#a9d45b;background:#f7fbea}.collage-photo-drag{color:#b4bbb1;cursor:grab;text-align:center}.collage-photo-item img{width:64px;height:52px;object-fit:cover;border-radius:10px;background:#eef0e9}.collage-photo-info{min-width:0}.collage-photo-info strong,.collage-photo-info small{display:block}.collage-photo-info strong{font-size:.77rem;color:#3e4540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collage-photo-info small{font-size:.68rem;color:#969d97;margin-top:3px}.collage-photo-actions{display:flex;gap:6px}.collage-mini-btn{width:32px;height:32px;border-radius:9px;border:1px solid #dfe3da;background:#fff;color:#687069;display:grid;place-items:center;font-size:.7rem}.collage-mini-btn:hover:not(:disabled){border-color:#bad780;color:#252a25}.collage-mini-btn.danger:hover:not(:disabled){border-color:#e7b8b8;color:#a23d3d;background:#fff8f8}.collage-mini-btn:disabled{opacity:.35;cursor:not-allowed}
.collage-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.collage-slider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.collage-control-card{border:1px solid #e2e5dd;background:#fafbf7;border-radius:18px;padding:17px}.collage-control-label{display:block;font-size:.75rem;font-weight:800;color:#4d544e;margin-bottom:8px}.collage-control-card small{display:block;color:#929993;font-size:.68rem;line-height:1.45;margin-top:6px}.collage-actionbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.collage-preview-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.55fr);gap:20px}.collage-stage{position:relative;min-height:500px;border-radius:20px;background:#171a1f;border:1px solid #25292e;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:14px}.collage-stage canvas{display:none;max-width:100%;max-height:680px;width:auto;height:auto;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.28)}.collage-preview-empty{min-height:470px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8f9690}.collage-preview-empty i{font-size:2.2rem;color:var(--accent);margin-bottom:12px}.collage-preview-empty strong{color:#d7dbd5}.collage-preview-empty span{font-size:.78rem;margin-top:5px}.collage-meta-card{height:100%}.tool-step-list{padding-left:1.2rem;color:#6f766f}.tool-step-list li{margin:.65rem 0;line-height:1.6}
@media(max-width:991.98px){.collage-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.collage-slider-grid{grid-template-columns:1fr}.collage-preview-grid{grid-template-columns:1fr}.collage-stage{min-height:420px}.collage-preview-empty{min-height:390px}}
@media(max-width:575.98px){.collage-controls{grid-template-columns:1fr}.collage-photo-item{grid-template-columns:20px 54px minmax(0,1fr);gap:9px}.collage-photo-item img{width:54px;height:46px}.collage-photo-actions{grid-column:2/-1;justify-content:flex-end}.collage-actionbar{align-items:stretch}.collage-actionbar>div{width:100%}.collage-actionbar .btn,.collage-actionbar a{flex:1}.collage-stage{min-height:320px;padding:9px}.collage-preview-empty{min-height:300px}}


/* V3.3 — Image ↔ Base64 */
.base64-tool-shell .form-control,.base64-tool-shell .form-select{border-radius:13px;border-color:#dfe2dc}.base64-tool-shell .form-control:focus,.base64-tool-shell .form-select:focus{border-color:#a7cf56;box-shadow:0 0 0 .25rem rgba(182,242,58,.14)}.base64-mode-tabs{display:inline-flex;gap:6px;padding:5px;background:#eef1ea;border:1px solid #e0e4da;border-radius:15px}.base64-mode-btn{border:0;background:transparent;border-radius:11px;padding:.72rem 1rem;color:#6a716b;font-size:.78rem;font-weight:800}.base64-mode-btn.active{background:#171a1f;color:var(--accent);box-shadow:0 6px 16px rgba(23,26,31,.13)}.base64-code-area{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:.78rem;line-height:1.55;resize:vertical;min-height:250px;word-break:break-all}.base64-result-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.55fr);gap:20px;align-items:start}.base64-preview-card{border:1px solid #e2e5dd;background:#fafbf7;border-radius:18px;padding:18px}.base64-preview-box{min-height:250px;border-radius:15px;overflow:hidden;background:linear-gradient(45deg,#f0f1ec 25%,transparent 25%),linear-gradient(-45deg,#f0f1ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f1ec 75%),linear-gradient(-45deg,transparent 75%,#f0f1ec 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:#fff;border:1px solid #e3e5de;display:flex;align-items:center;justify-content:center;padding:12px}.base64-preview-box img{max-width:100%;max-height:340px;border-radius:8px}.base64-empty-preview{min-height:220px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#9ba19b;text-align:center}.base64-empty-preview i{font-size:2rem;color:#bbc1b8}.base64-decode-result{padding:20px}.base64-decode-preview{min-height:380px}.base64-tool-shell code{color:#55780c;background:#eef6df;border-radius:6px;padding:.12rem .3rem}
@media(max-width:991.98px){.base64-result-grid{grid-template-columns:1fr}.base64-preview-box{min-height:220px}.base64-decode-preview{min-height:300px}}
@media(max-width:575.98px){.base64-mode-tabs{display:flex;width:100%}.base64-mode-btn{flex:1;padding:.7rem .6rem}.base64-code-area{min-height:220px}.base64-preview-card{padding:14px}.base64-decode-result{padding:14px}}

/* V3.4 — Categorized Tools Directory */
.tools-page-hero .tools-hero-stat{margin-left:auto;max-width:280px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:22px;padding:22px;display:flex;align-items:baseline;gap:12px}.tools-hero-stat strong{font-size:2.7rem;line-height:1;color:var(--accent);letter-spacing:-.06em}.tools-hero-stat span{font-size:.82rem;line-height:1.45;color:#9ba1a6;max-width:125px}.tools-category-strip{background:#eef0e9;border-bottom:1px solid #e0e3dc}.tool-category-summary{min-height:104px;border:1px solid #dfe3da;background:#fff;border-radius:19px;padding:16px 20px;display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:14px;align-items:center;color:#303530;transition:.2s ease}.tool-category-summary:hover{transform:translateY(-2px);border-color:#c9d5b2;box-shadow:0 12px 28px rgba(20,24,18,.06)}.category-summary-icon{width:42px;height:42px;border-radius:13px;background:#eef9d9;color:#648613;display:grid;place-items:center}.category-summary-copy{min-width:0;display:flex;flex-direction:column}.category-summary-copy strong{font-size:.88rem}.category-summary-copy small{font-size:.7rem;color:#949a95;margin-top:3px}.category-summary-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1f3ee;font-size:.72rem;color:#687067;transition:.2s;justify-self:end}.tool-category-summary:hover .category-summary-arrow{transform:translateX(2px);background:#eef9d9;color:#516d0d}.tools-directory-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.tool-search-wrap{position:relative;width:min(100%,360px)}.tool-search-wrap>i{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#9aa09a;z-index:2}.tool-search-wrap .form-control{padding-left:42px;padding-right:42px;background:#fff;min-height:48px}.tool-search-wrap button{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:31px;height:31px;border:0;border-radius:9px;background:#eef0e9;color:#707770;display:none;place-items:center}.tool-search-wrap button.is-visible{display:grid}.tool-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.tool-filter-btn{border:1px solid #dce0d7;background:#fff;color:#626963;border-radius:999px;padding:.66rem 1rem;font-size:.78rem;font-weight:800;transition:.18s}.tool-filter-btn span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:5px;border-radius:999px;background:#eef0e9;color:#8b918c;font-size:.65rem}.tool-filter-btn:hover{border-color:#c2d59e;color:#3f4d28}.tool-filter-btn.active{background:#171a1f;border-color:#171a1f;color:#fff}.tool-filter-btn.active span{background:var(--accent);color:#171a1f}.tool-grid-item[hidden]{display:none!important}.tool-directory-card{min-height:320px}.tool-category-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfe3d8;background:#f7f8f3;color:#737a73;border-radius:999px;padding:.42rem .68rem;font-size:.67rem;font-weight:800;letter-spacing:.02em}.tool-category-badge i{color:#6b8d18}.tool-directory-foot{font-size:.74rem;font-weight:800;color:#646c64;display:flex;align-items:center;gap:7px}.tool-directory-card:hover .tool-directory-foot{color:#4f6d08}.tool-empty-state{max-width:520px;margin:45px auto 0;text-align:center;border:1px dashed #d5dad0;border-radius:24px;background:#f9faf6;padding:38px 24px}.tool-empty-state>span{width:52px;height:52px;border-radius:16px;background:#eef1e9;display:grid;place-items:center;margin:0 auto 14px;color:#8d958d}.tool-empty-state h3{font-size:1.25rem;font-weight:800}.tool-empty-state p{color:#878e88}.tools-suggest-box{border:1px solid #dfe3da;background:#fff;border-radius:26px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px}.tools-suggest-box .section-kicker{display:block;margin-bottom:.5rem}.home-tool-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.home-tool-categories a{text-decoration:none;border:1px solid #dfe3da;background:#fff;border-radius:15px;padding:12px 14px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;transition:.18s}.home-tool-categories a:hover{border-color:#c8d7aa;transform:translateY(-2px)}.home-tool-categories span{width:34px;height:34px;border-radius:10px;background:#eef9d9;color:#648613;display:grid;place-items:center;font-size:.78rem}.home-tool-categories strong{font-size:.75rem}.home-tool-categories small{font-size:.64rem;font-weight:800;color:#9aa099;background:#f0f1ec;padding:4px 7px;border-radius:999px}
@media(max-width:991.98px){.tools-page-hero .tools-hero-stat{margin-left:0}.tools-directory-head{align-items:stretch;flex-direction:column}.tool-search-wrap{width:100%}.home-tool-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-suggest-box{align-items:flex-start;flex-direction:column}}
@media(max-width:575.98px){.tool-category-summary{min-height:94px;grid-template-columns:38px minmax(0,1fr);padding:13px}.category-summary-icon{width:38px;height:38px}.category-summary-arrow{display:none}.category-summary-copy strong{font-size:.78rem}.tools-category-strip .row{--bs-gutter-x:.7rem;--bs-gutter-y:.7rem}.tool-filter-tabs{gap:6px}.tool-filter-btn{padding:.58rem .78rem;font-size:.72rem}.tool-directory-card{min-height:280px}.tools-suggest-box{padding:23px 20px}.home-tool-categories{grid-template-columns:1fr 1fr}.home-tool-categories a{grid-template-columns:32px minmax(0,1fr);padding:10px}.home-tool-categories small{display:none}.home-tool-categories span{width:32px;height:32px}.home-tool-categories strong{font-size:.69rem}}


/* V3.5 — Text Tools */
.text-tool-shell textarea{min-height:300px;resize:vertical;font-family:inherit;line-height:1.65}
.text-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.text-stat{border:1px solid #e1e5dc;background:#fafbf7;border-radius:16px;padding:15px 16px}
.text-stat strong{display:block;font-size:1.5rem;letter-spacing:-.04em;color:#232722;line-height:1.1}
.text-stat span{display:block;margin-top:5px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#969d96}
.text-action-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.text-tool-note{font-size:.76rem;color:#8c938d;line-height:1.55}
.case-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.case-action-grid button{border:1px solid #dce1d7;background:#fff;border-radius:13px;padding:12px 13px;text-align:left;font-size:.76rem;font-weight:800;color:#555d56;transition:.18s}
.case-action-grid button:hover{border-color:#b8cf89;background:#f7faef;color:#405025;transform:translateY(-1px)}
.text-result-card{border:1px solid #dfe4da;background:#fbfcf8;border-radius:18px;padding:18px}
.text-result-card textarea{background:#fff}
.duplicate-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.duplicate-option{display:flex;align-items:flex-start;gap:10px;border:1px solid #e0e4db;background:#fafbf7;border-radius:14px;padding:12px 13px;cursor:pointer}
.duplicate-option input{margin-top:3px}
.duplicate-option strong{display:block;font-size:.78rem;color:#505751}
.duplicate-option span{display:block;font-size:.69rem;color:#969c96;margin-top:2px;line-height:1.45}
.text-delta{display:flex;flex-wrap:wrap;gap:8px}
.text-delta span{display:inline-flex;align-items:center;gap:6px;background:#eff5e5;color:#5f711f;border:1px solid #dce9c4;border-radius:999px;padding:7px 10px;font-size:.7rem;font-weight:800}
@media(max-width:991.98px){.home-tool-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.text-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:575.98px){.text-tool-shell{padding:20px}.text-tool-shell textarea{min-height:240px}.text-stats-grid{grid-template-columns:1fr 1fr}.case-action-grid{grid-template-columns:1fr 1fr}.duplicate-options{grid-template-columns:1fr}}

/* V3.6 — Developer Tools */
.developer-tool-shell .form-control,.developer-tool-shell .form-select{border-radius:13px;border-color:#dfe2dc}.developer-tool-shell .form-control:focus,.developer-tool-shell .form-select:focus{border-color:#a7cf56;box-shadow:0 0 0 .25rem rgba(182,242,58,.14)}
.developer-code-area{min-height:330px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:.78rem;line-height:1.6;tab-size:2;background:#fbfcf9}
.developer-status{font-size:.72rem;font-weight:800;color:#929993}.developer-status.is-valid{color:#587615}.developer-status.is-error{color:#b04848}.developer-status.is-medium{color:#9a7617}
.json-error-box{display:flex;gap:12px;align-items:flex-start;border:1px solid #edcaca;background:#fff4f4;color:#934747;border-radius:15px;padding:13px 15px}.json-error-box>i{margin-top:3px}.json-error-box strong,.json-error-box span{display:block}.json-error-box span{font-size:.74rem;line-height:1.5;margin-top:2px;word-break:break-word}
.developer-command-bar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;border-top:1px solid #e7e9e3;padding-top:20px}.developer-command-bar>div:first-child:not(.developer-mode-hint){min-width:160px}.developer-mode-hint{min-width:260px;flex:1}.developer-mode-hint strong,.developer-mode-hint span{display:block}.developer-mode-hint strong{font-size:.84rem}.developer-mode-hint span{font-size:.72rem;color:#929993;margin-top:3px;line-height:1.5}
.developer-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.developer-stats-grid>div{border:1px solid #e0e4dc;background:#fafbf7;border-radius:16px;padding:15px}.developer-stats-grid strong{display:block;font-size:1.15rem;line-height:1.15;color:#2c312c;overflow:hidden;text-overflow:ellipsis}.developer-stats-grid span{display:block;margin-top:6px;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#969d96}
.developer-mode-tabs{display:inline-flex;gap:6px;padding:5px;border:1px solid #e0e4da;background:#eef1ea;border-radius:15px}.developer-mode-btn{border:0;background:transparent;border-radius:11px;padding:.72rem 1rem;font-size:.76rem;font-weight:800;color:#687068}.developer-mode-btn.active{background:#171a1f;color:var(--accent);box-shadow:0 6px 16px rgba(23,26,31,.13)}
.url-code-area{min-height:260px}
.password-output-card,.password-setting-card,.password-list-card{border:1px solid #e0e4dc;background:#fafbf7;border-radius:19px;padding:18px}.password-output-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.password-output-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.password-output-row .form-control{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-weight:700;letter-spacing:.02em;background:#fff;min-height:54px}.password-output-row .btn{border-radius:13px;min-width:105px}.password-strength{font-size:.7rem;font-weight:800;color:#929993}.password-strength.is-valid{color:#587615}.password-strength.is-medium{color:#9a7617}.password-strength.is-error{color:#b04848}.password-meter{height:7px;border-radius:999px;background:#e7eae3;overflow:hidden}.password-meter i{display:block;width:0;height:100%;background:var(--accent);border-radius:inherit;transition:width .2s ease}.password-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.password-option{display:flex;align-items:flex-start;gap:10px;border:1px solid #e0e4dc;background:#fff;border-radius:14px;padding:12px 13px;cursor:pointer}.password-option input{margin-top:3px}.password-option strong,.password-option small{display:block}.password-option strong{font-size:.78rem;color:#4f574f}.password-option small{font-size:.69rem;color:#969c96;margin-top:2px}.password-actions{display:flex;flex-wrap:wrap;gap:9px}.password-list{display:grid;gap:8px}.password-list-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:center;border:1px solid #e2e5de;background:#fff;border-radius:13px;padding:9px 10px 9px 13px}.password-list-row code{font-size:.76rem;color:#4b534b;word-break:break-all}.password-list-row button{border:0;width:36px;height:36px;border-radius:10px;background:#eef2e9;color:#5d721d}
@media(max-width:767.98px){.developer-code-area{min-height:260px}.developer-command-bar{align-items:stretch}.developer-command-bar>*{width:100%}.developer-stats-grid{grid-template-columns:1fr 1fr}.password-options-grid{grid-template-columns:1fr}.password-output-row{grid-template-columns:1fr}.password-output-row .btn{width:100%}.password-actions .btn{width:100%}}


/* V3.8 — Utility Tools */
.utility-tool-shell .form-control,.utility-tool-shell .form-select{border-radius:13px;border-color:#dfe2dc}
.utility-tool-shell .form-control:focus,.utility-tool-shell .form-select:focus{border-color:#a7cf56;box-shadow:0 0 0 .25rem rgba(182,242,58,.14)}
.utility-panel{border:1px solid #e0e4dc;background:#fafbf7;border-radius:20px;padding:20px}
.utility-output{border:1px solid #dfe4da;background:#fff;border-radius:16px;padding:14px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.utility-output code,.utility-output strong{min-width:0;overflow-wrap:anywhere}.utility-output code{color:#4c544c;font-size:.78rem}.utility-output small{display:block;color:#919891;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
.utility-copy{width:38px;height:38px;border:0;border-radius:11px;background:#eef2e9;color:#5e741b;display:grid;place-items:center}
.utility-result-list{display:grid;gap:8px;max-height:420px;overflow:auto}.utility-result-row{border:1px solid #e0e4dc;background:#fff;border-radius:13px;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:center}.utility-result-row code{font-size:.76rem;color:#4b534b;word-break:break-all}.utility-result-row button{border:0;width:36px;height:36px;border-radius:10px;background:#eef2e9;color:#5d721d}
.utility-status{font-size:.72rem;font-weight:800;color:#929993}.utility-status.is-valid{color:#587615}.utility-status.is-error{color:#b04848}
.utility-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.utility-option{display:flex;gap:10px;align-items:flex-start;border:1px solid #e0e4dc;background:#fff;border-radius:14px;padding:12px 13px}.utility-option input{margin-top:3px}.utility-option strong,.utility-option small{display:block}.utility-option strong{font-size:.78rem;color:#4f574f}.utility-option small{font-size:.68rem;color:#969c96;margin-top:2px;line-height:1.4}
.utility-number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.utility-number-grid .form-label{font-size:.72rem;font-weight:800;color:#5b625c}.utility-actions{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:1199.98px){.home-tool-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){.utility-number-grid{grid-template-columns:1fr 1fr}.utility-actions .btn{flex:1 1 auto}}
@media(max-width:575.98px){.home-tool-categories{grid-template-columns:1fr 1fr}.utility-panel{padding:16px}.utility-output{grid-template-columns:1fr}.utility-copy{width:100%;height:38px}.utility-options-grid,.utility-number-grid{grid-template-columns:1fr}}

/* V3.9 — Merge PDF */
.merge-dropzone{position:relative;border:1.5px dashed #cfd5c6;background:#fafcf6;border-radius:20px;padding:28px 20px;text-align:center;cursor:pointer;transition:.2s ease}.merge-dropzone:hover,.merge-dropzone.is-dragover{border-color:#9bc83d;background:#f5faeb;box-shadow:0 0 0 4px rgba(182,242,58,.08)}.merge-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.merge-dropzone-icon{width:52px;height:52px;border-radius:16px;background:#171a1f;color:var(--accent);display:grid;place-items:center;margin:0 auto 12px;font-size:1.15rem}.merge-dropzone strong,.merge-dropzone span{display:block}.merge-dropzone strong{font-size:.95rem;color:#343a35}.merge-dropzone span{font-size:.76rem;color:#8b928b;margin-top:5px}.pdf-doc-icon{width:58px;height:58px;border-radius:11px;background:#fff2f1;border:1px solid #f0d7d4;color:#c3423f;display:grid;place-items:center;font-size:1.25rem}.merge-file-error{color:#b13b37!important}.merge-total-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.merge-total-bar>div{border:1px solid #e1e5dc;background:#f8faf5;border-radius:14px;padding:12px 14px}.merge-total-bar span,.merge-total-bar strong{display:block}.merge-total-bar span{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#8a9188}.merge-total-bar strong{margin-top:3px;font-size:.9rem;color:#454d43}.merge-result-note{background:#f0f6e5;border:1px solid #dce9c4;border-radius:16px;padding:14px 16px;font-size:.8rem;color:#5e694f}.merge-result-note i{color:#6e941d;margin-right:7px}@media(max-width:575.98px){.merge-total-bar{grid-template-columns:1fr}.pdf-doc-icon{width:48px;height:48px}.merge-dropzone{padding:24px 14px}}

/* V4.0 — Split PDF + Pas Foto Maker */
.split-file-card{display:grid;grid-template-columns:58px minmax(0,1fr) 38px;gap:14px;align-items:center;border:1px solid #e1e5dc;background:#fafbf7;border-radius:17px;padding:13px}.split-file-copy{min-width:0}.split-file-copy strong,.split-file-copy span{display:block}.split-file-copy strong{font-size:.84rem;color:#424942;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-file-copy span{font-size:.7rem;color:#929992;margin-top:4px}.split-file-card .btn{width:38px;height:38px;padding:0;border-radius:11px;display:grid;place-items:center}.split-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.split-summary-grid>div{border:1px solid #e1e5dc;background:#f8faf5;border-radius:14px;padding:12px 14px}.split-summary-grid span,.split-summary-grid strong{display:block}.split-summary-grid span{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#8a9188}.split-summary-grid strong{margin-top:3px;font-size:.9rem;color:#454d43}.split-actions{display:flex;gap:10px;flex-wrap:wrap}.split-actions .btn{min-height:46px}
.passport-tool-shell .form-control,.passport-tool-shell .form-select{min-height:48px;border-radius:13px;border-color:#dfe2dc}.passport-tool-shell .form-control:focus,.passport-tool-shell .form-select:focus{border-color:#a7cf56;box-shadow:0 0 0 .25rem rgba(182,242,58,.14)}.passport-control-card,.passport-preview-card{border:1px solid #e0e4dc;background:#fafbf7;border-radius:20px;padding:20px}.passport-option{border:1px solid #e0e4dc;background:#fff;border-radius:14px;padding:12px 13px}.passport-option strong,.passport-option small{display:block}.passport-option strong{font-size:.78rem;color:#4f574f}.passport-option small{font-size:.68rem;color:#929992;line-height:1.45;margin-top:2px}.passport-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.passport-preview-head strong,.passport-preview-head span{display:block}.passport-preview-head strong{font-size:.9rem}.passport-preview-head span{font-size:.7rem;color:#919891;margin-top:3px}.passport-dpi{font-size:.65rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.07em;background:#171a1f;color:var(--accent)!important;padding:7px 10px;border-radius:999px;margin:0!important}.passport-stage{min-height:520px;background:#e9ece5;border:1px solid #dde1d8;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22px;position:relative}.passport-stage canvas{display:none;max-width:100%;max-height:600px;width:auto;height:auto;box-shadow:0 18px 42px rgba(21,26,20,.16)}.passport-empty{display:flex;flex-direction:column;align-items:center;text-align:center;color:#8f9690;gap:6px}.passport-empty i{font-size:2.2rem;color:#738b38;margin-bottom:6px}.passport-empty strong{color:#4e554e}.passport-empty span{font-size:.75rem}.passport-hint{display:flex;gap:10px;align-items:flex-start;border:1px solid #e0e4dc;background:#fff;border-radius:14px;padding:12px 14px;color:#757c75;font-size:.72rem;line-height:1.5}.passport-hint i{color:#6e941d;margin-top:2px}.form-control-color{padding:.35rem!important}
@media(max-width:767.98px){.split-summary-grid{grid-template-columns:1fr}.split-actions .btn{width:100%}.passport-stage{min-height:390px;padding:14px}.passport-control-card,.passport-preview-card{padding:16px}.passport-preview-head{align-items:flex-start;flex-direction:column}.passport-dpi{align-self:flex-start}}

/* V4.1 — Compress Image to Target KB */
.target-kb-tool-shell .form-control,.target-kb-tool-shell .form-select{min-height:48px;border-radius:13px;border-color:#dfe2dc}.target-kb-tool-shell .form-control:focus,.target-kb-tool-shell .form-select:focus{border-color:#a7cf56;box-shadow:0 0 0 .25rem rgba(182,242,58,.14)}
.target-control-card,.target-preview-card{border:1px solid #e0e4dc;background:#fafbf7;border-radius:20px;padding:20px}.target-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.target-preset{border:1px solid #dde2d8;background:#fff;color:#5d655e;border-radius:13px;padding:.72rem .55rem;font-size:.75rem;font-weight:800;transition:.2s ease}.target-preset:hover{border-color:#b6d77b;transform:translateY(-1px)}.target-preset.active{background:#171a1f;color:var(--accent);border-color:#171a1f;box-shadow:0 7px 18px rgba(23,26,31,.12)}
.target-processing{display:flex;align-items:center;justify-content:center;gap:9px;color:#697169;font-size:.75rem}.target-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.target-preview-head strong,.target-preview-head span{display:block}.target-preview-head>div>strong{font-size:.92rem;color:#404740}.target-preview-head>div>span{font-size:.7rem;color:#939a93;margin-top:3px}.target-badge{flex:0 0 auto;background:#171a1f;color:var(--accent);border-radius:999px;padding:.45rem .7rem;font-size:.68rem;font-weight:900}.target-preview-stage{min-height:420px;border:1px solid #e0e4dc;border-radius:18px;background:#eef0e9;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}.target-preview-stage img{max-width:100%;max-height:520px;width:auto;height:auto;border-radius:10px;box-shadow:0 16px 40px rgba(21,26,20,.14)}.target-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#929992;gap:7px}.target-empty i{font-size:2.25rem;color:#748d3a;margin-bottom:4px}.target-empty strong{color:#535b53}.target-empty span{font-size:.73rem}.target-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.target-stats-grid>div{background:#fff;border:1px solid #e1e5dc;border-radius:14px;padding:12px}.target-stats-grid span,.target-stats-grid strong{display:block}.target-stats-grid span{font-size:.64rem;color:#929992;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.target-stats-grid strong{font-size:.8rem;color:#454d45;margin-top:4px;word-break:break-word}
@media(max-width:767.98px){.target-stats-grid{grid-template-columns:1fr 1fr}.target-preview-stage{min-height:300px}.target-preview-head{flex-direction:column}.target-preset-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:420px){.target-preset-grid{grid-template-columns:1fr 1fr}.target-stats-grid{grid-template-columns:1fr 1fr}.target-control-card,.target-preview-card{padding:15px}}


/* V4.2 — Everyday Tools Pack */
.home-tool-categories{grid-template-columns:repeat(4,minmax(0,1fr))}
.everyday-tool-shell .form-control,.everyday-tool-shell .form-select{min-height:48px;border-radius:13px;border-color:#dfe2dc}.everyday-tool-shell .form-control:focus,.everyday-tool-shell .form-select:focus{border-color:#a7cf56;box-shadow:0 0 0 .25rem rgba(182,242,58,.14)}
.everyday-card{border:1px solid #e0e4dc;background:#fafbf7;border-radius:20px;padding:20px}.everyday-result{border:1px solid #dfe4da;background:#fff;border-radius:18px;padding:18px}.everyday-result .result-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#929992}.everyday-result .result-main{display:block;margin-top:7px;font-size:1.35rem;line-height:1.35;font-weight:800;color:#313831;overflow-wrap:anywhere}.everyday-result .result-sub{display:block;margin-top:5px;font-size:.75rem;color:#8b928b;line-height:1.55}.everyday-actions{display:flex;gap:9px;flex-wrap:wrap}.everyday-actions .btn{min-height:45px}.everyday-status{font-size:.72rem;font-weight:800;color:#929993}.everyday-status.is-valid{color:#587615}.everyday-status.is-error{color:#b04848}
.quick-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.quick-preset-btn{border:1px solid #dde2d8;background:#fff;color:#5d655e;border-radius:13px;padding:.78rem .6rem;font-size:.73rem;font-weight:800;transition:.18s}.quick-preset-btn small{display:block;font-size:.62rem;color:#9aa09a;margin-top:3px;font-weight:700}.quick-preset-btn:hover{transform:translateY(-1px);border-color:#b6d77b}.quick-preset-btn.active{background:#171a1f;color:var(--accent);border-color:#171a1f}.quick-preset-btn.active small{color:#b6bdaf}
.calc-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.calc-mode-btn{border:1px solid #dde2d8;background:#fff;border-radius:14px;padding:13px;text-align:left;color:#5d655e}.calc-mode-btn strong,.calc-mode-btn small{display:block}.calc-mode-btn strong{font-size:.8rem}.calc-mode-btn small{font-size:.66rem;color:#979e97;margin-top:3px}.calc-mode-btn.active{background:#171a1f;color:var(--accent);border-color:#171a1f}.calc-mode-btn.active small{color:#b8bdb5}
.calc-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.calc-result-grid>div{border:1px solid #e1e5dc;background:#fff;border-radius:14px;padding:13px}.calc-result-grid span,.calc-result-grid strong{display:block}.calc-result-grid span{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850;color:#929992}.calc-result-grid strong{font-size:.96rem;margin-top:5px;color:#3f4740;word-break:break-word}
.wifi-preview{min-height:360px;border:1px solid #e0e4dc;background:#eef0e9;border-radius:18px;display:flex;align-items:center;justify-content:center;padding:18px}.wifi-preview canvas{max-width:100%;height:auto;background:#fff;border-radius:12px;box-shadow:0 14px 36px rgba(21,26,20,.12)}.wifi-empty{text-align:center;color:#929992}.wifi-empty i{display:block;font-size:2rem;color:#70893a;margin-bottom:8px}.wifi-credential-preview{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:.72rem;word-break:break-all;background:#fff;border:1px solid #e1e5dc;border-radius:14px;padding:12px;color:#596159}
.resize-preset-stage{min-height:430px;border:1px solid #e0e4dc;background:#eef0e9;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}.resize-preset-stage canvas{display:none;max-width:100%;max-height:560px;width:auto;height:auto;box-shadow:0 16px 40px rgba(21,26,20,.14)}.resize-preset-empty{text-align:center;color:#929992}.resize-preset-empty i{display:block;font-size:2.2rem;color:#748d3a;margin-bottom:8px}.resize-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.resize-meta-grid>div{border:1px solid #e0e4dc;background:#fff;border-radius:14px;padding:11px}.resize-meta-grid span,.resize-meta-grid strong{display:block}.resize-meta-grid span{font-size:.61rem;text-transform:uppercase;letter-spacing:.06em;font-weight:850;color:#929992}.resize-meta-grid strong{font-size:.76rem;margin-top:4px;color:#454d45}
.terbilang-output{min-height:150px;font-size:1.05rem;line-height:1.65;font-weight:700;color:#384038;background:#fff}.money-preview{font-size:1.4rem;font-weight:850;color:#333a34}.date-mode-tabs{display:flex;gap:7px;flex-wrap:wrap}.date-mode-btn{border:1px solid #dde2d8;background:#fff;color:#646b64;border-radius:999px;padding:.65rem .95rem;font-size:.74rem;font-weight:850}.date-mode-btn.active{background:#171a1f;color:var(--accent);border-color:#171a1f}
@media(max-width:991.98px){.home-tool-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.resize-meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767.98px){.quick-preset-grid{grid-template-columns:1fr 1fr}.calc-result-grid{grid-template-columns:1fr}.wifi-preview,.resize-preset-stage{min-height:300px}.everyday-actions .btn{flex:1 1 auto}}
@media(max-width:575.98px){.home-tool-categories{grid-template-columns:1fr 1fr}.calc-mode-grid,.quick-preset-grid{grid-template-columns:1fr}.everyday-card{padding:16px}.resize-meta-grid{grid-template-columns:1fr 1fr}}

/* V4.4 — Remove Background + Scan Foto to PDF */
.bg-remove-tool-shell .form-control,.bg-remove-tool-shell .form-select,.scan-pdf-tool-shell .form-control,.scan-pdf-tool-shell .form-select{min-height:48px;border-radius:13px;border-color:#dfe2dc}.bg-remove-tool-shell .form-control:focus,.bg-remove-tool-shell .form-select:focus,.scan-pdf-tool-shell .form-control:focus,.scan-pdf-tool-shell .form-select:focus{border-color:#a7cf56;box-shadow:0 0 0 .25rem rgba(182,242,58,.14)}
.bg-remove-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bg-remove-card{border:1px solid #e0e4dc;background:#fafbf7;border-radius:20px;padding:16px}.bg-remove-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.bg-remove-head strong{font-size:.86rem;color:#444a46}.bg-remove-head span{font-size:.7rem;color:#929992;text-align:right}.bg-remove-stage{min-height:390px;border:1px solid #e0e3dc;border-radius:16px;overflow:hidden;background:#f1f3ed;display:flex;align-items:center;justify-content:center;padding:14px}.bg-remove-stage.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#ecefe7 25%,transparent 25%),linear-gradient(-45deg,#ecefe7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ecefe7 75%),linear-gradient(-45deg,transparent 75%,#ecefe7 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.bg-remove-stage img{display:block;max-width:100%;max-height:520px;width:auto;height:auto;border-radius:8px}.bg-remove-stage .pdf-empty-preview{min-height:330px}.scan-pdf-tool-shell .pdf-file-item{grid-template-columns:58px minmax(0,1fr) auto}.scan-pdf-tool-shell .pdf-file-item img{object-fit:cover}
@media(max-width:767.98px){.bg-remove-grid{grid-template-columns:1fr}.bg-remove-stage{min-height:280px}.bg-remove-stage .pdf-empty-preview{min-height:240px}.scan-pdf-tool-shell .pdf-file-item{grid-template-columns:48px minmax(0,1fr)}.scan-pdf-tool-shell .pdf-file-actions{grid-column:1/-1;justify-content:flex-end}}

/* V5.2 — SEO, editorial and ad readiness */
.ad-placeholder{min-height:90px;border:1px dashed #dfe3da;border-radius:16px;background:#fafbf7;display:flex;align-items:center;justify-content:center;color:#a0a69f;font-size:.7rem;margin:28px 0}.gietors-ad-wrap{margin:28px 0;min-height:90px}.article-card-wide{max-width:900px;margin-inline:auto}.author-badge{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#171a1f;color:var(--accent);font-weight:900;font-size:1.4rem}

/* V5.6 — Global Search Experience */
.nav-search-item{min-width:210px}.nav-global-search{position:relative;display:flex;align-items:center}.nav-global-search i{position:absolute;left:14px;color:#9ea59e;font-size:.72rem;pointer-events:none}.nav-global-search input{width:100%;min-height:39px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:999px;color:#fff;padding:.55rem 1rem .55rem 2.25rem;font-size:.76rem;outline:0;transition:.18s}.nav-global-search input::placeholder{color:#9ea59e}.nav-global-search input:focus{background:rgba(255,255,255,.1);border-color:rgba(182,242,58,.55);box-shadow:0 0 0 .2rem rgba(182,242,58,.08)}
.search-page-hero{padding-bottom:42px}.global-search-hero{display:flex;align-items:center;gap:10px;max-width:900px}.global-search-field{position:relative;flex:1}.global-search-field>i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#8d958d;pointer-events:none}.global-search-field input{width:100%;min-height:58px;border:1px solid #dfe4db;background:#fff;border-radius:18px;padding:0 48px 0 48px;font-size:.9rem;box-shadow:0 14px 35px rgba(24,29,23,.06)}.global-search-field input:focus{outline:0;border-color:#b4d877;box-shadow:0 0 0 .25rem rgba(182,242,58,.12),0 14px 35px rgba(24,29,23,.06)}.global-search-clear{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7a827a;background:#f1f3ee;text-decoration:none}.search-suggestion-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-suggestion-row a{display:inline-flex;align-items:center;padding:.42rem .72rem;border:1px solid #dfe4da;background:#fff;border-radius:999px;color:#60685f;text-decoration:none;font-size:.68rem;font-weight:750}.search-suggestion-row a:hover{border-color:#b7d77c;color:#3f493e}.search-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #e8ebe5}.search-section-kicker{display:block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:#899189;margin-bottom:5px}.search-result-card{min-height:100%}.search-result-card.tool-card{display:flex;flex-direction:column}.search-result-card.tool-card p{line-height:1.65}.search-hub-card{transition:.18s}.search-hub-card:hover{transform:translateY(-2px);border-color:#cbdac2!important}.search-empty-state{max-width:760px;margin:0 auto}.global-search-inline{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid #e1e5dc;background:#fafbf7;border-radius:18px}.global-search-inline strong,.global-search-inline span{display:block}.global-search-inline strong{font-size:.78rem;color:#424941}.global-search-inline span{font-size:.7rem;color:#8f978f;margin-top:3px}
@media(max-width:991.98px){.nav-search-item{min-width:100%;margin-top:.75rem}.nav-global-search input{min-height:42px}.global-search-inline{align-items:flex-start;flex-direction:column}.global-search-inline .btn{width:100%}}
@media(max-width:767.98px){.global-search-hero{align-items:stretch;flex-direction:column}.global-search-hero .btn{width:100%;min-height:50px}.global-search-field input{min-height:54px}.search-summary{align-items:flex-start;flex-direction:column}.search-summary .btn{width:100%}}

/* V5.7 Homepage Intelligence */
.homepage-command-section{padding:34px 0 8px;background:#f7f8f4}.homepage-command-card{border:1px solid #dde2d8;background:#fff;border-radius:28px;padding:30px 32px;box-shadow:0 18px 45px rgba(24,29,23,.05)}
.homepage-search-form{display:flex;align-items:center;gap:10px}.homepage-search-field{position:relative;flex:1}.homepage-search-field>i{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#8d958d;pointer-events:none}.homepage-search-field input{min-height:54px;border:1px solid #dfe4db;border-radius:17px;padding-left:45px;box-shadow:none}.homepage-search-field input:focus{border-color:#b4d877;box-shadow:0 0 0 .2rem rgba(182,242,58,.12)}.homepage-search-chips{display:flex;flex-wrap:wrap;gap:7px}.homepage-search-chips a{display:inline-flex;align-items:center;gap:7px;border:1px solid #e0e4dc;background:#fafbf7;color:#596158;border-radius:999px;text-decoration:none;padding:.45rem .7rem;font-size:.67rem;font-weight:800}.homepage-search-chips a:hover{border-color:#c8d8a9;color:#47562f}.homepage-search-chips i{font-size:.63rem;color:#769329}
.homepage-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.homepage-task-card{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;text-decoration:none;border:1px solid #dfe3da;background:#fff;border-radius:18px;padding:15px;transition:.18s ease}.homepage-task-card:hover{transform:translateY(-2px);border-color:#c8d7ab;box-shadow:0 14px 30px rgba(24,29,23,.05)}.homepage-task-icon{width:42px;height:42px;border-radius:13px;background:#eef9d9;color:#678718;display:grid;place-items:center}.homepage-task-copy{display:flex;flex-direction:column;min-width:0}.homepage-task-copy strong{font-size:.8rem;color:#2c322d}.homepage-task-copy small{font-size:.67rem;color:#8c948b;line-height:1.45;margin-top:3px}.homepage-task-arrow{font-size:.68rem;color:#9aa19a;transition:.18s}.homepage-task-card:hover .homepage-task-arrow{transform:translateX(3px);color:#5c760f}
.homepage-hub-card{height:100%;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;border:1px solid #dfe3da;background:#fff;border-radius:20px;padding:20px;transition:.18s ease}.homepage-hub-card:hover{transform:translateY(-3px);border-color:#c9d8ad;box-shadow:0 16px 35px rgba(24,29,23,.05)}.homepage-hub-icon{width:42px;height:42px;border-radius:13px;background:#eef9d9;color:#678718;display:grid;place-items:center;margin-bottom:16px}.homepage-hub-card strong{font-size:.95rem;color:#313631}.homepage-hub-card small{display:block;color:#8a928a;line-height:1.55;margin-top:6px;min-height:48px}.homepage-hub-card .section-link{margin-top:auto;padding-top:16px;font-size:.7rem}
@media(max-width:991.98px){.homepage-task-grid{grid-template-columns:1fr 1fr}.homepage-command-card{padding:25px 22px}}
@media(max-width:767.98px){.homepage-search-form{align-items:stretch;flex-direction:column}.homepage-search-form .btn{width:100%;min-height:50px}.homepage-task-grid{grid-template-columns:1fr}.homepage-command-card{border-radius:22px;padding:22px 18px}}
@media(max-width:575.98px){.homepage-search-chips a{font-size:.63rem}.homepage-task-card{grid-template-columns:38px minmax(0,1fr) 18px;padding:13px}.homepage-task-icon{width:38px;height:38px}}

/* V5.8 — Context-aware Tool Recommendation Engine */
.tool-recommendation-section{background:#f7f8f4;border-top:1px solid #e9ece5;border-bottom:1px solid #e9ece5}.tool-recommendation-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.tool-recommendation-card{height:100%;display:flex;flex-direction:column;text-decoration:none;border:1px solid #dde3d9;background:#fff;border-radius:20px;padding:18px;transition:.18s ease;box-shadow:0 10px 28px rgba(24,29,23,.035)}.tool-recommendation-card:hover{transform:translateY(-3px);border-color:#c8d8a8;box-shadow:0 16px 35px rgba(24,29,23,.06)}.tool-recommendation-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.tool-recommendation-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef9d9;color:#668117}.tool-recommendation-category{font-size:.61rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#8c958b}.tool-recommendation-card strong{font-size:.86rem;color:#323832;line-height:1.35}.tool-recommendation-card>span:not(.tool-recommendation-category){font-size:.68rem;line-height:1.6;color:#8a938b;margin-top:7px}.tool-recommendation-card em{font-style:normal;font-size:.66rem;font-weight:850;color:#627816;margin-top:auto;padding-top:14px}.tool-recommendation-card em i{margin-left:4px;transition:.18s}.tool-recommendation-card:hover em i{transform:translateX(3px)}.tool-recent-wrap{border:1px solid #e0e5dc;background:#fff;border-radius:18px;padding:15px 17px}.tool-recent-clear{border:0;background:transparent;color:#8b938b;font-size:.65rem;font-weight:800;padding:0}.tool-recent-clear:hover{color:#5c6e2c}.tool-recent-list{display:flex;flex-wrap:wrap;gap:8px}.tool-recent-chip{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid #dfe4db;background:#fafbf7;color:#566055;border-radius:999px;padding:.48rem .72rem;font-size:.67rem;font-weight:800}.tool-recent-chip:hover{border-color:#c8d8a8;color:#4f6314}.tool-recent-chip i{font-size:.68rem;color:#748c25}.tool-related-tutorials{padding-top:2px}.tool-related-tutorial-card{height:100%;display:flex;flex-direction:column;text-decoration:none;border:1px solid #e0e5dc;background:#fff;border-radius:18px;padding:17px;transition:.18s ease}.tool-related-tutorial-card:hover{transform:translateY(-2px);border-color:#cbd9ad;box-shadow:0 12px 28px rgba(24,29,23,.04)}.tool-related-tutorial-card .tutorial-tag{font-size:.6rem;margin-bottom:8px}.tool-related-tutorial-card strong{font-size:.8rem;line-height:1.45;color:#343a35}.tool-related-tutorial-card span:last-child{font-size:.66rem;line-height:1.55;color:#8d958d;margin-top:6px}
@media(max-width:767.98px){.tool-recommendation-head{align-items:flex-start;flex-direction:column}.tool-recommendation-head .section-link{align-self:flex-start}}

/* V6.2 monetization */
.ad-label{text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;color:#9aa09a;margin-bottom:6px}

/* GIETORS V6.3 — Webmaster Dashboard */
.admin-dashboard-nav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.admin-dashboard-nav a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#5f6761;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:.72rem;font-weight:800;transition:.18s}.admin-dashboard-nav a:hover{border-color:#c8d8ab;color:#3f4d28;transform:translateY(-1px)}.admin-dashboard-nav a i{color:#668b17}.admin-stat-card{position:relative;overflow:hidden}.admin-stat-card:after{content:"";position:absolute;right:-24px;bottom:-34px;width:110px;height:110px;border-radius:50%;background:rgba(182,242,58,.13)}.admin-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;min-height:230px;padding-top:15px}.admin-bar-item{display:flex;flex-direction:column;align-items:center;gap:7px;height:210px}.admin-bar-value{font-size:.67rem;font-weight:800;color:#606861;min-height:16px}.admin-bar-track{height:165px;width:100%;display:flex;align-items:flex-end;justify-content:center;background:#f1f3ee;border-radius:13px 13px 8px 8px;overflow:hidden}.admin-bar-track span{display:block;width:70%;min-height:3px;background:var(--accent);border-radius:11px 11px 0 0}.admin-bar-label{font-size:.65rem;font-weight:800;color:#8b918c}.admin-health-row{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid #ecefe9}.admin-health-row:last-child{border-bottom:0}.admin-health-row strong,.admin-health-row small{display:block}.admin-health-row strong{font-size:.75rem;color:#3e453f}.admin-health-row small{font-size:.66rem;color:#8a918b;margin-top:2px;line-height:1.4}.admin-health-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:none;background:#aab0aa}.admin-health-dot.ok{background:#78a321}.admin-health-dot.warn{background:#d19b3d}.admin-ranking-row{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid #ecefe9}.admin-ranking-row:last-child{border-bottom:0}.admin-ranking-row span{min-width:0;font-size:.76rem;font-weight:700;color:#4e5650;overflow:hidden;text-overflow:ellipsis}.admin-ranking-row span small{display:block;font-size:.61rem;font-weight:600;color:#9aa09b;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.admin-ranking-row strong{font-size:.74rem;white-space:nowrap}.admin-note{display:flex;gap:12px;align-items:flex-start;padding:15px 17px;border:1px solid #e0e5d9;background:#f8faf4;border-radius:17px;color:#697169;font-size:.72rem;line-height:1.65}.admin-note>i{color:#739720;margin-top:2px}.admin-note strong{color:#414841;margin-right:4px}.admin-note span{display:inline}.admin-dashboard-nav + .alert{margin-bottom:20px}
@media(max-width:767.98px){.admin-bars{gap:6px;min-height:205px}.admin-bar-item{height:190px}.admin-bar-track{height:145px}.admin-bar-track span{width:78%}.admin-bar-value{font-size:.6rem}.admin-bar-label{font-size:.58rem}.admin-note{font-size:.68rem}}

/* GIETORS V6.4 — Content & Traffic Engine */
.admin-opportunity-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e4e8e0;background:#fbfcf9;border-radius:15px;padding:11px 13px}.admin-opportunity-row>div{min-width:0}.admin-opportunity-row strong,.admin-opportunity-row small{display:block}.admin-opportunity-row strong{font-size:.78rem;color:#394039;line-height:1.4}.admin-opportunity-row small{font-size:.63rem;color:#8b938c;margin-top:3px;line-height:1.45;overflow:hidden;text-overflow:ellipsis}.admin-opportunity-row .badge{font-size:.58rem;white-space:nowrap}.admin-opportunity-row:hover{border-color:#cfdbbc}

/* GIETORS V6.6 — UI/UX Polish */
:root{
  --focus-ring:rgba(182,242,58,.42);
  --shadow-soft:0 12px 34px rgba(20,24,18,.045);
  --shadow-hover:0 22px 48px rgba(20,24,18,.09);
}
html{scroll-padding-top:92px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.skip-link{position:fixed;left:16px;top:12px;z-index:2000;transform:translateY(-180%);background:var(--accent);color:#171a1f!important;padding:11px 15px;border-radius:12px;font-weight:800;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.22);transition:transform .18s ease}
.skip-link:focus{transform:translateY(0)}
#main-content{min-height:1px}
.nav-global-search{display:flex;align-items:center;gap:8px;min-width:150px;padding:6px 10px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);border-radius:999px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.nav-global-search:focus-within{border-color:rgba(182,242,58,.48);background:rgba(255,255,255,.075);box-shadow:0 0 0 3px rgba(182,242,58,.08)}
.nav-global-search i{color:#8f969d;font-size:.76rem}.nav-global-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:.75rem}.nav-global-search input::placeholder{color:#858c93}
.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(182,242,58,.18)}
.btn{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.btn:active{transform:translateY(1px)}
.btn-accent{box-shadow:0 8px 20px rgba(182,242,58,.10)}.btn-accent:hover{box-shadow:0 12px 26px rgba(182,242,58,.16)}
.form-control,.form-select{border-color:#dfe3da;border-radius:13px;min-height:44px}.form-control:focus,.form-select:focus{border-color:#b4d877;box-shadow:0 0 0 .22rem rgba(182,242,58,.13)}
.form-label{color:#414841;font-size:.84rem}
.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#191c20,#22272c);color:#fff;border-bottom:1px solid #30353b}.page-hero .lead{color:#b9c0c4;line-height:1.75}.page-hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-180px;background:radial-gradient(circle,rgba(182,242,58,.12),transparent 68%);pointer-events:none}
.page-hero>.container{position:relative;z-index:1}
.tool-card,.content-card,.project-info-card,.why-card,.about-value-card,.contact-route-card,.tool-recommendation-card,.tool-related-tutorial-card{box-shadow:var(--shadow-soft)}
.tool-card:hover,.content-card:hover,.project-info-card:hover,.about-value-card:hover,.why-card:hover{box-shadow:var(--shadow-hover)}
.tool-card:focus-within,.content-card:focus-within,.homepage-task-card:focus-within,.homepage-hub-card:focus-within,.tool-recommendation-card:focus-within{border-color:#bcd48e;box-shadow:0 0 0 3px rgba(182,242,58,.11),var(--shadow-soft)}
.tool-card h5,.content-card h2,.content-card h3{overflow-wrap:anywhere}
.badge-soft{font-weight:800}
.icon-box{flex:none}
.section-link{display:inline-flex}.section-link:focus-visible{border-radius:999px}
.homepage-command-card,.global-search-inline,.tool-recent-wrap{box-shadow:var(--shadow-soft)}
.global-search-inline{transition:border-color .18s ease,box-shadow .18s ease}.global-search-inline:hover{border-color:#d3dbc9;box-shadow:0 16px 38px rgba(20,24,18,.055)}
.tutorial-row:focus-visible{outline:none;box-shadow:inset 0 0 0 3px rgba(182,242,58,.15);border-radius:8px}
.tutorial-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tutorial-card:hover{transform:translateY(-3px)}
.network-card{transition:border-color .18s ease,transform .18s ease}.network-card:hover{border-color:#495057;transform:translateY(-2px)}
.footer-link:focus-visible,.network-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:7px}
.admin-dashboard-nav a:focus-visible,.tool-filter-btn:focus-visible,.tool-category-summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.admin-stat-card{border:1px solid var(--line)!important;border-radius:22px!important}
.admin-health-row{min-height:52px}
.empty-state,.alert{border-radius:16px}
.table{--bs-table-bg:transparent}.table>:not(caption)>*>*{padding:.75rem .65rem;border-bottom-color:#e7eae3}
@media(max-width:991.98px){
  .nav-global-search{margin-top:.55rem;max-width:none;min-height:44px}
  .nav-search-item{width:100%}
  .navbar-collapse{background:rgba(23,26,31,.98);margin:8px -12px -8px;padding:10px 12px 16px;border-radius:0 0 18px 18px}
  .nav-cta{width:100%;justify-content:center;display:inline-flex}
  .page-hero{padding-top:54px!important;padding-bottom:48px!important}
}
@media(max-width:575.98px){
  .container{--bs-gutter-x:1.1rem}
  .display-5{font-size:2.25rem}
  .display-4{font-size:2.35rem}
  .lead{font-size:1rem}
  .tool-card,.content-card{border-radius:20px}
  .project-spotlight{border-radius:24px}
  .admin-dashboard-nav{gap:7px}.admin-dashboard-nav a{font-size:.68rem;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* V6.9.3 Workspace visual polish */
.workspace-card{padding:26px;border-radius:30px;background:linear-gradient(180deg,#fbfbf8 0%,#f6f7f1 100%);border-color:#e3e5dc;box-shadow:0 30px 80px rgba(0,0,0,.26)}
.workspace-top{padding-bottom:20px;border-bottom-color:#dedfd8}
.workspace-brand{display:flex;align-items:center;gap:11px;min-width:0}
.workspace-brand>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.workspace-brand strong{font-size:.9rem;line-height:1.1;white-space:nowrap}
.workspace-brand small{font-size:.62rem;color:#8d928d;line-height:1.2;white-space:nowrap}
.workspace-logo{width:34px;height:34px;border-radius:10px;flex:0 0 34px;font-size:.95rem}
.online-pill{padding:.46rem .72rem;background:#edf7d8;box-shadow:inset 0 0 0 1px rgba(113,156,24,.08)}
.workspace-question{padding:25px 0 18px}
.workspace-question>span{font-size:.68rem;letter-spacing:.14em;color:#7f8580}
.workspace-input{min-height:54px;border:1px solid #d9ddd3;background:#fff;border-radius:16px;padding:6px 7px 6px 15px;gap:11px;box-shadow:0 5px 18px rgba(32,40,20,.035)}
.workspace-input:focus-within{border-color:#b9d77a;box-shadow:0 0 0 4px rgba(182,242,58,.14),0 8px 24px rgba(32,40,20,.05)}
.workspace-input-icon{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px;background:#b6f23a!important;color:#20300a!important;font-size:.75rem!important;flex:0 0 30px}
.workspace-tool-search{width:100%;min-width:0;height:40px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#20252a!important;padding:6px 2px!important;-webkit-appearance:none;appearance:none}
.workspace-tool-search:focus{border:0!important;outline:0!important;box-shadow:none!important}
.workspace-tool-search::placeholder{color:#8e9591;opacity:1}
.workspace-submit{width:38px;height:38px;flex:0 0 38px;border-radius:11px;box-shadow:0 5px 12px rgba(93,126,14,.18);font-size:.85rem}
.workspace-submit:hover{transform:translateX(2px) scale(1.02);filter:none}
.workspace-hint{font-size:.68rem;color:#747b76;margin-top:9px;padding-left:2px}
.workspace-examples{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}
.workspace-examples>span{font-size:.64rem;color:#8a908b;font-weight:700;margin-right:2px}
.workspace-examples button{border:1px solid #e0e4da;background:#eef1ea;color:#626a64;border-radius:999px;padding:.38rem .62rem;font-size:.62rem;line-height:1;cursor:pointer;transition:.18s ease}
.workspace-examples button:hover,.workspace-examples button:focus-visible{background:#e7f2d3;border-color:#c7dc9b;color:#49630d;outline:none}
.workspace-actions{gap:10px}
.workspace-actions a{grid-template-columns:42px minmax(0,1fr) 22px;gap:12px;padding:12px 13px;border-radius:16px}
.workspace-actions a>i{font-size:.72rem}
.workspace-foot{margin-top:16px}
@media(max-width:767.98px){.workspace-card{padding:19px;border-radius:24px}.workspace-brand small{display:none}.workspace-question{padding:20px 0 14px}.workspace-examples{display:none}.workspace-input{min-height:50px}.workspace-input-icon{width:28px!important;height:28px!important;flex-basis:28px}.workspace-submit{width:34px;height:34px;flex-basis:34px}}


/* V6.9.4 — stronger file privacy messaging */
.file-privacy-banner{background:#f5fbe9;border-bottom:1px solid #dce9b8;color:#1d2a14;}
.file-privacy-banner-inner{min-height:58px;display:flex;align-items:center;gap:12px;padding:9px 0;font-size:.9rem;}
.file-privacy-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:#e6f6bb;color:#4f7d00;}
.file-privacy-banner-inner div{display:flex;flex-direction:column;line-height:1.3;}
.file-privacy-banner-inner strong{font-weight:800;}
.file-privacy-banner-inner span{color:#5b674c;}
.file-privacy-banner-inner a{margin-left:auto;color:#315800;font-weight:800;text-decoration:none;white-space:nowrap;}
.file-privacy-banner-inner a:hover{text-decoration:underline;}
.workspace-privacy-foot{display:flex!important;align-items:flex-start;gap:10px;text-align:left;}
.workspace-privacy-foot>i{margin-top:3px;color:#5c9200;}
.workspace-privacy-foot div{display:flex;flex-direction:column;line-height:1.35;}
.workspace-privacy-foot span{font-size:.78rem;opacity:.78;}
.privacy-highlight{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border:1px solid #dce9b8;background:#f7fce9;border-radius:18px;color:#253018;}
.privacy-highlight-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#e6f6bb;color:#4f7d00;display:grid;place-items:center;}
.privacy-highlight strong{display:block;margin-bottom:3px;font-weight:800;}
@media (max-width:767.98px){.file-privacy-banner-inner{align-items:flex-start;padding:10px 0;font-size:.82rem;}.file-privacy-banner-inner a{display:none;}.file-privacy-icon{width:32px;height:32px;flex-basis:32px;}.privacy-highlight{padding:15px;}}

.feedback-card{transition:.18s}.feedback-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.feedback-actions{min-width:210px}.feedback-actions .form-select{min-width:150px}@media(max-width:575.98px){.feedback-actions{min-width:0;width:100%}.feedback-actions form{width:100%}.feedback-actions .form-select{flex:1}}

/* V6.9.7 — Gietors brand identity */
.brand-symbol{padding:0;background:#171a1f;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.brand-symbol img{display:block;width:38px;height:38px}
.workspace-logo{padding:0;overflow:hidden}
.workspace-logo img{display:block;width:29px;height:29px}
.gietors-brand-story{background:var(--graphite);color:#fff;border-radius:28px;padding:34px;overflow:hidden;position:relative}
.gietors-brand-story::after{content:"";position:absolute;width:300px;height:300px;right:-110px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(182,242,58,.16),transparent 68%);pointer-events:none}
.gietors-brand-story>*{position:relative;z-index:1}
.gietors-brand-story-logo{width:min(100%,430px);max-height:110px;object-fit:contain;object-position:left center;margin-bottom:24px}
.gietors-brand-story p{color:#b8bdc2;line-height:1.8;max-width:760px;margin:0}
.brand-meaning{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.brand-meaning>div{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:16px;padding:16px}
.brand-meaning strong{display:block;color:var(--accent);font-size:1.05rem;margin-bottom:4px}
.brand-meaning span{font-size:.78rem;color:#8f969c;line-height:1.5}
@media (max-width:767.98px){.gietors-brand-story{padding:26px 22px;border-radius:24px}.brand-meaning{grid-template-columns:1fr}.gietors-brand-story-logo{max-height:84px}}
/* V6.9.9 — Master brand lockup */
.brand-lockup{display:inline-flex!important;align-items:center!important;text-decoration:none!important;line-height:0!important}
.brand-full-logo{display:block;width:273px;height:auto;max-height:66px;object-fit:contain;object-position:left center}
.footer-brand .brand-full-logo{width:273px;max-height:66px}
.gietors-brand-story-logo{display:block;width:min(100%,760px);height:auto;max-height:none;object-fit:contain;object-position:left center}
@media(max-width:575.98px){.brand-full-logo{width:210px;max-height:51px}.footer-brand .brand-full-logo{width:220px;max-height:53px}.gietors-brand-story-logo{width:100%}}
/* V6.9.17 — wider HEIC preview */
#heicResults{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#heicResults>.pdf-page-card:only-child{grid-column:1/-1}
#heicResults>.pdf-page-card .pdf-page-preview{min-height:420px;display:flex;align-items:center;justify-content:center;padding:18px;background:#f4f5f0;border-bottom:1px solid #e7e9e3;overflow:hidden}
#heicResults>.pdf-page-card .pdf-page-preview img{display:block;width:100%;max-width:760px;max-height:560px;height:auto;object-fit:contain;border-radius:12px}
#heicResults>.pdf-page-card .pdf-page-meta{padding:16px}
#heicResults>.pdf-page-card .pdf-page-meta strong{font-size:.82rem}
#heicResults>.pdf-page-card .pdf-page-meta small{display:block;margin-top:4px;color:#8f9690;font-size:.7rem}
@media(max-width:767.98px){#heicResults{grid-template-columns:1fr}#heicResults>.pdf-page-card:only-child{grid-column:auto}#heicResults>.pdf-page-card .pdf-page-preview{min-height:320px;padding:14px}}
