:root{--bg:#f4f7fb;--panel:#fff;--panel-soft:#edf3ff;--line:#d9e3f1;--text:#132238;--muted:#5c6e86;--brand:#1273ea;--brand-dark:#0d58b5;--ok:#0f9d6f;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:28px;--shadow:0 12px 28px #13223814;--background:var(--bg);--surface:var(--panel);--surface-hover:var(--panel-soft);--border:var(--line);--text-primary:var(--text);--text-secondary:var(--muted);--text-muted:#7f90a8;--primary:var(--brand)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--text);background:#fff;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #e5ebf2;width:100%;position:sticky;top:0}.site-header-inner{grid-template-columns:auto 1fr;align-items:center;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:.86rem 1rem;display:grid}.site-header-top{display:block}.site-category-nav{justify-content:flex-end;align-items:center;gap:2rem;min-width:0;display:flex}.site-category-nav::-webkit-scrollbar{display:none}.site-category-link{height:36px;color:var(--text-secondary);background:0 0;border:0;border-radius:0;align-items:center;padding:0;font-size:.82rem;font-weight:700;transition:opacity .2s,color .2s;display:inline-flex}.site-category-link:hover{opacity:1;color:var(--brand-dark)}.site-category-link-active{color:var(--brand)}.site-logo{color:inherit;flex-direction:row;align-items:center;gap:.75rem;text-decoration:none;display:flex}.site-logo:hover{color:inherit}.site-logo-mark{background:linear-gradient(#5ab1f4 0%,#3191ea 100%);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:inset 0 1px #ffffff52,0 8px 18px #3191ea29}.site-logo-mark-small{width:34px;height:34px}.site-logo-icon{color:#fff;font-feature-settings:"liga";font-size:1.15rem;font-weight:700;line-height:1}.site-logo-icon-small{font-size:1.05rem}.site-logo-text{color:var(--text-primary);letter-spacing:-.04em;align-items:baseline;gap:.28rem;font-size:1.2rem;font-weight:800;line-height:1;display:inline-flex}.site-logo-text-accent{color:#4aa0eb}.site-nav-link{height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 .55rem;font-size:.87rem;font-weight:600;transition:color .2s;display:inline-flex}.site-nav-link:hover{color:var(--text-primary)}.locale-switch-link{height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex}.locale-switch-link:hover{color:var(--text-primary);background:#f5f9ff}.locale-switch-icon{justify-content:center;align-items:center;width:18px;height:18px;line-height:1;display:inline-flex}.locale-switch-code{letter-spacing:.04em;font-size:.78rem;font-weight:700}.site-main{background:#fff;flex:1;width:100%}.site-footer{background:#090b0e;border-top:1px solid #171b22;margin-top:0}.site-footer-inner{justify-content:space-between;align-items:flex-start;gap:2.6rem;width:100%;max-width:1200px;margin:0 auto;padding:3.1rem 1rem 3rem;display:flex}.site-footer-brand{flex-direction:column;gap:.65rem;max-width:420px;display:flex}.site-footer-logo{color:#f7f9fc;align-items:center;gap:.7rem;line-height:1.1;display:inline-flex}.site-footer-logo-text{letter-spacing:-.04em;align-items:baseline;gap:.28rem;font-size:1.25rem;font-weight:800;display:inline-flex}.site-footer-description{color:#c4ccd8;margin:0;font-size:.95rem;line-height:1.72}.site-footer-copy,.site-footer-disclaimer{color:#9ba6b6;margin:0;font-size:.8rem;line-height:1.5}.site-footer-disclaimer{max-width:420px;font-size:.78rem;line-height:1.68}.site-footer-columns{grid-template-columns:repeat(2,minmax(160px,1fr));gap:2.4rem;width:min(100%,420px);display:grid}.site-footer-column{flex-direction:column;gap:.9rem;display:flex}.site-footer-column h3{color:#eef3f8;letter-spacing:-.02em;margin:0;font-size:.9rem;font-weight:800}.site-footer-link-list{flex-direction:column;gap:.75rem;display:flex}.site-footer-link{color:#c7d0db;font-size:.92rem;font-weight:400;text-decoration:none;transition:color .2s}.site-footer-link:hover{color:#fff}.site-footer-social{align-items:center;gap:.75rem;margin-top:.2rem;display:flex}.site-footer-social-link{color:#c3ccd8;background:#141922;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,color .2s,transform .2s;display:inline-flex}.site-footer-social-link:hover{color:#fff;background:#1c2532;transform:translateY(-1px)}.material-symbols-outlined{white-space:nowrap;text-transform:none;letter-spacing:normal;word-wrap:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.site-logo-icon.material-symbols-outlined{color:#fff;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 700,"GRAD" 0,"opsz" 24;font-size:1.15rem;font-weight:700;line-height:1}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 1rem}.tools-breadcrumb-wrap{padding-top:0}.tools-breadcrumb-wrap:has(.auto-breadcrumb){padding-top:1.35rem}.auto-breadcrumb{width:100%;color:var(--text-secondary);white-space:nowrap;justify-content:flex-start;align-items:center;gap:.4rem;margin-bottom:.9rem;font-size:.92rem;display:flex;overflow-x:auto}.crumb-item{align-items:center;gap:.5rem;display:inline-flex}.crumb-link{color:var(--text-secondary);cursor:pointer;padding:.1rem 0;font-weight:500;text-decoration:none}.crumb-link:visited,.crumb-link:active{color:var(--text-secondary)}.crumb-link:hover{color:var(--text-primary);text-decoration:underline}.crumb-current{color:var(--brand);font-weight:700}.crumb-separator{color:var(--text-muted);margin:0 .15rem}.page-wrap{width:100%;max-width:1080px;margin:0 auto;padding:1.25rem 1rem 1.5rem}.hero-block{text-align:center;margin-bottom:1.65rem}.hero-block-tools{border-radius:var(--radius-xl);color:var(--text-primary);background:radial-gradient(circle at 0 0,#1273ea24 0%,#0000 28%),radial-gradient(circle at 100% 0,#10b98124 0%,#0000 34%),linear-gradient(#fbfdff 0%,#f2f8ff 58%,#f7fffb 100%);border:1px solid #dce9f8;padding:3.1rem 1.25rem 2.6rem;position:relative;overflow:hidden}.hero-block-tools:before{content:"";filter:blur(54px);pointer-events:none;z-index:0;background:radial-gradient(circle,#1273ea29 0%,#0000 70%);width:860px;height:560px;position:absolute;top:-36%;left:50%;transform:translate(-50%)}.hero-grid-overlay{pointer-events:none;z-index:1;background-image:linear-gradient(#0f172a08 1px,#0000 1px),linear-gradient(90deg,#0f172a08 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 35%,#0000 78%);mask-image:radial-gradient(#000 35%,#0000 78%)}.hero-block-inner{z-index:2;max-width:920px;margin:0 auto;position:relative}.hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #dce9f8;border-radius:999px;align-items:center;gap:.7rem;margin-bottom:1.45rem;padding:.5rem 1.15rem;display:inline-flex}.badge-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #10b98199}.badge-text{color:#2a4669;letter-spacing:.01em;font-size:.86rem;font-weight:600}.badge-divider{color:#9cb2cb;font-size:.75rem}.hero-block-tools h1{letter-spacing:-.025em;color:#11243c;margin:0 0 .95rem;font-size:3rem;line-height:1.14}.hero-description{color:#5c6e86;max-width:620px;margin:0 auto;font-size:1.03rem;line-height:1.65}.hero-nav-chips{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.55rem;display:flex}.hero-nav-chip{color:#285283;background:#ffffffdb;border:1px solid #d7e5fb;border-radius:999px;align-items:center;padding:.42rem .86rem;font-size:.83rem;font-weight:600;display:inline-flex}.hero-kicker{color:#1f4f93;background:#ebf3ff;border:1px solid #cfe0fa;border-radius:999px;align-items:center;margin:0;padding:.26rem .62rem;font-size:.76rem;font-weight:700;line-height:1.2;display:inline-flex}.tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius-md);min-height:220px;box-shadow:var(--shadow);cursor:pointer;background:linear-gradient(160deg,#fff 0%,#f7fbff 100%);flex-direction:column;gap:.8rem;padding:1.35rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.tool-card:hover{border-color:var(--brand);transform:translateY(-4px);box-shadow:0 16px 28px #1273ea26}.tool-card-label{border:0;border-radius:999px;align-self:flex-start;align-items:center;min-height:24px;padding:.18rem .58rem;font-size:.75rem;font-weight:500;line-height:1.2;display:inline-flex}.tool-card-label-image{color:#a32963;background:#ffeaf3}.tool-card-label-document{color:#4e3ca5;background:#efe9ff}.tool-card-label-text{color:#166447;background:#e7f8ee}.tool-card-label-calculator{color:#8b5e00;background:#fff6de}.tool-card-label-design{color:#0e5f97;background:#e7f6ff}.tool-card-label-utility{color:#3b4a61;background:#eef2f8}.tool-card-icon{width:46px;height:46px;color:var(--brand-dark);text-align:center;background:linear-gradient(160deg,#e9f3ff 0%,#d9eaff 100%);border-radius:12px;justify-content:center;align-self:flex-start;align-items:center;display:flex;overflow:hidden}.tool-card-icon>.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;font-size:1.5rem;line-height:1;display:block;transform:translateY(0)}.tool-card h2,.tool-card h3,.tool-card-title{margin:0;font-size:1.08rem;line-height:1.35}.tool-card p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.tool-card-link{color:var(--brand-dark);align-items:center;gap:.25rem;margin-top:auto;font-size:.9rem;font-weight:700;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.tool-card:hover .tool-card-link{color:var(--brand);gap:.4rem}.hero-nav-chip-link{cursor:pointer;transition:border-color .2s,background .2s,color .2s}.hero-nav-chip-link:hover{color:#133f71;background:#fff;border-color:#bfd7f8}.tools-hub-page,.category-hub-page{flex-direction:column;gap:1.2rem;width:100%;max-width:1200px;display:flex}.section-heading-block{max-width:760px;margin-bottom:.95rem}.section-heading-block h2{margin:0 0 .35rem;font-size:clamp(1.35rem,2.8vw,1.85rem);line-height:1.25}.section-heading-block p{color:var(--text-secondary);margin:0;line-height:1.65}.category-directory-grid,.trust-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.category-directory-card{border:1px solid var(--line);border-radius:var(--radius-md);min-height:220px;box-shadow:var(--shadow);background:linear-gradient(165deg,#fff 0%,#f6fbff 100%);flex-direction:column;gap:.78rem;padding:1.25rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex}.category-directory-card:hover{border-color:#b9d4fb;transform:translateY(-4px);box-shadow:0 16px 28px #1273ea21}.category-directory-card h3,.trust-panel-card h3{color:var(--text-primary);margin:0;font-size:1.08rem;line-height:1.35}.category-directory-card p,.trust-panel-card p{color:var(--text-secondary);margin:0;line-height:1.62}.category-directory-icon{width:44px;height:44px;color:var(--brand-dark);background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.category-directory-icon .material-symbols-outlined{font-size:1.5rem}.category-directory-count{color:#1f4f93;background:#eff6ff;border-radius:999px;align-self:flex-start;align-items:center;min-height:26px;padding:.2rem .62rem;font-size:.78rem;font-weight:700;display:inline-flex}.category-directory-link,.category-section-link{color:#1f4f93;background:#f7fbff;border:1px solid #d7e5fb;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 .82rem;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.category-directory-link{margin-top:auto}.category-section-link:hover,.category-directory-link:hover{background:#edf6ff;border-color:#a7c7f4}.tool-category-section{scroll-margin-top:92px}.tool-section-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.9rem;display:flex}.tool-section-head h2{color:var(--text-primary);margin:.26rem 0 .4rem;font-size:clamp(1.3rem,2.5vw,1.75rem);line-height:1.25}.tool-section-head p{max-width:760px;color:var(--text-secondary);margin:0;line-height:1.65}.image-page-reference{gap:0;padding-top:0;padding-bottom:3.4rem}.category-hero-shell{background:#f7f8fa;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:.8rem 1.25rem 0}.category-hero-shell>*{width:100%;max-width:1200px;margin:0 auto}.image-tools-sections{background:#f7f8fa;width:100vw;margin-top:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:1.6rem 1.25rem 3.4rem}.image-tools-sections-inner{flex-direction:column;gap:3rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.hero-block-image-reference{width:100%;box-shadow:none;background:linear-gradient(90deg,#eef3f7 0%,#e5f2fd 58%,#f9faf6 100%);border:1px solid #edf1f5;border-radius:34px;margin-bottom:0;padding:6.2rem 1.2rem 6.5rem}.hero-block-image-reference:before,.hero-block-image-reference .hero-grid-overlay{display:none}.image-hero-inner{text-align:center;max-width:1200px;margin:0 auto;padding:0 1rem}.image-reference-badge{color:#5c6e86;letter-spacing:.02em;background:#ffffffe0;border:1px solid #dde7f2;border-radius:999px;align-items:center;gap:.42rem;min-height:40px;margin-bottom:1.65rem;padding:0 1rem;font-size:.8rem;font-weight:800;display:inline-flex}.image-reference-badge .material-symbols-outlined{color:var(--brand);font-size:1rem}.image-reference-title{color:#0d1730;letter-spacing:-.045em;margin:0;font-size:3rem;line-height:1.05}.image-reference-title-accent{color:#4aa0eb}.image-reference-description{color:#5f6e80;max-width:700px;margin:1.35rem auto 0;font-size:1.18rem;font-weight:600;line-height:1.75}.image-reference-section{width:100%;padding:0 .1rem}.image-reference-section-head{justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1.15rem;display:flex}.image-reference-section-title{align-items:center;gap:.6rem;display:inline-flex}.image-reference-section-title h2{color:#0f1a31;letter-spacing:-.03em;margin:0;font-size:1.5rem;line-height:1.2}.image-reference-section-icon{background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.image-reference-section-icon .material-symbols-outlined{font-size:2.05rem}.image-reference-section-icon-blue{color:#44a1ec}.image-reference-section-icon-amber{color:#eba313}.image-reference-section-icon-emerald{color:#16a36f}.image-reference-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;display:grid}.image-reference-card{background:#fff;border:1px solid #edf2f7;border-radius:28px;flex-direction:column;gap:1rem;padding:1rem;transition:transform .22s,box-shadow .22s,background .22s;display:flex;box-shadow:0 12px 28px #42a7f014}.image-reference-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px #42a7f01f}.image-reference-card-visual{aspect-ratio:1;border-radius:22px;justify-content:center;align-items:center;width:100%;display:flex}.image-reference-card-symbol{justify-content:center;align-items:center;font-size:3.5rem;line-height:1;transition:transform .22s;display:inline-flex;transform:scale(1)}.image-reference-card-symbol.material-symbols-outlined{font-size:3.5rem}.image-reference-card:hover .image-reference-card-symbol{transform:scale(1.08)}.image-reference-card-visual-mint{background:#dfeeed}.image-reference-card-symbol-mint{color:#42a7f0}.image-reference-card-visual-yellow{background:#f4f1e1}.image-reference-card-symbol-yellow{color:#ef9c11}.image-reference-card-visual-sky{background:#dfeaf7}.image-reference-card-symbol-sky{color:#3d87ed}.image-reference-card-visual-emerald{background:#ebf1f4}.image-reference-card-symbol-emerald{color:#14ad72}.image-reference-card-visual-blue{background:#ebeff8}.image-reference-card-symbol-blue{color:#4f7ff3}.image-reference-card-visual-violet{background:#f0edff}.image-reference-card-symbol-violet{color:#6c63ff}.image-reference-card-copy h3{color:#0f1a31;margin:0;font-size:1.1rem;line-height:1.32}.image-reference-card-copy p{color:#6d7d92;margin:.24rem 0 0;font-size:.86rem;font-weight:600;line-height:1.55}.image-reference-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.image-reference-photo-card{background:#fff;border:1px solid #edf2f7;border-radius:26px;align-items:center;gap:1rem;padding:1.35rem 1.2rem;transition:transform .22s,box-shadow .22s,background .22s;display:flex;box-shadow:0 12px 28px #42a7f014}.image-reference-photo-card:hover{transform:translateY(-3px);box-shadow:0 18px 32px #42a7f01f}.image-reference-photo-card-emerald:hover{background:#f3fcf8}.image-reference-photo-card-sky:hover{background:#f3f8ff}.image-reference-photo-card-amber:hover{background:#fff8ee}.image-reference-photo-visual{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:78px;height:78px;display:inline-flex}.image-reference-photo-visual .material-symbols-outlined{font-size:2.35rem}.image-reference-photo-visual-emerald{color:#16a36f;background:#dcf5e8}.image-reference-photo-visual-sky{color:#44a1ec;background:#e8f3ff}.image-reference-photo-visual-amber{color:#eba313;background:#fff4d8}.image-reference-photo-copy{flex:1}.image-reference-photo-copy h3{color:#0f1a31;margin:0;font-size:1.06rem;line-height:1.32}.image-reference-photo-copy p{color:#6d7d92;margin:.28rem 0 0;font-size:.87rem;font-weight:600;line-height:1.58}.image-reference-photo-arrow{color:#c5cedb;font-size:1rem}.image-support-section{background:#fff;padding:3rem 0 2.6rem}.document-support-section{background:#fff;margin-top:1.85rem;padding-top:4rem;padding-bottom:3rem}.image-support-heading{text-align:center;margin-bottom:2.2rem}.image-support-heading h2{color:#283246;letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,3.2vw,2.15rem);line-height:1.22}.image-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem;display:grid}.image-support-card{background:#fff;border:1px solid #e8edf4;border-radius:30px;flex-direction:column;min-height:360px;display:flex;overflow:hidden;box-shadow:0 16px 30px #1222380f}.image-support-card-link{transition:transform .22s,box-shadow .22s,border-color .22s}.image-support-card-link:hover{border-color:#d8e6f5;transform:translateY(-4px);box-shadow:0 22px 38px #12223817}.image-support-card-visual{text-align:center;place-items:center;min-height:214px;padding:1.8rem;display:grid}.image-support-card-visual-sky{background:linear-gradient(#dcecf8 0%,#cee3f5 100%)}.image-support-card-visual-emerald{background:linear-gradient(#e0f5eb 0%,#d4ecdf 100%)}.image-support-card-visual-amber{background:linear-gradient(#f5ecdd 0%,#f1e4cf 100%)}.image-support-card-icon-wrap{background:#ffffffc2;border-radius:34px;place-items:center;width:128px;height:128px;display:grid;box-shadow:inset 0 1px #ffffff6b}.image-support-card-icon{color:#2b4f74;font-size:4.35rem;line-height:1;display:block}.image-support-card-icon.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 48;font-size:4.35rem}.image-support-card-emerald .image-support-card-icon{color:#1c805d}.image-support-card-amber .image-support-card-icon{color:#9e6d20}.image-support-card-body{flex-direction:column;flex:1;gap:.7rem;padding:1.35rem 1.5rem 1.2rem;display:flex}.image-support-card-body h3{color:#2b2f39;letter-spacing:-.03em;margin:0;font-size:1.55rem;line-height:1.32}.image-support-card-body p{color:#596577;margin:0;font-size:1rem;line-height:1.72}.image-support-card-footer{justify-content:space-between;align-items:center;gap:1rem;padding:0 1.5rem 1.35rem;display:flex}.image-support-card-link-label{color:#2c5f97;font-size:.92rem;font-weight:700}.image-support-card-arrow{color:#4a5567;font-size:1.4rem;transition:transform .22s}.image-support-card-link:hover .image-support-card-arrow{transform:translate(2px,-2px)}.document-page-reference{gap:0;max-width:1200px;padding-top:0;padding-bottom:3.4rem}.document-hero-panel{text-align:center;color:#fff;background:radial-gradient(circle at 16% 28%,#62a2ff33 0%,#0000 24%),radial-gradient(circle at 72% 34%,#7ab6ff2e 0%,#0000 16%),linear-gradient(135deg,#1c2d4a 0%,#233d88 52%,#132848 100%);border-radius:34px;padding:4.4rem 1.6rem 4rem;position:relative;overflow:hidden;box-shadow:0 26px 54px #1328482e}.document-hero-panel:before,.document-hero-panel:after{content:"";border:1px solid #ffffff1f;border-radius:999px;position:absolute}.document-hero-panel:before{width:82px;height:82px;top:44%;left:24%}.document-hero-panel:after{width:128px;height:128px;top:26%;right:26%}.document-hero-badge{color:#ffffffeb;letter-spacing:.08em;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 1rem;font-size:.8rem;font-weight:800;display:inline-flex}.document-hero-title{letter-spacing:-.05em;margin:1.5rem 0 0;font-size:3rem;line-height:1.05}.document-hero-title-accent{color:#71b4ff}.document-hero-description{color:#e8effbdb;max-width:720px;margin:1.3rem auto 0;font-size:1.16rem;font-weight:600;line-height:1.72}.document-hero-kicker{color:#ffffff80;letter-spacing:.08em;align-items:center;gap:1.05rem;margin-top:2.2rem;font-size:.98rem;font-weight:700;display:inline-flex}.document-hero-kicker-line{background:#ffffff2e;width:54px;height:1px}.document-reference-sections{background:#f7f8fa;flex-direction:column;gap:2.9rem;width:100vw;margin-top:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:2.7rem 1.25rem 3.4rem;display:flex}.document-reference-sections>*{width:100%;max-width:1200px;margin:0 auto}.document-reference-section{border-bottom:1px solid #e8edf5;padding-bottom:2.45rem}.document-reference-section:last-child,.document-reference-support{border-bottom:0;padding-bottom:0}.document-reference-section-head{justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1.3rem;display:flex}.document-reference-section-title{align-items:center;gap:.6rem;display:inline-flex}.document-reference-section-title h2{color:#0f1a31;letter-spacing:-.03em;margin:0;font-size:1.5rem;line-height:1.2}.document-reference-section-icon{background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.document-reference-section-icon .material-symbols-outlined{font-size:2.05rem}.document-reference-section-icon-blue{color:#3f8cf0}.document-reference-section-icon-violet{color:#6366f1}.document-reference-section-icon-emerald{color:#16a34a}.document-reference-section-icon-slate{color:#475569}.document-reference-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3rem;display:grid}.document-reference-card-grid-wide{grid-template-columns:minmax(0,560px)}.document-reference-card{background:#fff;border:1px solid #edf1f6;border-radius:28px;flex-direction:column;gap:1rem;padding:1rem;transition:transform .22s,box-shadow .22s;display:flex;box-shadow:0 14px 30px #13223814}.document-reference-card:hover{transform:translateY(-4px);box-shadow:0 22px 38px #1322381f}.document-reference-card-wide{flex-direction:row;align-items:center;gap:1.2rem;min-height:156px}.document-reference-card-visual{aspect-ratio:1;border-radius:22px;place-items:center;width:100%;display:grid}.document-reference-card-visual-blue{background:#e8eef8}.document-reference-card-visual-amber{background:#f7efe2}.document-reference-card-visual-emerald{background:#e7f5ec}.document-reference-card-visual-violet{background:#eceffd}.document-reference-card-visual-sky{background:#e5effa}.document-reference-card-visual-slate{background:#eef2f7}.document-reference-card-visual-wide{aspect-ratio:auto;width:132px;min-width:132px;height:132px}.document-reference-card-symbol{justify-content:center;align-items:center;font-size:3.75rem;line-height:1;display:inline-flex}.document-reference-card-symbol.material-symbols-outlined{font-size:3.75rem}.document-reference-card-symbol-blue{color:#3867e8}.document-reference-card-symbol-amber{color:#f97316}.document-reference-card-symbol-emerald{color:#16a34a}.document-reference-card-symbol-violet{color:#6366f1}.document-reference-card-symbol-sky{color:#4f6cf0}.document-reference-card-symbol-slate{color:#64748b}.document-reference-card-copy h3{color:#0f1a31;margin:0;font-size:1.15rem;line-height:1.32}.document-reference-card-copy p{color:#6d7d92;margin:.24rem 0 0;font-size:.87rem;font-weight:600;line-height:1.6}.document-reference-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;display:grid}.document-reference-feature-card{background:#fff;border:1px solid #edf1f6;border-radius:28px;align-items:center;gap:1rem;min-height:144px;padding:1.3rem 1.35rem;display:flex;box-shadow:0 14px 30px #13223814}.document-reference-feature-card[href]{transition:transform .22s,box-shadow .22s}.document-reference-feature-card[href]:hover{transform:translateY(-3px);box-shadow:0 20px 36px #1322381f}.document-reference-feature-visual{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:74px;height:74px;display:inline-flex}.document-reference-feature-visual-sky{color:#3f8cf0;background:#e8f2ff}.document-reference-feature-visual-emerald{color:#16a34a;background:#e6f6ed}.document-reference-feature-visual-amber{color:#d97706;background:#fff3df}.document-reference-feature-icon{font-size:2.25rem;line-height:1}.document-reference-feature-copy{flex:1}.document-reference-feature-copy h3{color:#172032;margin:0;font-size:1.3rem;line-height:1.3}.document-reference-feature-copy p{color:#667487;margin:.35rem 0 0;font-size:.94rem;line-height:1.65}.document-reference-feature-arrow{color:#c5cedb;flex-shrink:0;font-size:1rem}.text-page-reference{gap:0;max-width:1200px;padding-top:0;padding-bottom:3.4rem}.text-hub-hero{color:#fff;background:radial-gradient(circle at 20% 18%,#7b77ff38 0%,#0000 30%),radial-gradient(circle at 76% 22%,#70b6ff24 0%,#0000 22%),linear-gradient(135deg,#2d317f 0%,#5c1f95 56%,#171e39 100%);border-radius:34px;grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:center;gap:2rem;padding:3.8rem 3.6rem;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 56px #23164838}.text-hub-hero:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0d 0%,#0000 34%);position:absolute;inset:0}.text-hub-hero-copy,.text-hub-hero-visual{z-index:1;position:relative}.text-hub-badge{color:#fffffff5;letter-spacing:.08em;background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;min-height:36px;padding:0 .95rem;font-size:.8rem;font-weight:800;display:inline-flex}.text-hub-title{letter-spacing:-.05em;flex-direction:column;gap:.12rem;margin:1.55rem 0 0;font-size:3rem;line-height:1.02;display:flex}.text-hub-title-accent{color:#4db4ff}.text-hub-description{color:#ebf1fbe0;max-width:540px;margin:1.4rem 0 0;font-size:1.12rem;font-weight:600;line-height:1.74}.text-hub-actions{flex-wrap:wrap;gap:.9rem;margin-top:2.05rem;display:flex}.btn.text-hub-action-primary,.btn.text-hub-action-secondary{border-radius:18px;min-width:138px;height:56px;font-size:1rem}.text-hub-action-primary{box-shadow:0 18px 30px #369cff38}.btn.text-hub-action-secondary{text-align:center;color:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-color:#ffffff29;border-radius:1.5rem;justify-content:center;align-items:center;display:inline-flex}.btn.text-hub-action-secondary:hover:not(:disabled){color:#fffffff0;background:#ffffff29;border-color:#ffffff29}.text-hub-hero-visual{justify-content:center;align-items:center;min-height:320px;display:flex}.text-hub-hero-sheet{background:linear-gradient(#ffffff1f 0%,#ffffff0a 100%);border:1px solid #ffffff1a;border-radius:28px;width:266px;height:362px;position:relative;transform:rotate(12deg);box-shadow:0 26px 44px #0d122433}.text-hub-hero-line,.text-hub-hero-dot,.text-hub-hero-chip,.text-hub-hero-ring{display:block;position:absolute}.text-hub-hero-line{background:#baa6e95c;border-radius:999px;height:16px;left:28px}.text-hub-hero-line-1{width:158px;top:28px}.text-hub-hero-line-2{width:182px;top:62px}.text-hub-hero-line-3{width:168px;top:96px}.text-hub-hero-dot{background:#4db4ffb8;border-radius:50%;width:32px;height:32px;top:156px;left:28px}.text-hub-hero-chip{background:#cdc1ec66;border-radius:999px;width:48px;height:12px;top:206px;left:28px}.text-hub-hero-ring{border:2px solid #ffffff38;border-radius:50%;width:48px;height:48px;bottom:118px;right:34px}.text-hub-tabs{scrollbar-width:none;border-bottom:1px solid #e5ebf4;align-items:center;gap:1.7rem;margin-top:1.8rem;padding-bottom:.95rem;display:flex;overflow-x:auto}.text-hub-tabs::-webkit-scrollbar{display:none}.text-hub-tab{color:#66758a;white-space:nowrap;flex:none;padding-bottom:.12rem;font-size:1rem;font-weight:700;position:relative}.text-hub-tab:hover{color:var(--brand-dark)}.text-hub-tab-active{color:var(--brand)}.text-hub-tab-active:after{content:"";background:var(--brand);border-radius:999px;height:2px;position:absolute;bottom:-.96rem;left:0;right:0}.text-hub-sections{background:#f7f8fa;flex-direction:column;gap:4.3rem;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:2.2rem 1.25rem 3.4rem;display:flex}.text-hub-sections>*{width:100%;max-width:1200px;margin:0 auto}.text-hub-section{flex-direction:column;gap:1.2rem;display:flex}.text-hub-section-head{justify-content:flex-start;align-items:center;display:flex}.text-hub-section-title{align-items:center;gap:.6rem;display:inline-flex}.text-hub-section-title h2{color:#0f1a31;letter-spacing:-.03em;margin:0;font-size:1.5rem;line-height:1.2}.text-hub-section-icon{background:0 0;justify-content:center;align-items:center;display:inline-flex}.text-hub-section-icon .material-symbols-outlined{font-size:2.05rem}.text-hub-section-icon-sky{color:#3f8cf0}.text-hub-section-icon-violet{color:#6559f5}.text-hub-section-icon-amber{color:#d97706}.text-hub-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem;display:grid}.text-hub-card-grid-feature{grid-template-columns:repeat(4,minmax(0,1fr))}.text-hub-card-grid-feature .document-reference-card-wide{grid-column:span 2}.text-hub-card{background:#fff;border:1px solid #e6ebf3;border-radius:26px;flex-direction:column;min-height:188px;padding:1.4rem 1.45rem 1.3rem;transition:background .22s;display:flex;box-shadow:0 14px 30px #1322380f}.text-hub-card:hover{background:#f7f9fc}.text-hub-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.text-hub-card-feature{flex-direction:row;align-items:center;gap:1.1rem;min-height:144px}.text-hub-card-icon{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}.text-hub-card-icon .material-symbols-outlined{font-size:1.5rem}.text-hub-card-icon-sky{color:#3f8cf0;background:#eef4ff}.text-hub-card-icon-violet{color:#675df6;background:#f1edff}.text-hub-card-icon-amber{color:#d97706;background:#fff6e4}.text-hub-card-arrow{color:#c5cedb;flex-shrink:0;font-size:1.15rem;transition:transform .22s,color .22s}.text-hub-card:hover .text-hub-card-arrow{color:#c5cedb;transform:none}.text-page-reference .image-support-card-link{transition:background .22s}.text-page-reference .image-support-card-link:hover{background:#f7f9fc;border-color:#e8edf4;transform:none;box-shadow:0 16px 30px #1222380f}.text-page-reference .image-support-card-link:hover .image-support-card-arrow{transform:none}.text-hub-card-copy{flex:1}.text-hub-card-copy h3{color:#0f1a31;margin:1.3rem 0 0;font-size:1.12rem;line-height:1.34}.text-hub-card-feature .text-hub-card-copy h3{margin-top:0}.text-hub-card-copy p{color:#6c7b8f;margin:.42rem 0 0;font-size:.9rem;font-weight:600;line-height:1.62}.calculator-page-reference{gap:0;max-width:1200px;padding-top:0;padding-bottom:3.4rem}.calculator-hub-hero{color:#fff;background:radial-gradient(circle at 18% 18%,#ffffff29 0%,#0000 24%),radial-gradient(circle at 78% 16%,#d7fffa33 0%,#0000 26%),linear-gradient(135deg,#34d0a5 0%,#29c5b0 56%,#0fb2db 100%);border-radius:34px;grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:center;gap:2rem;padding:3.7rem 3.4rem;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 54px #17777438}.calculator-hub-hero:before{content:"";pointer-events:none;background:linear-gradient(#ffffff14 0%,#0000 34%);position:absolute;inset:0}.calculator-hub-hero-copy,.calculator-hub-hero-visual{z-index:1;position:relative}.calculator-hub-badge{color:#fffffff5;letter-spacing:.08em;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;min-height:36px;padding:0 .95rem;font-size:.8rem;font-weight:800;display:inline-flex}.calculator-hub-title{letter-spacing:-.05em;flex-direction:column;gap:.12rem;margin:1.45rem 0 0;font-size:3rem;line-height:1.02;display:flex}.calculator-hub-title-accent{color:#fff}.calculator-hub-description{color:#f0fffceb;max-width:520px;margin:1.35rem 0 0;font-size:1.1rem;font-weight:600;line-height:1.72}.calculator-hub-actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.btn.calculator-hub-action{color:#078762;text-align:center;white-space:nowrap;background:#fff;border-color:#0000;border-radius:1.5rem;justify-content:center;align-items:center;min-width:154px;height:56px;font-size:1rem;line-height:1.2;display:inline-flex;box-shadow:0 18px 30px #14786b2e}.btn.calculator-hub-action:hover:not(:disabled){color:#078762;background:#f1fffb;border-color:#0000}.calculator-hub-hero-visual{justify-content:center;align-items:center;min-height:314px;display:flex}.calculator-hub-visual-panel{background:linear-gradient(#ffffff1f 0%,#ffffff08 100%),linear-gradient(#0097a83d 0%,#00778f29 100%);border-radius:28px;width:286px;height:276px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e}.calculator-hub-visual-panel:before,.calculator-hub-visual-panel:after{content:"";border:1px solid #ffffff24;border-radius:50%;position:absolute}.calculator-hub-visual-panel:before{width:230px;height:230px;top:-88px;right:-96px}.calculator-hub-visual-panel:after{width:172px;height:172px;bottom:-72px;left:-76px}.calculator-hub-bubble{background:radial-gradient(circle at 30% 30%,#ffffff4d,#ffffff0f);border-radius:50%;display:block;position:absolute;box-shadow:inset 0 1px #ffffff57,0 10px 24px #0c788129}.calculator-hub-bubble-lg{width:108px;height:108px;bottom:44px;right:58px}.calculator-hub-bubble-md{width:52px;height:52px;bottom:36px;right:24px}.calculator-hub-bubble-sm{width:18px;height:18px}.calculator-hub-bubble-sm-a{top:44px;left:48px}.calculator-hub-bubble-sm-b{top:58px;left:132px}.calculator-hub-bubble-sm-c{top:74px;right:70px}.calculator-hub-bubble-sm-d{bottom:76px;left:38px}.calculator-hub-bubble-sm-e{bottom:112px;right:92px}.lotto-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.lotto-result-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:.95rem}.lotto-result-label{color:#516074;margin:0;font-size:.82rem;font-weight:700}.lotto-ball-row{flex-wrap:wrap;gap:.45rem;margin-top:.7rem;display:flex}.lotto-ball{color:#2459b7;background:#edf5ff;border-radius:999px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 .55rem;font-size:.95rem;font-weight:800;display:inline-flex}.lotto-result-bonus{color:#6b7a8d;margin:.78rem 0 0;font-size:.84rem;font-weight:600}.lotto-result-bonus strong{color:#d97706}.calculator-hub-tabs{scrollbar-width:none;border-bottom:1px solid #e5ebf4;align-items:center;gap:1.7rem;margin-top:1.85rem;padding-bottom:.95rem;display:flex;overflow-x:auto}.calculator-hub-tabs::-webkit-scrollbar{display:none}.calculator-hub-tab{color:#66758a;white-space:nowrap;flex:none;padding-bottom:.12rem;font-size:1rem;font-weight:700;position:relative}.calculator-hub-tab:hover{color:var(--brand-dark)}.calculator-hub-tab-active{color:var(--brand)}.calculator-hub-tab-active:after{content:"";background:var(--brand);border-radius:999px;height:2px;position:absolute;bottom:-.96rem;left:0;right:0}.calculator-hub-sections{background:#f7f8fa;flex-direction:column;gap:4.3rem;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:2.2rem 1.25rem 3.4rem;display:flex}.calculator-hub-sections>*{width:100%;max-width:1200px;margin:0 auto}.calculator-hub-section{flex-direction:column;gap:1.2rem;display:flex}.calculator-hub-section-head{justify-content:flex-start;align-items:center;display:flex}.calculator-hub-section-title{align-items:center;gap:.6rem;display:inline-flex}.calculator-hub-section-title h2{color:#0f1a31;letter-spacing:-.03em;margin:0;font-size:1.5rem;line-height:1.2}.calculator-hub-section-icon{background:0 0;justify-content:center;align-items:center;display:inline-flex}.calculator-hub-section-icon .material-symbols-outlined{font-size:2.05rem}.calculator-hub-section-icon-sky{color:#3f8cf0}.calculator-hub-section-icon-blue{color:#2a8bdc}.calculator-hub-section-icon-violet{color:#6559f5}.calculator-hub-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem;display:grid}.calculator-hub-card-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.calculator-hub-card-grid-wide .document-reference-card-wide{grid-column:span 2}.calculator-hub-card{background:#fff;border:1px solid #e6ebf3;border-radius:26px;flex-direction:column;min-height:188px;padding:1.4rem 1.45rem 1.3rem;transition:background .22s;display:flex;box-shadow:0 14px 30px #1322380f}.calculator-hub-card:hover{background:#f7f9fc}.calculator-hub-card-wide{flex-direction:row;align-items:center;gap:1.1rem;min-height:144px}.calculator-hub-card-icon{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}.calculator-hub-card-icon .material-symbols-outlined{font-size:1.5rem}.calculator-hub-card-icon-orange{color:#f97316;background:#fff1e7}.calculator-hub-card-icon-sky{color:#3f8cf0;background:#eef4ff}.calculator-hub-card-icon-mint{color:#0f9f73;background:#e6fbf3}.calculator-hub-card-icon-violet{color:#675df6;background:#f1edff}.calculator-hub-card-icon-amber{color:#d97706;background:#fff6e4}.calculator-hub-card-icon-rose{color:#ef4444;background:#ffe9ec}.calculator-hub-card-copy{flex:1}.calculator-hub-card-copy h3{color:#0f1a31;margin:1.3rem 0 0;font-size:1.12rem;line-height:1.34}.calculator-hub-card-wide .calculator-hub-card-copy h3{margin-top:0}.calculator-hub-card-copy p{color:#6c7b8f;margin:.42rem 0 0;font-size:.9rem;font-weight:600;line-height:1.62}.calculator-finance-banner-section{background:#fff;padding:0 0 3.1rem}.calculator-finance-banner{color:#fff;background:radial-gradient(circle at 12% 22%,#ffffff29 0%,#0000 24%),radial-gradient(circle at 82% 22%,#8be5d22e 0%,#0000 22%),linear-gradient(135deg,#0f2947 0%,#12426a 54%,#0d7ea3 100%);border-radius:32px;width:100%;max-width:1200px;margin:0 auto;padding:2rem 2.2rem;transition:transform .22s,box-shadow .22s;display:block;position:relative;overflow:hidden;box-shadow:0 24px 48px #10375629}.calculator-finance-banner:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff0d 0%,#0000 38%);position:absolute;inset:0}.calculator-finance-banner:hover{transform:translateY(-3px);box-shadow:0 30px 56px #10375633}.calculator-finance-banner-copy{min-width:0}.calculator-finance-banner-graphic{pointer-events:none;position:absolute;inset:0}.calculator-finance-banner-graphic-svg{opacity:.74;width:470px;height:280px;position:absolute;top:10px;right:-10px}.calculator-finance-banner-main{z-index:1;justify-content:space-between;align-items:center;gap:2rem;display:flex;position:relative}.calculator-finance-banner-badge{color:#ffffffe6;letter-spacing:.08em;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;min-height:34px;padding:0 .9rem;font-size:.76rem;font-weight:800;display:inline-flex}.calculator-finance-banner-copy h2{color:#fff;letter-spacing:-.04em;white-space:nowrap;max-width:none;margin:1rem 0 0;font-size:1.9rem;line-height:1.12}.calculator-finance-banner-copy p{color:#e8f5ffe0;max-width:620px;margin:.9rem 0 0;font-size:1rem;font-weight:600;line-height:1.72}.calculator-finance-banner-action{z-index:1;color:#0f5374;white-space:nowrap;background:#fffffff5;border-radius:999px;flex:none;align-items:center;gap:.55rem;min-height:56px;padding:0 1.35rem;font-size:.98rem;font-weight:800;display:inline-flex;position:relative;box-shadow:0 16px 30px #0a273f24}.calculator-finance-banner-action .material-symbols-outlined{font-size:1.2rem}.design-page-reference{gap:0;max-width:1200px;padding-top:0;padding-bottom:3.4rem}.design-hub-hero{color:#fff;background:radial-gradient(circle at 88% 18%,#ffffff1f 0%,#0000 18%),linear-gradient(135deg,#ff626d 0%,#ec5b96 54%,#ff9097 100%);border-radius:34px;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:1.8rem;padding:3.8rem 3.4rem;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 54px #dc5c7e38}.design-hub-hero:before{content:"";pointer-events:none;background:linear-gradient(#ffffff14 0%,#0000 36%);position:absolute;inset:0}.design-hub-hero-copy,.design-hub-hero-visual{z-index:1;position:relative}.design-hub-badge{color:#fffffff5;letter-spacing:.08em;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;min-height:36px;padding:0 .95rem;font-size:.8rem;font-weight:800;display:inline-flex}.design-hub-title{letter-spacing:-.05em;flex-direction:column;gap:.12rem;margin:1.45rem 0 0;font-size:3rem;line-height:1.02;display:flex}.design-hub-title-accent{color:#fff}.design-hub-description{color:#fff3f8f0;max-width:540px;margin:1.35rem 0 0;font-size:1.12rem;font-weight:600;line-height:1.72}.design-hub-actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.btn.design-hub-action{color:#1f2430;text-align:center;white-space:nowrap;background:#fff;border-color:#0000;border-radius:1.5rem;justify-content:center;align-items:center;min-width:154px;height:56px;font-size:1rem;line-height:1.2;display:inline-flex;box-shadow:0 18px 30px #af41732e}.btn.design-hub-action:hover:not(:disabled){color:#1f2430;background:#fff6f8;border-color:#0000}.design-hub-hero-visual{min-height:300px;position:relative}.design-hub-shape{border:1px solid #ffffff3d;display:block;position:absolute}.design-hub-shape-circle{border-radius:50%}.design-hub-shape-circle-left{width:256px;height:256px;bottom:38px;left:10px}.design-hub-shape-circle-right{width:190px;height:190px;top:8px;right:24px}.design-hub-shape-diamond{width:126px;height:126px;top:110px;left:46px;transform:rotate(45deg)}.design-hub-sections{background:#f7f8fa;flex-direction:column;gap:3.3rem;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:2.3rem 1.25rem 3.4rem;display:flex}.design-hub-sections>*{width:100%;max-width:1200px;margin:0 auto}.utility-page-reference{gap:0;max-width:1200px;padding-top:0;padding-bottom:3.4rem}.utility-hub-hero{color:#fff;background:radial-gradient(circle at 84%,#5d55f242 0%,#0000 30%),linear-gradient(135deg,#202a3f 0%,#111c31 48%,#1b1845 100%);border-radius:34px;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:1.8rem;padding:3.8rem 3.4rem;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 54px #121c3547}.utility-hub-hero:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0d 0%,#0000 34%);position:absolute;inset:0}.utility-hub-copy,.utility-hub-visual{z-index:1;position:relative}.utility-hub-badge{color:#badcfff5;letter-spacing:.08em;background:#35486b6b;border:1px solid #85a4d347;border-radius:999px;align-items:center;min-height:36px;padding:0 .95rem;font-size:.8rem;font-weight:800;display:inline-flex}.utility-hub-title{letter-spacing:-.05em;flex-direction:column;gap:.12rem;margin:1.45rem 0 0;font-size:3rem;line-height:1.02;display:flex}.utility-hub-title-accent{color:#fff}.utility-hub-description{color:#e6efffe0;max-width:560px;margin:1.35rem 0 0;font-size:1.08rem;font-weight:600;line-height:1.76}.utility-hub-actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.btn.utility-hub-action{color:#fff;text-align:center;white-space:nowrap;background:#47adfb;border-color:#0000;border-radius:1.5rem;justify-content:center;align-items:center;min-width:186px;height:56px;font-size:1rem;line-height:1.2;display:inline-flex;box-shadow:0 18px 30px #348cdd42}.btn.utility-hub-action:hover:not(:disabled){color:#fff;background:#389cf0;border-color:#0000}.utility-hub-visual{min-height:300px;position:relative}.utility-hub-panel,.utility-hub-glow,.utility-hub-orb,.utility-hub-spark{display:block;position:absolute}.utility-hub-panel{background:linear-gradient(#485a8738 0%,#141d3714 100%);border:1px solid #7e91c524;border-radius:28px;width:min(100%,292px);height:260px;top:14px;right:20px}.utility-hub-glow{background:radial-gradient(circle,#9591ff24 0%,#0000 68%);border:1px solid #c2d0ff24;border-radius:50%;width:344px;height:344px;top:-70px;right:-12px}.utility-hub-orb{background:radial-gradient(circle at 32% 28%,#ffffff57 0%,#ffffff14 18%,#0000 19%),linear-gradient(#6decff47 0%,#2897e524 100%);border-radius:50%;width:128px;height:128px;top:98px;right:86px;box-shadow:inset 0 0 0 1px #c7f7ff29,0 18px 38px #196eaa38}.utility-hub-spark{background:linear-gradient(#a7fff457 0%,#75d2ff2e 100%);border-radius:50%;box-shadow:inset 0 0 0 1px #d6ffff26}.utility-hub-spark-primary{width:28px;height:28px;top:82px;right:188px}.utility-hub-spark-secondary{width:18px;height:18px;top:66px;right:112px}.utility-hub-sections{background:#f7f8fa;flex-direction:column;gap:3.3rem;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:2.3rem 1.25rem 3.4rem;display:flex}.utility-hub-sections>*{width:100%;max-width:1200px;margin:0 auto}.image-section-header{margin-bottom:1rem}.image-section-title-wrap{align-items:flex-start;gap:.9rem;display:flex}.image-section-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.image-section-icon .material-symbols-outlined{font-size:1.6rem}.image-section-icon-blue{color:#1273ea;background:#e3f2fd}.image-section-icon-amber{color:#c77d09;background:#fff6de}.image-section-icon-emerald{color:#0f9d6f;background:#e6f7f1}.image-section-header h2{color:var(--text-primary);margin:.2rem 0 .28rem;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.2}.image-section-header p{max-width:760px;color:var(--text-secondary);margin:0;line-height:1.62}.image-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.image-showcase-card{background:linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #e3ebf6;border-radius:28px;flex-direction:column;gap:.9rem;padding:1.1rem;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;display:flex;box-shadow:0 10px 25px -5px #42a7f014,0 8px 10px -6px #42a7f014}.image-showcase-card:hover{background:linear-gradient(#fff 0%,#f6fbff 100%);border-color:#cfe0f6;transform:translateY(-4px);box-shadow:0 16px 28px #42a7f01f}.image-showcase-visual{aspect-ratio:1;border-radius:22px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.image-showcase-visual:after{content:"";opacity:0;background:linear-gradient(#0000 0%,#ffffff4d 100%);transition:opacity .25s;position:absolute;inset:0}.image-showcase-card:hover .image-showcase-visual:after{opacity:1}.image-showcase-symbol{font-size:3.5rem;transition:transform .35s}.image-showcase-card:hover .image-showcase-symbol{transform:scale(1.08)}.image-showcase-visual-mint{background:#e6f7f1}.image-showcase-symbol-mint{color:#10a576}.image-showcase-visual-yellow{background:#fff8d9}.image-showcase-symbol-yellow{color:#d59a00}.image-showcase-visual-sky,.image-showcase-visual-blue{background:#e8f3ff}.image-showcase-symbol-sky{color:#1273ea}.image-showcase-symbol-blue{color:#2563eb}.image-showcase-visual-emerald{background:#edf9f3}.image-showcase-symbol-emerald{color:#0f9d6f}.image-showcase-visual-rose{background:#fff0f6}.image-showcase-symbol-rose{color:#d94688}.image-showcase-visual-violet{background:#f2ecff}.image-showcase-symbol-violet{color:#7c3aed}.image-showcase-copy h3{color:var(--text-primary);margin:0;font-size:1rem;line-height:1.35}.image-showcase-copy p{color:var(--text-secondary);margin:.24rem 0 0;font-size:.82rem;line-height:1.55}.image-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.image-photo-card{background:#fff;border:0;border-radius:30px;align-items:center;gap:1.05rem;min-height:128px;padding:1.3rem 1.35rem;text-decoration:none;transition:transform .22s,background .22s,box-shadow .22s;display:flex;box-shadow:0 16px 30px #0f172a0f}.image-photo-card:hover{transform:translateY(-3px);box-shadow:0 20px 34px #0f172a17}.image-photo-card-emerald:hover{background:#f1fbf7}.image-photo-card-sky:hover{background:#f3f8ff}.image-photo-card-amber:hover{background:#fffaf0}.image-photo-card-violet:hover{background:#f8f5ff}.image-photo-icon-wrap{border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:92px;height:92px;display:inline-flex}.image-photo-icon-wrap-emerald{color:#0f9d6f;background:#e6f7f1}.image-photo-icon-wrap-sky{color:#1273ea;background:#e8f3ff}.image-photo-icon-wrap-amber{color:#c77d09;background:#fff6de}.image-photo-icon-wrap-violet{color:#7c3aed;background:#f2ecff}.image-photo-symbol,.image-photo-symbol.material-symbols-outlined{font-size:3rem}.image-photo-copy{flex:1}.image-photo-copy h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:800;line-height:1.35}.image-photo-copy p{color:var(--text-secondary);margin:.28rem 0 0;font-size:.92rem;line-height:1.55}.image-photo-arrow{color:#c4ccd7;flex-shrink:0;font-size:1.08rem;transition:transform .22s,color .22s}.image-photo-card:hover .image-photo-arrow{color:var(--brand-dark);transform:translate(2px)}.tool-category-eyebrow{color:var(--brand-dark);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.tools-hub-note{background:linear-gradient(#fff 0%,#f7fbff 100%)}.tools-home-page{gap:0;max-width:1200px;padding:0 0 4.2rem}.tools-home-hero-band{background:radial-gradient(circle at top,#62b0f729 0%,#0000 34%),linear-gradient(#edf6ff 0%,#f4f9ff 38%,#fff 100%);border-bottom:1px solid #edf2f7;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.tools-home-hero-shell{max-width:1200px;margin:0 auto;padding:4.8rem 1rem 4.4rem}.tools-home-hero{text-align:center;flex-direction:column;align-items:center;display:flex}.tools-home-title{color:#12203a;letter-spacing:-.055em;flex-direction:column;gap:.12rem;margin:0;font-size:3rem;line-height:1.04;display:flex}.tools-home-title-accent{color:#44a6f3}.tools-home-description{color:#586983;max-width:700px;margin:1.45rem 0 0;font-size:1.15rem;font-weight:600;line-height:1.72}.tools-home-search-stack{width:min(100%,620px);margin-top:2.15rem;position:relative}.tools-home-search-shell{background:#fffffff0;border:1px solid #e6edf6;border-radius:26px;align-items:center;gap:.7rem;width:100%;padding:.7rem;display:flex;box-shadow:0 22px 40px #1f4b8a1f}.tools-home-search-input-wrap{background:#fff;border-radius:20px;flex:auto;align-items:center;gap:.75rem;min-height:54px;padding:0 1rem 0 1.1rem;display:flex}.tools-home-search-icon{color:#8ba0bc;font-size:1.45rem}.tools-home-search-input{color:#1f2b43;background:0 0;border:0;outline:none;width:100%;font-size:1.02rem;font-weight:600}.tools-home-search-input::placeholder{color:#7789a3}.btn.tools-home-search-submit{color:#fff;background:#42a5f4;border-color:#0000;border-radius:20px;flex:none;min-width:122px;height:54px;font-size:1rem;font-weight:800;box-shadow:0 16px 30px #42a5f433}.btn.tools-home-search-submit:hover:not(:disabled){color:#fff;background:#3197ea;border-color:#0000}.tools-home-search-autocomplete{z-index:12;background:#fffffff7;border:1px solid #e3ebf5;border-radius:24px;padding:.45rem;position:absolute;top:calc(100% + .8rem);left:0;right:0;box-shadow:0 18px 34px #1f4b8a1a}.tools-home-search-option{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;align-items:center;gap:.9rem;width:100%;padding:.9rem .95rem;display:flex}.tools-home-search-option:hover,.tools-home-search-option-active{background:#f3f8fe}.tools-home-search-option-icon{color:#3b9dee;background:#eff6ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.tools-home-search-option-icon .material-symbols-outlined{font-size:1.35rem}.tools-home-search-option-copy{flex-direction:column;gap:.18rem;min-width:0;display:flex}.tools-home-search-option-copy strong{color:#16243d;font-size:.98rem;line-height:1.35}.tools-home-search-option-copy span{color:#71839c;font-size:.84rem;font-weight:700;line-height:1.35}.tools-home-keyword-row{justify-content:center;align-items:center;gap:.7rem;margin-top:1.35rem;display:flex}.tools-home-keyword-label{color:#6b7d95;font-size:.92rem;font-weight:700}.tools-home-keywords{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;display:flex}.tools-home-keyword{color:#7388a4;cursor:pointer;background:0 0;border:0;padding:0;font-size:.92rem;font-weight:700}.tools-home-keyword:hover{color:#2994ea}.tools-home-search-feedback{color:#ca4f4f;margin:1rem 0 0;font-size:.94rem;font-weight:600}.tools-home-main{background:#f7f8fa;flex-direction:column;gap:4.3rem;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:4.5rem 1rem 3.4rem;display:flex}.tools-home-main>*{width:100%;max-width:1200px;margin:0 auto}.tools-home-section{width:100%}.tools-home-section-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.4rem;display:flex}.tools-home-section-head h2{color:#111f39;letter-spacing:-.04em;margin:0;font-size:2rem;line-height:1.12}.tools-home-section-head p{color:#667790;margin:.5rem 0 0;font-size:1rem;line-height:1.65}.tools-home-view-all{color:#3d9ceb;white-space:nowrap;align-items:center;gap:.28rem;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.tools-home-view-all:hover{color:#247fce}.tools-home-view-all .material-symbols-outlined{font-size:1.1rem}.tools-home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.tools-home-category-card,.tools-home-popular-card{background:linear-gradient(#fff 0%,#fcfdff 100%);border:1px solid #dbe5f0;flex-direction:column;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.tools-home-category-card{border-radius:30px;min-height:350px;padding:2rem 2rem 1.85rem;box-shadow:0 14px 34px #111f390d}.tools-home-popular-card{text-align:center;border-radius:24px;justify-content:center;align-items:center;min-height:146px;padding:1.35rem 1.1rem;box-shadow:0 10px 24px #111f390a}.tools-home-category-card:hover,.tools-home-popular-card:hover{border-color:#bad4ee;transform:translateY(-4px);box-shadow:0 18px 34px #1f4b8a1a}.tools-home-card-tone-sky{background:radial-gradient(circle at 100% 0,#6eabff1f 0%,#0000 32%),linear-gradient(#fff 0%,#fcfdff 100%)}.tools-home-card-tone-rose{background:radial-gradient(circle at 100% 0,#ff86861f 0%,#0000 32%),linear-gradient(#fff 0%,#fcfdff 100%)}.tools-home-card-tone-amber{background:radial-gradient(circle at 100% 0,#ffca5724 0%,#0000 32%),linear-gradient(#fff 0%,#fffefd 100%)}.tools-home-card-tone-mint{background:radial-gradient(circle at 100% 0,#69e1a724 0%,#0000 32%),linear-gradient(#fff 0%,#fcfffd 100%)}.tools-home-card-tone-indigo{background:radial-gradient(circle at 100% 0,#7f8eff1f 0%,#0000 32%),linear-gradient(#fff 0%,#fcfdff 100%)}.tools-home-card-tone-slate{background:radial-gradient(circle at 100% 0,#c7d2e02e 0%,#0000 34%),linear-gradient(#fff 0%,#fcfdff 100%)}.tools-home-card-icon{border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex}.tools-home-card-icon .material-symbols-outlined{font-size:3rem}.tools-home-card-icon-sky{color:#2f6df3;background:#dceaff}.tools-home-card-icon-rose{color:#ec433d;background:#ffe2e2}.tools-home-card-icon-amber{color:#dd8500;background:#fff2c8}.tools-home-card-icon-mint{color:#0f9d63;background:#d4f8e2}.tools-home-card-icon-indigo{color:#4a46e8;background:#dfe4ff}.tools-home-card-icon-slate{color:#516077;background:#eef3f9}.tools-home-category-copy{margin-top:2rem}.tools-home-category-copy h3{color:#121f39;margin:0;font-size:1.5rem;line-height:1.35}.tools-home-category-copy p{color:#62738b;margin:1rem 0 0;font-size:.98rem;line-height:1.7}.tools-home-card-link{color:#389cf0;align-items:center;gap:.35rem;margin-top:auto;font-size:.97rem;font-weight:800;display:inline-flex}.tools-home-card-link .material-symbols-outlined{font-size:1rem}.tools-home-popular-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;display:grid}.tools-home-popular-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1rem;display:inline-flex}.tools-home-popular-icon .material-symbols-outlined{font-size:1.5rem}.tools-home-popular-card strong{color:#18253d;font-size:1rem;line-height:1.35}.tools-home-popular-summary{color:#7b8b9f;margin-top:.45rem;font-size:.86rem;font-weight:600}.tools-home-cta-section{justify-content:center;display:flex}.tools-home-cta-card{text-align:center;background:linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #dbe5f0;border-radius:34px;width:min(100%,1028px);min-height:290px;padding:4rem 1.5rem 3.6rem;box-shadow:0 18px 38px #111f390d}.tools-home-cta-card h2{color:#111f39;letter-spacing:-.04em;margin:0;font-size:2rem;line-height:1.12}.tools-home-cta-card p{color:#667790;max-width:620px;margin:1.1rem auto 0;font-size:1rem;line-height:1.7}.tools-home-cta-actions{justify-content:center;margin-top:2rem;display:flex}.btn.tools-home-cta-button{color:#fff;background:#42a5f4;border-color:#0000;border-radius:1.5rem;justify-content:center;align-items:center;min-width:188px;height:58px;font-size:1rem;font-weight:800;display:inline-flex;box-shadow:0 18px 32px #42a5f42e}.btn.tools-home-cta-button:hover:not(:disabled){color:#fff;background:#3197ea;border-color:#0000}.hero-block-image-hub{background:radial-gradient(circle at 0 0,#10b9812e 0%,#0000 30%),radial-gradient(circle at top,#3b82f629 0%,#0000 36%),linear-gradient(#f8fffc 0%,#eefaff 56%,#f6fbff 100%)}.hero-block-image-hub:before{background:radial-gradient(circle,#10b98124 0%,#0000 72%)}.trust-panel-section{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(#f8fcff 0%,#f2f9ff 100%);border:1px solid #d8e8f8;padding:1.22rem}.trust-panel-card{background:#ffffffe6;border:1px solid #d8e8f8;border-radius:16px;padding:1rem}.tool-detail-page{padding-top:.55rem}.tool-hero{text-align:left;max-width:780px;margin-bottom:2.15rem}.tool-hero h1{letter-spacing:-.03em;margin:0;font-size:3rem;line-height:1.1}.tool-hero p{color:var(--text-secondary);max-width:760px;margin:1.15rem 0 0;font-size:1.05rem;line-height:1.7}.tool-main-panel{border:1px solid var(--line);background:linear-gradient(#fff 0%,#fbfdff 100%);border-radius:28px;padding:1.5rem;box-shadow:0 18px 38px #0f172a0f}.tool-detail-section{margin-top:4.35rem}.tool-section-heading{flex-direction:column;align-items:flex-start;gap:.65rem;margin-bottom:1.4rem;display:flex}.tool-section-heading-centered{text-align:center;align-items:center}.tool-section-heading h2{letter-spacing:-.02em;margin:0;font-size:1.5rem;line-height:1.2}.tool-section-heading-line{background:linear-gradient(90deg,#cae3ff 0%,#9ed0ff 100%);border-radius:999px;width:56px;height:4px}.tool-section-copy{text-align:center;color:var(--text-secondary);max-width:720px;margin:0 auto;line-height:1.7}.tool-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.45rem;display:grid}.tool-step-card{background:#fff;border:1px solid #0f172a0a;border-radius:22px;flex-direction:column;gap:.95rem;min-height:210px;padding:1.35rem 1.35rem 1.2rem;display:flex;position:relative;box-shadow:0 24px 42px #0f172a14}.tool-step-number{width:46px;height:46px;color:var(--brand);background:#eef6ff;border-radius:999px;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:inline-flex}.tool-step-title{color:var(--text-primary);margin:0;font-size:1.12rem;font-weight:700;line-height:1.35}.tool-step-copy{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.72}.tool-scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2.15rem;display:grid}.tool-scenario-card{text-align:center;background:#fff;border:1px solid #94a3b82e;border-radius:24px;flex-direction:column;align-items:center;gap:1rem;min-height:100%;padding:1.6rem 1.45rem;display:flex;box-shadow:0 16px 30px #0f172a0b}.tool-scenario-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.72}.tool-scenario-icon{border-radius:18px;justify-content:center;align-items:center;width:66px;height:66px;display:inline-flex}.tool-scenario-icon .material-symbols-outlined{font-size:1.7rem}.tool-scenario-icon-amber{color:#ee7b19;background:#fff3de}.tool-scenario-icon-sky{color:#3b82f6;background:#e7f1ff}.tool-scenario-icon-emerald{color:#16a34a;background:#def8e8}.tool-scenario-icon-violet{color:#8b5cf6;background:#f2eaff}.tool-scenario-icon-rose{color:#e11d48;background:#ffe9ef}.tool-scenario-icon-slate{color:#475569;background:#eef2f7}.tool-ad-section{min-height:120px;margin-top:2.8rem}.tool-ad-section-inline{margin-top:3rem}.manual-ad-slot{background:0 0;border:0;border-radius:0;width:100%;min-height:120px;padding:0;display:block}.tool-related-section{margin-top:4.35rem}.tool-related-section-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.35rem;display:flex}.tool-related-section h2{letter-spacing:-.02em;margin:0;font-size:1.5rem;line-height:1.2}.tool-related-section-head p{color:var(--text-secondary);margin:.42rem 0 0;line-height:1.7}.tool-related-all-link{color:var(--brand);align-items:center;gap:.3rem;font-weight:700;text-decoration:none;display:inline-flex}.tool-related-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.tool-related-card-inline{background:#fff;border:1px solid #94a3b82e;border-radius:22px;align-items:center;gap:1rem;min-height:116px;padding:1.25rem;text-decoration:none;transition:transform .22s,box-shadow .22s;display:flex;box-shadow:0 16px 30px #0f172a0d}.tool-related-card-inline:hover{transform:translateY(-2px);box-shadow:0 18px 30px #1273ea17}.tool-related-card-icon{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;display:inline-flex}.tool-related-card-icon .material-symbols-outlined{font-size:1.8rem}.tool-related-card-icon-image{color:#ef4444;background:#ffe9ee}.tool-related-card-icon-document{color:#3b82f6;background:#eaf5ff}.tool-related-card-icon-text{color:#16a34a;background:#eefcf4}.tool-related-card-icon-calculator{color:#d97706;background:#fff4df}.tool-related-card-icon-design{color:#8b5cf6;background:#f3eaff}.tool-related-card-icon-utility{color:#475569;background:#eef2f7}.tool-related-card-copy{min-width:0}.tool-related-card-copy h3{color:var(--text-primary);margin:0;font-size:1.15rem;line-height:1.3}.tool-related-card-copy p{color:var(--text-secondary);margin:.32rem 0 0;line-height:1.65}.tool-reference-guide{margin-top:.1rem}.tool-reference-note{color:var(--text-secondary);margin:0;font-size:.97rem;line-height:1.8}.tool-icon-pack-note{margin-bottom:1rem}.tool-icon-pack-meta{color:#526579;font-size:.83rem;font-weight:700}.tool-font-preview-panel{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dbe6f2;border-radius:20px;flex-direction:column;gap:.55rem;padding:1rem;display:flex;box-shadow:0 14px 26px #0f172a0a}.tool-font-preview-label{color:var(--text-primary);font-size:.92rem;font-weight:700}.tool-font-preview-textarea{min-height:96px}.tool-font-preview-hint{font-size:.86rem}.tool-font-preview-sample-wrap{background:linear-gradient(#fbfdff 0%,#f5f9ff 100%);border:1px solid #e2eaf4;border-radius:16px;margin-top:.75rem;padding:.9rem 1rem}.tool-font-preview-sample{color:#12233f;letter-spacing:-.01em;white-space:pre-wrap;word-break:keep-all;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.65em;margin:0;font-size:clamp(1.05rem,1.4vw,1.45rem);font-weight:500;line-height:1.55;display:-webkit-box;overflow:hidden}.tool-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.tool-reference-group{background:#fff;border:1px solid #94a3b82e;border-radius:24px;padding:1.35rem 1.35rem 1.2rem;box-shadow:0 14px 26px #0f172a0b}.tool-reference-group h4{color:#173b68;margin:0;font-size:1.04rem;line-height:1.45}.tool-reference-group ul{margin:.9rem 0 0;padding-left:1.2rem}.tool-reference-group li{color:var(--text-secondary);font-size:.95rem;line-height:1.82}.tool-reference-group li+li{margin-top:.46rem}.tool-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.tool-faq-card{background:#fff;border:1px solid #94a3b82e;border-radius:24px;align-items:flex-start;gap:1rem;padding:1.45rem;display:flex;box-shadow:0 16px 30px #0f172a0b}.tool-faq-card .tool-scenario-icon{border-radius:18px;flex-shrink:0;width:56px;height:56px}.tool-faq-card .tool-scenario-icon .material-symbols-outlined{font-size:1.45rem}.tool-faq-copy{min-width:0}.tool-faq-copy h3{color:var(--text-primary);margin:0;font-size:1.08rem;line-height:1.45}.tool-faq-copy p{color:var(--text-secondary);margin:.7rem 0 0;font-size:.96rem;line-height:1.82}.tool-intent-links{flex-wrap:wrap;gap:.65rem;display:flex}.tool-intent-link{color:#1f4f93;cursor:pointer;background:#f7fbff;border:1px solid #d7e5fb;border-radius:999px;align-items:center;min-height:38px;padding:.42rem .82rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.tool-intent-link:hover{color:#174078;background:#f0f7ff;border-color:#9dc2f5}.tool-intent-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.tool-intent-card{background:#fff;border:1px solid #94a3b82e;border-radius:30px;align-items:center;gap:1rem;min-height:126px;padding:1.45rem 1.55rem;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s;display:flex;box-shadow:0 16px 30px #0f172a0e}.tool-intent-card:hover{transform:translateY(-3px);box-shadow:0 20px 34px #0f172a16}.tool-intent-card-emerald:hover{background:#f1fbf7}.tool-intent-card-sky:hover{background:#f3f8ff}.tool-intent-card-amber:hover{background:#fffaf0}.tool-intent-card-violet:hover{background:#f8f5ff}.tool-intent-card-slate:hover{background:#f8fafc}.tool-intent-card-icon-wrap{border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;display:inline-flex}.tool-intent-card-icon-wrap-emerald{color:#16a36f;background:#dcf5e8}.tool-intent-card-icon-wrap-sky{color:#44a1ec;background:#e8f3ff}.tool-intent-card-icon-wrap-amber{color:#eba313;background:#fff4d8}.tool-intent-card-icon-wrap-violet{color:#7c3aed;background:#f2ecff}.tool-intent-card-icon-wrap-slate{color:#475569;background:#eef2f7}.tool-intent-card-icon,.tool-intent-card-icon.material-symbols-outlined{font-size:2.7rem}.tool-intent-card-copy{flex:1;min-width:0}.tool-intent-card-copy h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:800;line-height:1.34}.tool-intent-card-copy p{color:var(--text-secondary);margin:.42rem 0 0;font-size:.95rem;line-height:1.7}.tool-inline-highlight{color:#4f46e5;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 0 62%,#93c5fd2e 62% 74%,#93c5fd61 74% 90%,#0000 90% 100%);border-radius:.18em;padding:0 .08em;font-weight:700;display:inline}.tool-intent-card-arrow{color:#c4ccd7;flex-shrink:0;font-size:1.08rem;transition:transform .22s,color .22s}.tool-intent-card:hover .tool-intent-card-arrow{color:var(--brand-dark);transform:translate(2px)}.tool-widget{flex-direction:column;gap:.95rem;display:flex}.tool-inline-grid{grid-template-columns:1fr;gap:.55rem;display:grid}.tool-inline-grid.two-col,.tool-inline-grid.three-col{grid-template-columns:minmax(120px,auto) 1fr}.photo-resize-dimension-grid{grid-template-columns:minmax(148px,auto) minmax(0,1fr) 24px minmax(0,1fr) max-content;align-items:center;column-gap:.8rem}.photo-resize-dimension-label{white-space:nowrap}.photo-resize-dimension-separator{color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:inline-flex}.photo-resize-lock-checkbox{white-space:nowrap}.photo-resize-lock-checkbox input:disabled+span{opacity:.5}.photo-resize-lock-row{justify-content:flex-end;align-items:center;gap:.7rem;min-width:max-content;display:inline-flex}.photo-resize-source-ratio{color:var(--text-secondary);white-space:nowrap;font-size:.84rem}.tool-crop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.tool-crop-field{flex-direction:column;gap:.4rem;display:flex}.tool-control-stack{flex-direction:column;gap:.8rem;display:flex}.tool-control-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tool-quality-label{align-items:center;gap:.9rem;min-height:48px;display:flex}.tool-quality-label strong{color:var(--brand);font-size:1.95rem;font-weight:800;line-height:1}.tool-control-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.field-label{color:var(--text-primary);align-items:center;font-size:.92rem;font-weight:600;display:flex}.field-note{color:var(--text-secondary);margin:0;font-weight:600}.tool-widget input,.tool-widget select,.tool-widget textarea{border:1px solid var(--line);width:100%;color:var(--text-primary);border-radius:10px;padding:.62rem .72rem;font-family:inherit;font-size:.94rem}.tool-widget input:focus,.tool-widget select:focus,.tool-widget textarea:focus{border-color:var(--brand);outline:2px solid #1273ea38}.tool-widget input[type=color]{min-height:40px;padding:.25rem}.photo-guide-wrap{border:1px solid var(--line);background:#f8fbff;border-radius:14px;padding:.85rem}.photo-guide-title{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:700}.photo-guide-hint{color:var(--text-secondary);margin:.3rem 0 .65rem;font-size:.82rem;line-height:1.5}.photo-guide-control-grid{margin-bottom:.55rem}.photo-guide-drag-hint{color:var(--text-muted);margin:0 0 .55rem;font-size:.8rem}.photo-guide-frame{cursor:grab;touch-action:none;background:#0f172a;border:1px solid #d8e6fb;border-radius:12px;width:min(100%,280px);position:relative;overflow:hidden}.photo-guide-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute}.photo-guide-safe,.photo-guide-face,.photo-guide-eye-line,.photo-guide-chin-line{pointer-events:none;position:absolute}.photo-guide-safe{border:1.5px dashed #ffffffe6;border-radius:10px;inset:6.5% 8%}.photo-guide-face{border:2px solid #22c55ef5;border-radius:48% 48% 43% 43%;width:48%;height:56%;top:16%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #fff3}.photo-guide-eye-line{border-top:1.5px solid #22c55ef2;top:40%;left:16%;right:16%}.photo-guide-chin-line{border-top:1.5px dashed #22c55ef2;top:72%;left:16%;right:16%}.rotate-preview-panel,.watermark-preview-panel{flex-direction:column;gap:1rem;display:flex}.rotate-preview-head,.watermark-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.rotate-preview-title,.watermark-preview-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.rotate-preview-hint,.watermark-preview-hint{color:var(--text-secondary);margin:.28rem 0 0;font-size:.88rem;line-height:1.6}.rotate-preview-wrap,.watermark-preview-wrap{background:linear-gradient(#f8fbfffa 0%,#f4f7fcfa 100%),repeating-conic-gradient(#edf2f7 0% 25%,#fff 0% 50%) 0 0/16px 16px;border:1px solid #dbe5f2;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:280px;padding:1rem;display:flex}.rotate-preview-canvas,.watermark-preview-canvas{border-radius:16px;max-width:100%;display:block;box-shadow:0 18px 34px #0f172a14}.exif-preview-panel{flex-direction:column;gap:1rem;display:flex}.exif-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.exif-preview-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.exif-preview-hint{color:var(--text-secondary);margin:.28rem 0 0;font-size:.88rem;line-height:1.6}.exif-preview-wrap{background:linear-gradient(#f8fbfffa 0%,#f4f7fcfa 100%),repeating-conic-gradient(#edf2f7 0% 25%,#fff 0% 50%) 0 0/16px 16px;border:1px solid #dbe5f2;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:280px;padding:1rem;display:flex}.exif-preview-image{border-radius:16px;max-width:100%;max-height:320px;display:block;box-shadow:0 18px 34px #0f172a14}.exif-meta-grid .stat-card strong{word-break:break-word;line-height:1.45}.range-input{accent-color:var(--brand);padding:0}.tool-textarea{resize:vertical;min-height:180px;line-height:1.6}.crop-preview-panel{flex-direction:column;gap:1rem;display:flex}.crop-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.crop-preview-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.crop-preview-hint{color:var(--text-secondary);margin:.28rem 0 0;font-size:.88rem;line-height:1.6}.crop-preview-wrap{background:linear-gradient(#f8fbfffa 0%,#f4f7fcfa 100%),repeating-conic-gradient(#edf2f7 0% 25%,#fff 0% 50%) 0 0/16px 16px;border:1px solid #dbe5f2;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:280px;padding:1rem;display:flex}.crop-preview-canvas{cursor:crosshair;touch-action:none;border-radius:16px;max-width:100%;display:block;box-shadow:0 18px 34px #0f172a14}.crop-preview-stats{gap:.7rem}.crop-result-thumb{object-fit:contain;background:0 0;border:0;border-radius:14px;width:100%;height:100%;padding:0}.tool-actions-row{flex-wrap:wrap;gap:.5rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;height:38px;padding:0 .95rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.btn-pill{border-radius:999px;height:44px;padding:0 1.25rem}.btn-soft{color:var(--brand);background:#edf6ff;border-color:#0000}.btn-soft:hover:not(:disabled){color:var(--brand-dark);background:#ddecff}.btn:disabled{opacity:.48;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark)}.btn-images-pdf-primary{border-radius:14px;height:54px;padding:0 1.45rem;font-size:1rem;font-weight:700;box-shadow:0 14px 26px #3b82f633}.btn-images-pdf-secondary{border-radius:14px;height:54px;padding:0 1.15rem;font-size:.95rem;font-weight:600}.tool-actions-row-images-pdf{grid-template-columns:minmax(0,3fr) minmax(0,1fr);width:100%;display:grid}.tool-actions-row-images-pdf .btn{width:100%}.tool-actions-row-photo-resize{grid-template-columns:minmax(0,8fr) minmax(0,2fr);gap:.7rem;width:100%;display:grid}.tool-actions-row-photo-resize .btn{width:100%}.btn-photo-resize-primary{border-radius:14px;height:52px;font-size:1rem;font-weight:700;box-shadow:0 14px 28px #3b82f62e}.btn-photo-resize-secondary{border-radius:14px;height:52px;font-size:.95rem;font-weight:600}.btn-ghost{border-color:var(--line);color:var(--text-secondary);background:#fff}.btn-ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand-dark)}.btn-icon{justify-content:center;align-items:center;width:38px;padding:0;display:inline-flex}.tool-upload-zone{border:2px dashed var(--line);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#fbfdff;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;min-height:380px;padding:2.8rem 1.4rem;transition:all .2s;display:flex}.tool-upload-zone:hover{border-color:var(--brand);background:#f5f9ff}.tool-upload-zone-compact{min-height:236px;padding:1.75rem 1.2rem}.tool-upload-zone-compact .upload-symbol.material-symbols-outlined{width:88px;height:88px;font-size:2.6rem}.pdf-upload-zone p{font-size:1.12rem}.tool-upload-zone p{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.tool-upload-zone small{color:var(--text-muted)}.upload-symbol.material-symbols-outlined{width:106px;height:106px;color:var(--brand);background:#fffffff5;border-radius:999px;place-items:center;margin:0;font-size:3rem;line-height:1;display:inline-grid;box-shadow:0 18px 34px #0f172a0f}.hidden-input{display:none}.tool-result-list{border-top:1px solid var(--line);padding-top:.9rem}.tool-result-list h3{margin:0 0 .7rem;font-size:1rem}.tool-result-item{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:.8rem;padding:.7rem;display:flex}.tool-thumb{object-fit:cover;border:1px solid #e5ebf4;border-radius:10px;flex-shrink:0;width:62px;height:62px}.tool-result-item:has(>.tool-thumb){grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:1rem;padding:.95rem 1rem;display:grid}.tool-result-item:has(>.tool-thumb)>.tool-thumb{object-fit:contain;background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dfe8f3;border-radius:18px;width:132px;height:132px;padding:.5rem;box-shadow:inset 0 0 0 1px #dbe5f173}.tool-result-item:has(>.tool-thumb) .tool-result-meta{flex-direction:column;gap:.35rem;display:flex}.tool-result-item:has(>.tool-thumb) .tool-file-name{white-space:normal;text-overflow:clip;word-break:break-word;line-height:1.4;overflow:visible}.tool-result-item:has(>.tool-thumb)>.tool-thumb.tool-thumb-pdf-page{object-fit:cover;width:96px;height:136px;box-shadow:none;background:#fff;border-radius:14px;padding:0}.tool-thumb.crop-result-thumb{object-fit:contain;background:0 0;border:0;border-radius:14px;width:100%;height:100%;padding:0}.tool-thumb-pdf-page{object-fit:cover;border-radius:12px;width:88px;height:124px}.tool-result-item-png-preview{grid-template-columns:128px minmax(0,1fr) minmax(132px,auto);align-items:center;gap:1rem;padding:.95rem 1rem;display:grid}.tool-result-item-crop-preview{grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:1rem;padding:1rem;display:grid}.tool-result-item-rotate-preview{grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:1rem;padding:.95rem 1rem;display:grid}.tool-result-preview-box{justify-content:center;align-items:center;display:flex}.tool-result-preview-box-png{background-color:#fff;background-image:repeating-conic-gradient(#e7edf5 0% 25%,#fff 0% 50%);background-position:50%;background-size:14px 14px;border:1px solid #dfe8f3;border-radius:18px;width:128px;height:128px;padding:.5rem}.tool-result-preview-box-rotate{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dfe8f3;border-radius:18px;padding:.5rem;box-shadow:inset 0 0 0 1px #dbe5f173}.tool-result-preview-box-crop{background-color:#fff;background-image:repeating-conic-gradient(#e7edf5 0% 25%,#fff 0% 50%);background-position:50%;background-size:14px 14px;border:1px solid #dfe8f3;border-radius:20px;justify-self:start;height:auto;padding:.55rem}.tool-thumb-transparent-preview,.tool-thumb-rotate-preview{object-fit:contain;background:0 0;border:0;border-radius:12px;width:100%;height:100%;padding:0}.tool-result-meta{flex:1;min-width:0}.tool-result-item-crop-preview .tool-result-meta{flex-direction:column;gap:.4rem;display:flex}.tool-result-item-crop-preview .tool-file-name{white-space:normal;text-overflow:clip;word-break:break-word;line-height:1.4;overflow:visible}.tool-result-meta-png{flex-direction:column;gap:.5rem;display:flex}.tool-result-meta-png .tool-file-name{white-space:normal;text-overflow:clip;word-break:break-word;line-height:1.4;overflow:visible}.tool-result-size-row{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.88rem;display:inline-flex}.tool-result-size-arrow{color:var(--text-muted);font-size:1rem}.tool-result-size-value{color:var(--text-primary);font-size:.96rem}.tool-result-meta p{color:var(--text-secondary);margin:0;font-size:.87rem}.tool-file-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden;color:var(--text-primary)!important}.tool-badge{background:#dcfce7;border-radius:999px;padding:.15rem .45rem;font-weight:700;display:inline-flex;color:#166534!important;margin-top:.3rem!important;font-size:.75rem!important}.tool-badge-warning{background:#ffedd5;color:#9a3412!important}.tool-result-actions{gap:.4rem;display:flex}.tool-result-list-photo-resize{flex-direction:column;gap:.95rem;display:flex}.tool-result-list-photo-resize h3{margin-bottom:0}.tool-result-item-photo-resize{border:1px solid #94a3b82e;border-radius:20px;flex-direction:column;align-items:stretch;gap:1rem;padding:1.15rem;display:flex}.tool-result-item-photo-resize:has(>.tool-thumb){flex-direction:column;align-items:stretch;gap:1rem;padding:1.15rem;display:flex}.tool-result-item-photo-resize:has(>.tool-thumb)>.tool-thumb{aspect-ratio:1;width:100%;max-width:320px;height:auto;margin:0 auto}.tool-result-item-photo-resize .tool-result-meta{flex-direction:column;gap:.45rem;display:flex}.tool-result-actions-photo-resize{justify-content:flex-end;width:100%}.tool-result-actions-png{flex-direction:column;align-items:stretch;min-width:132px}.gif-frame-item,.gif-frame-actions{align-items:center}.gif-result-panel{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;display:grid}.gif-result-preview{background:#fff;border:1px solid #dfe8f3;border-radius:14px;justify-self:center;width:100%;max-width:320px}.gif-result-meta{flex-direction:column;gap:.65rem;display:flex}.gif-result-meta p{color:var(--text-secondary);margin:0}.tool-error-text{color:#b42318;margin:0;font-size:.86rem;font-weight:600}.tool-warning-text{color:#b45309;margin:0;font-size:.86rem;font-weight:600}.tool-note-text{color:var(--text-secondary);margin:0;font-size:.86rem;font-weight:600}.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;display:grid}.stat-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.75rem}.stat-card p{color:var(--text-muted);margin:0;font-size:.8rem}.stat-card strong{margin-top:.28rem;font-size:1rem;display:block}.tool-highlight{background:#f5f9ff;border:1px solid #cfe0f9;border-radius:12px;padding:.9rem}.tool-highlight p{color:var(--text-muted);margin:0;font-size:.83rem}.tool-highlight strong{margin-top:.3rem;font-size:1.35rem;line-height:1.25;display:block}.tool-highlight small{color:var(--text-secondary);margin-top:.28rem;font-size:.84rem;display:block}.age-korean-highlight{text-align:center;padding:1.15rem 1rem 1rem}.age-korean-summary{flex-direction:column;gap:.12rem;display:flex}.age-korean-line{color:#1e293b;margin:0;font-size:1.65rem;font-weight:700;line-height:1.35}.age-korean-line strong{color:#17a34a;font-size:inherit;line-height:inherit;margin:0;display:inline}.age-korean-highlight small{margin-top:.65rem;font-size:.88rem}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.checkbox-grid label{color:var(--text-secondary);align-items:center;gap:.42rem;font-size:.88rem;display:inline-flex}.checkbox-grid input{width:16px;height:16px;margin:0;padding:0}.tool-inline-checkbox{min-height:40px;color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.88rem;display:inline-flex}.tool-inline-checkbox input{width:16px;height:16px;margin:0;padding:0}.mono-password{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.1rem!important}.qr-preview-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:center;padding:1rem;display:flex}.qr-preview-image{border:1px solid #edf2f7;border-radius:8px;width:min(100%,320px);height:auto}.barcode-preview-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;overflow-x:auto}.barcode-preview-svg{width:min(100%,560px);height:auto}.html-viewer-preview-shell{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.html-viewer-frame{background:#fff;border:0;width:100%;min-height:360px;display:block}.regex-result-textarea{min-height:150px}.regex-preset-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.regex-preset-row{flex-wrap:wrap;gap:.65rem;display:flex}.regex-preset-button{color:#21456e;cursor:pointer;background:#fff;border:1px solid #d8e5f6;border-radius:999px;min-height:36px;padding:0 .95rem;font-family:inherit;font-size:.88rem;font-weight:700;transition:background .2s,border-color .2s,color .2s}.regex-preset-button:hover:not(:disabled){color:#173b68;background:#eef6ff}.regex-preset-button.is-active{color:#0f4fa8;background:#dbeeff;border-color:#bfdbfe}.regex-reset-button{flex-shrink:0}.stopwatch-time{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.stopwatch-actions{align-items:center}.stopwatch-action-primary{border-radius:14px;min-width:120px;height:48px;padding:0 1.2rem;font-size:1rem;font-weight:700}.stopwatch-action-start{color:#fff;background:#10b981;border-color:#10b981}.stopwatch-action-start:hover:not(:disabled){color:#fff;background:#059669;border-color:#059669}.stopwatch-action-pause{color:#fff;background:#f59e0b;border-color:#f59e0b}.stopwatch-action-pause:hover:not(:disabled){color:#fff;background:#d97706;border-color:#d97706}.stopwatch-action-secondary{border-radius:10px;height:38px;padding:0 .9rem;font-size:.88rem}.stopwatch-lap-list{gap:.75rem;display:grid}.stopwatch-lap-item{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(80px,auto) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.75rem;padding:.85rem .95rem;display:grid}.stopwatch-lap-item p{color:var(--text-muted);margin:0;font-size:.82rem}.stopwatch-lap-item strong{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-top:.18rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1rem;display:block}.stopwatch-lap-label{color:#173b68;font-size:.92rem;font-weight:800}.random-picker-source-note{color:var(--text-muted);margin:-.2rem 0 0;font-size:.86rem;line-height:1.55}.random-picker-draw-shell{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 52%,#eef2ff 100%);border:1px solid #cfe0fb;border-radius:18px;padding:1rem;position:relative;overflow:hidden;box-shadow:0 18px 34px #3b82f61f}.random-picker-draw-shell:after{content:"";background:linear-gradient(120deg,#0000 12%,#ffffff8c 50%,#0000 88%);animation:1.35s linear infinite random-picker-sheen;position:absolute;inset:0;transform:translate(-120%)}.random-picker-draw-head{z-index:1;position:relative}.random-picker-draw-head p{color:#2563eb;margin:0;font-size:.88rem;font-weight:800}.random-picker-draw-head strong{color:#0f172a;margin-top:.28rem;font-size:1.08rem;line-height:1.45;display:block}.random-picker-draw-reel{z-index:1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-top:.95rem;display:grid;position:relative}.random-picker-draw-chip{background:#ffffffe0;border:1px solid #bfdbfeeb;border-radius:16px;align-items:center;gap:.7rem;min-height:74px;padding:.9rem 1rem;animation:.82s ease-in-out infinite random-picker-reel;display:flex;box-shadow:0 12px 24px #2563eb14}.random-picker-draw-chip .material-symbols-outlined{color:#2563eb;font-size:1.4rem}.random-picker-draw-chip strong{color:#0f172a;word-break:break-word;font-size:1rem;line-height:1.45}.random-picker-results-shell{position:relative}.random-picker-highlight{background:linear-gradient(135deg,#fcfdff 0%,#f6faff 60%,#f8fbff 100%);border:1px solid #d9e7f7;margin-top:.95rem;animation:.48s random-picker-result-pop;position:relative;overflow:visible;box-shadow:0 10px 22px #94a3b814}.random-picker-highlight p{color:#64748b;font-size:.78rem}.random-picker-highlight strong{margin-top:.22rem;font-size:1.08rem;line-height:1.4}.random-picker-highlight small{font-size:.8rem}.random-picker-highlight:after{content:"";background:radial-gradient(circle,#60a5fa1f,#0000 72%);border-radius:999px;width:132px;height:132px;position:absolute;inset:auto -8% -42% auto}.random-picker-confetti-overlay{pointer-events:none;z-index:80;position:fixed;inset:0;overflow:hidden}.random-picker-confetti-burst{left:var(--burst-left);top:var(--burst-top);position:absolute}.random-picker-confetti-burst.is-hero{z-index:2}.random-picker-confetti-burst.is-small{z-index:1}.random-picker-confetti-burst span{background:var(--confetti-color);opacity:0;width:10px;height:18px;animation:random-picker-confetti-burst var(--confetti-duration,1.45s)cubic-bezier(.2,.75,.2,1)forwards;animation-delay:var(--confetti-delay,0s);border-radius:999px;position:absolute;top:0;left:0;transform:translateY(8px)scale(.5)rotate(0);box-shadow:0 4px 12px #0f172a1f}.random-picker-confetti-burst.is-hero span{width:12px;height:22px;box-shadow:0 6px 16px #0f172a29}.random-picker-confetti-burst.is-small span{opacity:0;width:8px;height:14px}.random-picker-result-badge{z-index:1;color:#1d4ed8;background:#fff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;min-height:34px;margin-top:.72rem;padding:0 .9rem;font-size:.84rem;font-weight:800;animation:.72s random-picker-badge-bounce;display:inline-flex;position:relative;box-shadow:0 8px 18px #bfdbfe61}.random-picker-result-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;display:grid;position:relative}.random-picker-result-card{border:1px solid var(--line);opacity:0;animation:.48s forwards random-picker-card-in;animation-delay:var(--picker-delay,0s);background:linear-gradient(#fff 0%,#f8fbff 100%);border-color:#bfdbfe;border-radius:14px;padding:1.12rem 1.05rem 1.08rem;position:relative;transform:translateY(14px)scale(.97);box-shadow:0 20px 36px #2563eb1f}.random-picker-result-card:before{content:"";background:linear-gradient(90deg,#60a5fa,#a78bfa,#34d399);border-radius:14px 14px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.random-picker-result-card strong{color:var(--text-primary);word-break:break-word;margin-top:.34rem;font-size:1.16rem;font-weight:800;line-height:1.45;display:block}.random-picker-result-label{color:#1d4ed8;letter-spacing:.01em;margin:0;font-size:.8rem;font-weight:800}@keyframes random-picker-sheen{0%{transform:translate(-120%)}to{transform:translate(140%)}}@keyframes random-picker-reel{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.015)}}@keyframes random-picker-result-pop{0%{opacity:.6;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes random-picker-badge-bounce{0%{opacity:0;transform:translateY(8px)scale(.92)}65%{opacity:1;transform:translateY(-3px)scale(1.04)}to{transform:translateY(0)scale(1)}}@keyframes random-picker-card-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes random-picker-confetti-burst{0%{opacity:0;transform:translateY(10px)scale(.45)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(var(--confetti-x),var(--confetti-y))scale(1)rotate(var(--confetti-rotate))}}.color-preview-panel{border:1px solid var(--line);color:#fff;text-shadow:0 1px 2px #00000059;border-radius:14px;flex-direction:column;justify-content:flex-end;gap:.22rem;min-height:124px;padding:.9rem 1rem;display:flex;box-shadow:inset 0 -74px 90px #0a0f173d}.color-preview-panel span{opacity:.92;font-size:.82rem}.color-preview-panel strong{font-size:1.03rem}.color-input-inline{align-items:center;gap:.55rem;display:flex}.color-input-inline input[type=color]{cursor:pointer;width:52px;min-width:52px;height:40px;padding:.22rem}.color-input-inline input:not([type=color]){flex:1}.color-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.color-value-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:.36rem;padding:.7rem;display:flex}.color-value-card p{color:var(--text-muted);margin:0;font-size:.79rem}.color-value-card strong{word-break:break-word;font-size:.93rem}.color-value-card .btn{align-self:flex-start;margin-top:.25rem}.palette-preview-image{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:12px;width:100%;max-height:330px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.palette-item{border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;overflow:hidden}.palette-swatch{flex-shrink:0;width:78px;min-height:100%}.palette-meta{flex-direction:column;flex:1;gap:.3rem;padding:.66rem .72rem;display:flex}.palette-meta strong{font-size:.92rem}.palette-meta p{color:var(--text-secondary);margin:0;font-size:.82rem}.palette-meta .btn{align-self:flex-start;margin-top:.18rem}.contrast-preview{border:1px solid var(--line);border-radius:12px;padding:1.05rem 1rem;font-size:1.02rem;font-weight:600;line-height:1.48}.contrast-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.contrast-pass{color:#167d46}.contrast-fail{color:#b42318}.gradient-preview{border:1px solid var(--line);border-radius:14px;min-height:160px}.code-block-wrap{border:1px solid var(--line);background:#f8fbff;border-radius:12px;padding:.72rem .8rem}.code-block-wrap .field-label{margin-bottom:.42rem}.code-block-wrap pre{margin:0;overflow-x:auto}.code-block-wrap code{color:#14365d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.6}.layout-generator-widget{gap:1rem}.layout-generator-toggle{flex-wrap:wrap;align-items:center;gap:.55rem;display:inline-flex}.layout-generator-toggle-btn{color:#1e3a5f;background:#f7fbff;border:1px solid #d9e8fb;min-width:124px}.layout-generator-toggle-btn-active{color:#fff;background:linear-gradient(#4ea9f3 0%,#348fe7 100%);border-color:#97c8ff}.layout-generator-preview-shell{background:linear-gradient(#fbfdff 0%,#f4f9ff 100%);border:1px solid #d8e5f6;border-radius:20px;padding:1rem}.layout-generator-preview-head,.layout-generator-code-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.layout-generator-preview-head .field-label,.layout-generator-code-head .field-label{margin:0}.layout-generator-preview{background:radial-gradient(circle at 100% 0,#5ea9f42e 0%,#0000 28%),linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #d7e6f8;border-radius:18px;min-height:320px}.layout-generator-item{appearance:none;color:#1e293b;text-align:left;border:1px solid #ffffffb3;border-radius:18px;flex-direction:column;justify-content:space-between;width:100%;padding:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 12px 24px #0f172a0d}.layout-generator-item-clickable{cursor:pointer}.layout-generator-item-clickable:hover{transform:translateY(-1px);box-shadow:0 16px 28px #0f172a14}.layout-generator-item-static{cursor:default}.layout-generator-item-selected{border-color:#58a7ef;box-shadow:0 0 0 3px #58a7ef2e,0 18px 32px #0f172a14}.layout-generator-item-meta{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.layout-generator-item span{color:#516176;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.layout-generator-item strong{font-size:1.3rem;line-height:1}.layout-generator-item-badge{color:#19518d;white-space:nowrap;background:#ffffffbd;border-radius:999px;justify-content:center;align-items:center;padding:.22rem .45rem;font-size:.7rem;font-weight:800;line-height:1;display:inline-flex}.layout-generator-span-panel{border-top:1px solid #d8e5f6;margin-top:.95rem;padding-top:.95rem}.layout-generator-span-copy{margin-bottom:.8rem}.layout-generator-span-copy .field-label{margin:0}.layout-generator-span-copy .field-label strong{color:#19518d}.layout-generator-span-hint{color:var(--text-secondary);margin:.3rem 0 0;font-size:.9rem;line-height:1.55}.layout-generator-span-grid{margin-top:0}.layout-generator-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.layout-generator-code-head .btn{flex-shrink:0}.shadow-generator-widget{background:#f6f8fb;border:1px solid #e3eaf2;border-radius:24px;padding:1rem}.shadow-generator-preview-shell{background:linear-gradient(#f7f9fc 0%,#edf3fa 100%);border:1px solid #d8e5f6;border-radius:20px;padding:1rem}.shadow-generator-preview-head,.shadow-generator-code-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.shadow-generator-preview-head .field-label,.shadow-generator-code-head .field-label{margin:0}.shadow-generator-preview-stage{background:radial-gradient(circle at 100% 0,#5ea9f42e 0%,#0000 26%),linear-gradient(#f8fbff 0%,#eef4fb 100%);border:1px solid #d7e6f8;border-radius:18px;justify-content:center;align-items:center;min-height:280px;padding:1.5rem;display:flex}.shadow-generator-preview-card{background:#fff;border:1px solid #dbe9f7e6;border-radius:28px;flex-direction:column;justify-content:flex-end;gap:.7rem;width:min(100%,360px);min-height:220px;padding:1.4rem;display:flex}.shadow-generator-preview-chip{color:#23558d;letter-spacing:.05em;text-transform:uppercase;background:#edf5ff;border-radius:999px;align-self:flex-start;padding:.28rem .65rem;font-size:.78rem;font-weight:800;display:inline-flex}.shadow-generator-preview-card strong{color:#17283f;font-size:1.65rem;line-height:1.05}.shadow-generator-preview-card p{color:#5c6d82;margin:0;font-size:.96rem;line-height:1.65}.shadow-generator-presets{flex-wrap:wrap;gap:.55rem;display:flex}.shadow-generator-preset{color:#21456e;background:#fff;border:1px solid #d8e5f6}.shadow-generator-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.shadow-generator-widget .code-block-wrap{background:#fff;border-color:#dde6f1}.not-found-page h1{margin:0 0 .5rem;font-size:2rem}.not-found-page p{color:var(--text-secondary);margin:.25rem 0}@media (max-width:900px){.layout-generator-code-grid{grid-template-columns:1fr}.layout-generator-preview{min-height:280px}.layout-generator-item-meta{flex-direction:column;align-items:flex-start}.shadow-generator-preview-stage{min-height:240px;padding:1rem}.shadow-generator-preview-card{min-height:196px;padding:1.2rem}.shadow-generator-code-grid{grid-template-columns:1fr}.image-tools-sections{padding:1.35rem 1rem 2.8rem}.image-tools-sections-inner{gap:2.2rem}.site-header-inner{flex-direction:column;align-items:stretch;gap:.7rem;padding:.88rem 1rem .8rem;display:flex}.site-header-top{justify-content:flex-start;align-items:center;gap:1rem;display:flex}.site-category-nav{scrollbar-width:none;justify-content:flex-start;gap:.48rem;width:100%;padding-bottom:.08rem;overflow-x:auto}.site-category-link{border:1px solid var(--line);background:#fff;border-radius:999px;flex:none;height:34px;padding:0 .8rem}.hero-block-tools{padding:2.7rem 1rem 2.3rem}.hero-block-tools h1{font-size:3rem}.tool-card-grid,.related-tools-grid,.category-directory-grid,.trust-panel-grid,.image-reference-card-grid,.image-reference-photo-grid,.image-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-showcase-grid,.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-section-head{flex-direction:column;align-items:flex-start}.tool-step-grid,.tool-related-stack,.tool-reference-grid,.tool-scenario-grid,.tool-faq-grid,.document-reference-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-reference-feature-grid{grid-template-columns:1fr}.category-hero-shell{padding:.55rem 1rem 0}.text-page-reference{padding-top:0}.text-hub-hero{grid-template-columns:1fr;padding:3.1rem 2rem}.text-hub-hero-visual{min-height:250px}.text-hub-title{font-size:3rem}.text-hub-card-grid,.text-hub-card-grid-feature{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-page-reference{padding-top:0}.calculator-hub-hero{grid-template-columns:1fr;padding:3.1rem 2rem}.calculator-hub-hero-visual{min-height:246px}.calculator-hub-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-hub-card-grid-wide{grid-template-columns:1fr}.calculator-finance-banner{gap:1.4rem;padding:1.75rem 1.5rem}.calculator-finance-banner-main{flex-direction:column;align-items:flex-start}.calculator-finance-banner-copy h2{white-space:normal;font-size:1.7rem}.calculator-finance-banner-graphic-svg{opacity:.64;width:330px;height:196px;top:36px;right:-24px}.design-page-reference,.utility-page-reference{padding-top:0}.design-hub-hero,.utility-hub-hero{grid-template-columns:1fr;padding:3.1rem 2rem}.design-hub-hero-visual{min-height:210px}.utility-hub-visual{min-height:220px}.design-hub-shape-circle-left{width:210px;height:210px;bottom:26px;left:20px}.design-hub-shape-circle-right{width:166px;height:166px;top:8px;right:30px}.design-hub-shape-diamond{width:104px;height:104px;top:74px;left:82px}.utility-hub-panel{width:260px;height:210px;top:18px;right:34px}.utility-hub-glow{width:274px;height:274px;top:-34px;right:6px}.utility-hub-orb{width:110px;height:110px;top:78px;right:92px}.utility-hub-spark-primary{top:66px;right:178px}.utility-hub-spark-secondary{top:56px;right:112px}.tools-home-hero-shell{padding:4rem 1rem 3.6rem}.tools-home-main{gap:3.6rem;padding:3.8rem 1rem 2.8rem}.tools-home-category-grid,.tools-home-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-home-category-card{min-height:320px}.tools-home-section-head{flex-direction:column;align-items:flex-start}.lotto-result-grid{grid-template-columns:1fr}.tool-related-section-head{flex-direction:column;align-items:flex-start}.site-footer-inner{flex-direction:column}.site-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;width:100%}}@media (max-width:640px){.category-hero-shell{padding:.4rem .85rem 0}.image-tools-sections{padding:1.15rem .85rem 2.1rem}.image-tools-sections-inner{gap:2.15rem}.text-hub-sections,.calculator-hub-sections{gap:2.85rem;padding:1.6rem .85rem 2.1rem}.design-hub-sections,.utility-hub-sections{gap:2.35rem;padding:1.7rem .85rem 2.1rem}.site-header-inner{gap:.62rem;padding:.82rem 1rem .72rem}.site-category-nav{gap:.42rem}.site-category-link{height:32px;padding:0 .7rem;font-size:.76rem}.site-nav-link,.locale-switch-link{height:32px;padding:0 .58rem;font-size:.78rem}.locale-switch-link{gap:.28rem;padding:0 .56rem}.locale-switch-icon{width:16px;height:16px}.locale-switch-code{font-size:.72rem}.site-footer-inner{flex-direction:column;align-items:flex-start}.site-footer-columns{grid-template-columns:1fr;gap:1.25rem}.hero-block-tools{border-radius:22px;padding:2.1rem .85rem 1.9rem}.tools-home-page{padding-bottom:3rem}.tools-home-hero-shell{padding:3.1rem 1rem 2.8rem}.tools-home-title{font-size:3rem}.tools-home-description{font-size:.98rem}.tools-home-search-shell{flex-direction:column;gap:.6rem;padding:.75rem}.tools-home-search-stack{width:min(100%,620px);margin-top:2.15rem}.tools-home-search-autocomplete{border-radius:22px;padding:.4rem}.tools-home-search-input-wrap{width:100%;min-height:52px;padding:0 .95rem}.btn.tools-home-search-submit{border-radius:18px;width:100%;min-width:0;height:52px}.tools-home-search-option{gap:.75rem;padding:.8rem .82rem}.tools-home-search-option-icon{border-radius:12px;width:40px;height:40px}.tools-home-keyword-row{flex-direction:column;gap:.5rem}.tools-home-keywords{gap:.65rem}.tools-home-main{gap:3rem;padding:3rem .85rem 2.1rem}.tools-home-section-head h2,.tools-home-cta-card h2{font-size:1.8rem}.tools-home-category-grid,.tools-home-popular-grid{grid-template-columns:1fr}.tools-home-category-card{border-radius:26px;min-height:0;padding:1.6rem 1.5rem}.tools-home-card-icon{border-radius:20px;width:68px;height:68px}.tools-home-category-copy{margin-top:1.5rem}.tools-home-popular-card{border-radius:22px;min-height:132px}.tools-home-cta-card{border-radius:28px;min-height:0;padding:3rem 1.15rem 2.8rem}.btn.tools-home-cta-button{width:100%;min-width:0;max-width:240px;height:54px}.hero-badge{gap:.5rem;margin-bottom:1.1rem;padding:.43rem .82rem}.badge-text{font-size:.77rem}.hero-description{font-size:.95rem}.hero-nav-chips{gap:.5rem;margin-top:1.2rem}.hero-nav-chip{padding:.38rem .72rem;font-size:.77rem}.page-wrap{padding-top:1rem;padding-bottom:1.2rem}.tool-card-grid,.related-tools-grid,.category-directory-grid,.trust-panel-grid{grid-template-columns:1fr}.image-reference-card-grid,.image-reference-photo-grid,.image-showcase-grid,.image-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-support-grid,.tool-inline-grid.two-col,.tool-inline-grid.three-col{grid-template-columns:1fr}.photo-resize-dimension-grid{grid-template-columns:minmax(128px,auto) minmax(0,1fr) 20px minmax(0,1fr);column-gap:.55rem}.photo-resize-dimension-separator{display:inline-flex}.photo-resize-lock-row{flex-wrap:wrap;grid-column:2/-1;justify-content:flex-start}.photo-resize-source-ratio{white-space:normal}.tool-actions-row-photo-resize{grid-template-columns:1fr}.tool-hero h1{font-size:clamp(2rem,10vw,2.8rem)}.tool-hero p{font-size:.98rem}.document-page-reference{padding-top:0}.document-hero-panel{border-radius:28px;padding:3rem 1rem 2.8rem}.document-hero-title{font-size:3rem}.document-hero-description{font-size:.98rem}.document-hero-kicker{gap:.8rem;font-size:.82rem}.document-hero-kicker-line{width:38px}.document-reference-sections{gap:2.35rem;padding:2rem 1rem 2.8rem}.document-reference-section{padding-bottom:2rem}.document-reference-section-title h2{font-size:1.5rem}.document-reference-card-grid{grid-template-columns:1fr}.document-reference-feature-card{align-items:flex-start;min-height:0}.document-reference-card-wide{flex-direction:column;align-items:stretch}.document-reference-card-visual-wide{aspect-ratio:1;width:100%;min-width:0;height:auto}.text-hub-hero{border-radius:28px;padding:2.5rem 1.15rem}.text-hub-badge{letter-spacing:.06em;font-size:.72rem}.text-hub-title{font-size:3rem}.text-hub-description{font-size:.98rem}.text-hub-actions{gap:.7rem}.btn.text-hub-action-primary,.btn.text-hub-action-secondary{border-radius:16px;min-width:0;height:50px}.btn.text-hub-action-secondary{border-radius:1.5rem;width:min(100%,220px)}.text-hub-hero-visual{min-height:200px}.text-hub-hero-sheet{width:210px;height:286px}.text-hub-hero-line{height:12px;left:22px}.text-hub-hero-line-1{width:126px;top:24px}.text-hub-hero-line-2{width:144px;top:52px}.text-hub-hero-line-3{width:132px;top:80px}.text-hub-hero-dot{width:26px;height:26px;top:126px;left:22px}.text-hub-hero-chip{width:40px;height:10px;top:166px;left:22px}.text-hub-hero-ring{width:38px;height:38px;bottom:88px;right:28px}.text-hub-tabs{gap:1.1rem;margin-top:1.25rem;padding-bottom:.8rem}.text-hub-tab{font-size:.92rem}.text-hub-tab-active:after{bottom:-.81rem}.text-hub-sections{gap:3.25rem;padding:1.8rem 1rem 2.8rem}.text-hub-section-title h2{font-size:1.5rem}.text-hub-card-grid,.text-hub-card-grid-feature{grid-template-columns:1fr}.text-hub-card{min-height:0;padding:1.15rem}.text-hub-card-feature{gap:.9rem}.calculator-hub-hero{border-radius:28px;padding:2.5rem 1.15rem}.calculator-hub-badge{letter-spacing:.06em;font-size:.72rem}.calculator-hub-title{font-size:3rem}.calculator-hub-description{font-size:.98rem}.calculator-hub-actions{gap:.7rem}.btn.calculator-hub-action{border-radius:1.5rem;width:min(100%,220px);min-width:0;height:50px}.calculator-hub-hero-visual{min-height:200px}.calculator-hub-visual-panel{border-radius:22px;width:210px;height:210px}.calculator-hub-visual-panel:before{width:174px;height:174px;top:-68px;right:-72px}.calculator-hub-visual-panel:after{width:138px;height:138px;bottom:-58px;left:-60px}.calculator-hub-bubble-lg{width:84px;height:84px;bottom:32px;right:44px}.calculator-hub-bubble-md{width:42px;height:42px;bottom:28px;right:20px}.calculator-hub-bubble-sm-a{top:32px;left:32px}.calculator-hub-bubble-sm-b{top:44px;left:100px}.calculator-hub-bubble-sm-c{top:58px;right:54px}.calculator-hub-bubble-sm-d{bottom:58px;left:28px}.calculator-hub-bubble-sm-e{bottom:86px;right:68px}.calculator-hub-tabs{gap:1.1rem;margin-top:1.25rem;padding-bottom:.8rem}.calculator-hub-tab{font-size:.92rem}.calculator-hub-tab-active:after{bottom:-.81rem}.calculator-hub-sections{gap:3.25rem;padding:1.8rem 1rem 2.8rem}.calculator-hub-section-title h2{font-size:1.5rem}.calculator-hub-card-grid{grid-template-columns:1fr}.calculator-hub-card{min-height:0;padding:1.15rem}.calculator-hub-card-wide{flex-direction:column;align-items:flex-start;gap:.9rem}.calculator-finance-banner-section{padding:0 .85rem 2.2rem}.calculator-finance-banner{border-radius:26px;padding:1.5rem 1.2rem}.calculator-finance-banner-copy h2{white-space:normal;font-size:1.45rem}.calculator-finance-banner-copy p{font-size:.94rem}.calculator-finance-banner-action{justify-content:center;width:100%}.calculator-finance-banner-graphic-svg{opacity:.5;width:220px;height:130px;top:auto;bottom:-6px;right:-14px}.design-hub-hero,.utility-hub-hero{border-radius:28px;padding:2.5rem 1.15rem}.design-hub-badge,.utility-hub-badge{letter-spacing:.06em;font-size:.72rem}.design-hub-title,.utility-hub-title{font-size:3rem}.design-hub-description,.utility-hub-description{font-size:.98rem}.design-hub-actions,.utility-hub-actions{gap:.7rem}.btn.design-hub-action,.btn.utility-hub-action{border-radius:1.5rem;width:min(100%,220px);min-width:0;height:50px}.design-hub-hero-visual,.utility-hub-visual{min-height:180px}.design-hub-shape-circle-left{width:164px;height:164px;bottom:28px;left:10px}.design-hub-shape-circle-right{width:132px;height:132px;top:0;right:10px}.design-hub-shape-diamond{width:84px;height:84px;top:62px;left:78px}.utility-hub-panel{border-radius:24px;width:188px;height:156px;top:10px;right:8px}.utility-hub-glow{width:206px;height:206px;top:-28px;right:-26px}.utility-hub-orb{width:84px;height:84px;top:68px;right:60px}.utility-hub-spark-primary{width:22px;height:22px;top:58px;right:122px}.utility-hub-spark-secondary{width:14px;height:14px;top:48px;right:70px}.design-hub-sections,.utility-hub-sections{gap:2.7rem;padding:1.9rem 1rem 2.8rem}.tool-main-panel{border-radius:24px;padding:1rem}.tool-control-head{flex-direction:column;align-items:stretch}.tool-control-actions{justify-content:stretch;width:100%}.tool-control-actions .btn{flex:1 1 0}.tool-detail-section,.tool-related-section{margin-top:3.25rem}.tool-step-grid,.tool-related-stack,.tool-reference-grid,.tool-scenario-grid,.tool-faq-grid,.tool-intent-card-grid{grid-template-columns:1fr}.tool-step-card,.tool-related-card-inline{min-height:0}.tool-scenario-card{gap:.8rem}.tool-upload-zone{min-height:300px;padding:2rem 1rem}.tool-upload-zone-compact{min-height:200px;padding:1.4rem 1rem}.upload-symbol{width:96px;height:96px;font-size:3rem;line-height:96px}.tool-related-all-link{align-self:flex-end}.tool-crop-grid{grid-template-columns:1fr}.crop-preview-head,.rotate-preview-head,.watermark-preview-head,.exif-preview-head{flex-direction:column;align-items:flex-start}.crop-preview-wrap,.rotate-preview-wrap,.watermark-preview-wrap,.exif-preview-wrap{min-height:220px;padding:.75rem}.crop-preview-stats{grid-template-columns:1fr}.tool-result-item{flex-direction:column;align-items:stretch}.tool-result-item:has(>.tool-thumb){grid-template-columns:1fr}.tool-result-item-png-preview,.tool-result-item-crop-preview,.tool-result-item-rotate-preview{grid-template-columns:1fr}.tool-result-preview-box-png{width:min(100%,168px);height:168px;margin:0 auto}.tool-result-item:has(>.tool-thumb)>.tool-thumb{width:min(100%,180px);height:180px;margin:0 auto}.tool-result-item:has(>.tool-thumb)>.tool-thumb.tool-thumb-pdf-page{width:min(100%,120px);height:168px}.tool-result-preview-box-rotate{max-width:min(100%,220px);max-height:220px;margin:0 auto}.tool-result-preview-box-crop{max-width:min(100%,320px);max-height:320px;margin:0 auto}.tool-result-actions-png,.tool-result-actions{flex-direction:column;align-items:stretch;width:100%}.tool-result-actions .btn{width:100%}.gif-result-panel{grid-template-columns:1fr}.gif-frame-actions{justify-content:stretch;width:100%}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-grid,.color-value-grid,.palette-grid,.contrast-check-grid{grid-template-columns:1fr}.category-directory-card,.trust-panel-card{min-height:auto}.tool-section-head h2{font-size:1.3rem}.hero-block-image-reference{padding:4.5rem 1rem 4.8rem}.image-reference-title{font-size:3rem}.image-reference-description{font-size:1rem}.image-reference-section-head{flex-direction:column;align-items:flex-start}.image-reference-section-title h2{font-size:1.5rem}.image-reference-card{padding:.9rem}.image-reference-photo-card{padding:1.1rem}.image-reference-photo-visual{border-radius:18px;width:68px;height:68px}.image-support-card{min-height:auto}.image-support-section{padding:2rem 0 1.8rem}.image-support-card-visual{min-height:188px}.image-support-card-body h3{font-size:1.32rem}.image-support-heading{margin-bottom:1.7rem}.image-support-heading h2{font-size:1.38rem}.image-support-card-icon-wrap{border-radius:30px;width:116px;height:116px}.image-support-card-icon,.image-support-card-icon.material-symbols-outlined{font-size:4rem}.image-section-title-wrap{gap:.72rem}.image-photo-card{padding:1rem}.image-photo-icon-wrap{border-radius:20px;width:78px;height:78px}.image-photo-symbol,.image-photo-symbol.material-symbols-outlined{font-size:2.65rem}.tool-intent-card{padding:1.05rem 1rem}.tool-intent-card-icon-wrap{border-radius:18px;width:72px;height:72px}.tool-intent-card-icon,.tool-intent-card-icon.material-symbols-outlined{font-size:2.35rem}.palette-item{flex-direction:column}.palette-swatch{width:100%;min-height:78px}}