html{scroll-behavior:smooth}body.site-body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,var(--color-bg-spotlight),transparent 28%),linear-gradient(180deg,var(--color-bg-page-top) 0%,var(--color-bg-page) 100%);color:var(--color-text-base);font-family:var(--font-family-sans);line-height:1.65;text-rendering:optimizeLegibility}.site-frame{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);background:var(--color-bg-header);border-bottom:1px solid var(--color-border-accent-subtle)}.site-header .container,.site-shell.container,.site-footer .container{max-width:1120px}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header__inner{padding-top:14px;padding-bottom:14px}.site-brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-text-base);font-weight:700;letter-spacing:-.02em}.site-brand:hover{text-decoration:none}.site-brand__logo{display:block;width:34px;height:34px;flex-shrink:0}.site-brand__text{font-size:1rem}.site-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.site-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto}.site-header__menu,.site-header__controls{display:flex;align-items:center;gap:12px}.site-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--color-border-accent-subtle);border-radius:12px;background:var(--color-bg-surface-subtle);color:var(--color-text-primary);box-shadow:var(--shadow-inset);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.site-menu-toggle:hover{border-color:var(--color-border-accent-strong);background:var(--color-bg-surface);box-shadow:var(--shadow-soft)}.site-menu-toggle__bar{position:absolute;top:50%;left:50%;width:18px;height:2px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease}.site-menu-toggle__bar:nth-child(1){transform:translate(-50%,calc(-50% - 6px))}.site-menu-toggle__bar:nth-child(3){transform:translate(-50%,calc(-50% + 6px))}.site-header__actions.is-menu-open .site-menu-toggle__bar:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}.site-header__actions.is-menu-open .site-menu-toggle__bar:nth-child(2){opacity:0}.site-header__actions.is-menu-open .site-menu-toggle__bar:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}.site-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;color:var(--color-text-muted-strong);font-weight:500;transition:color .2s ease,background-color .2s ease,transform .2s ease}.site-nav a:hover{color:var(--color-text-base);background:var(--color-accent-wash-soft);text-decoration:none}.site-nav a.active{color:var(--color-accent);background:var(--color-accent-wash-strong)}.site-shell{--site-content-gap: clamp(16px, 2vw, 20px);flex:1;padding-top:24px;padding-bottom:clamp(72px,9vw,120px)}.site-footer{padding-bottom:32px}.site-footer__inner{padding-top:clamp(32px,5vw,52px);border-top:1px solid var(--color-border-accent-soft)}.site-footer__grid{display:grid;grid-template-columns:minmax(230px,1.45fr) repeat(4,minmax(120px,1fr));gap:28px clamp(24px,3vw,44px)}.site-footer__brand{display:grid;align-content:start;gap:14px}.site-footer__brand-link{display:inline-flex;width:fit-content;align-items:center;gap:11px;color:var(--color-text-base);font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.site-footer__brand-link:hover{text-decoration:none}.site-footer__brand-link img{display:block;flex-shrink:0}.site-footer__brand p{max-width:30ch;color:var(--color-text-muted-strong);font-size:.92rem;line-height:1.6}.site-footer__group{min-width:0}.site-footer__group h2{margin-bottom:14px;color:var(--color-text-base);font-size:.78rem;font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.site-footer__group ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.site-footer__group a,.site-footer__link{color:var(--color-text-muted-strong);font-family:inherit;font-size:.92rem;font-weight:inherit;line-height:1.45;text-align:left;text-decoration:none;transition:color .2s ease}.site-footer__link{appearance:none;padding:0;border:0;background:none;cursor:pointer}.site-footer__group a:hover,.site-footer__group a:focus-visible,.site-footer__link:hover,.site-footer__link:focus-visible{color:var(--color-accent);text-decoration:underline;text-underline-offset:4px}.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:clamp(28px,4vw,42px);padding-top:20px;border-top:1px solid var(--color-border-accent-subtle);color:var(--color-text-muted-strong);font-size:.88rem}.site-footer__copy{white-space:nowrap}h1,h2,h3{margin:0;color:var(--color-text-base);letter-spacing:-.03em;line-height:1.08}h1{font-size:clamp(2.5rem,6vw,3.75rem);font-weight:700}h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:650}h3{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:650}p,li{margin:0;color:var(--color-text-muted-strong);font-size:1rem}a{color:inherit;text-decoration:none;text-underline-offset:.18em}a:hover{text-decoration:none}button,textarea{font:inherit}button{appearance:none}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;font-weight:600;letter-spacing:-.01em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease}.button-link:hover{transform:translateY(-1px)}.button-link--primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-gradient-medium) 100%);color:var(--color-text-on-accent);box-shadow:var(--shadow-button)}.button-link--primary:hover{color:var(--color-text-on-accent);box-shadow:var(--shadow-button-hover)}.button-link--secondary{border:1px solid var(--color-border-accent-strong);background:var(--color-bg-surface-glass);color:var(--color-text-base)}.button-link--secondary:hover{border-color:var(--color-border-accent-strong);background:var(--color-bg-surface)}.section-heading{display:grid;gap:12px}.section-kicker,.page-kicker{color:var(--color-accent);font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.section-text,.page-intro{max-width:68ch;font-size:1.05rem}.surface-card{border:1px solid var(--color-border-accent);border-radius:var(--radius-2xl);background:var(--color-bg-surface-glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(10px)}.page{display:grid;gap:40px}.page-header{display:grid;gap:14px}.tool-groups{display:grid;gap:30px}.tool-group{display:grid;gap:16px}.tool-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:0;margin:0;list-style:none}.tool-card{display:grid;gap:12px;height:100%;padding:24px;border:1px solid var(--color-border-accent);border-radius:var(--radius-2xl);background:var(--color-bg-surface-elevated);box-shadow:var(--shadow-soft);transition:color .2s ease,text-decoration-color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}.tool-card:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-accent-strong);transform:translateY(-2px)}.tool-card__meta{font-size:.86rem;color:var(--color-accent);font-weight:600}.tool-page{display:grid;gap:24px}.tool-page__panel,.tool-page__seo{padding:28px;border:1px solid var(--color-border-accent);border-radius:var(--radius-3xl);background:var(--color-bg-panel);box-shadow:var(--shadow-soft)}.tool-page__seo{display:grid;gap:14px}.tool-renderer{display:grid;gap:24px}.tool-renderer__header{display:none}.tool-renderer__content{display:grid;gap:14px}.tool-renderer__label{color:var(--color-text-base);font-size:.95rem;font-weight:600}.tool-renderer__actions{display:flex;flex-wrap:wrap;gap:10px}.tool-renderer__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tool-renderer__stat-row{display:grid;gap:6px;padding:16px;border:1px solid var(--color-border-accent);border-radius:var(--radius-xl);background:var(--color-bg-surface-raised)}.tool-renderer__stat-label{color:var(--color-text-muted-strong);font-size:.92rem}.tool-renderer__stat-value{color:var(--color-text-base);font-size:1.35rem;font-weight:700;line-height:1.1}.tool-renderer__textarea,.tool-renderer__input{width:100%;padding:16px;border:1px solid var(--color-border-accent);border-radius:16px;background:var(--color-bg-surface);color:var(--color-text-base);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.tool-renderer__textarea{min-height:180px;resize:vertical}.tool-renderer__input-grid,.tool-renderer__table-output,.tool-renderer__meta-output,.tool-renderer__preview{display:grid}.tool-renderer__input-grid,.tool-renderer__table-output,.tool-renderer__preview{gap:12px}.tool-renderer__meta-output{gap:18px}.tool-renderer__input-group,.tool-renderer__input-group-fields{display:grid;gap:12px}.tool-renderer__input-group{padding:16px;border:1px solid var(--color-border-accent);border-radius:18px;background:var(--color-bg-surface-raised)}.tool-renderer__input-group-title{margin:0;color:var(--color-text-base);font-size:1rem}.tool-renderer__field{display:grid;gap:8px}.tool-renderer__checkbox{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--color-border-accent);border-radius:16px;background:var(--color-bg-surface);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.tool-renderer__checkbox:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 4px var(--color-accent-wash-soft)}.tool-renderer__checkbox-input{width:1rem;height:1rem;margin:0;accent-color:var(--color-accent)}.tool-renderer__checkbox-text{color:var(--color-text-base);font-size:.98rem;line-height:1.4}.tool-renderer__textarea:focus,.tool-renderer__input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 4px var(--color-accent-wash-soft)}.tool-renderer__preview-label{color:var(--color-text-base);font-size:.95rem;font-weight:600}.tool-renderer__preview-card{display:grid;gap:8px;padding:18px;border:1px solid var(--color-border-accent);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--color-bg-surface-elevated),var(--color-bg-surface))}.tool-renderer__preview-url{color:var(--color-text-muted-strong);font-size:.9rem}.tool-renderer__preview-title{color:#8ab4f8;font-size:1.18rem;line-height:1.3}.tool-renderer__preview-description,.tool-renderer__empty{color:var(--color-text-muted-strong)}.tool-renderer__table-wrapper{overflow-x:auto;border:1px solid var(--color-border-accent);border-radius:var(--radius-xl);background:var(--color-bg-surface-raised)}.tool-renderer__table{width:100%;min-width:420px;border-collapse:collapse}.tool-renderer__table th,.tool-renderer__table td{padding:14px 16px;text-align:left}.tool-renderer__table th{color:var(--color-text-muted-strong);font-size:.9rem;font-weight:650;border-bottom:1px solid var(--color-border-accent);background:var(--color-bg-surface-elevated)}.tool-renderer__table td{color:var(--color-text-base);border-top:1px solid var(--color-border-subtle)}.tool-renderer__table tbody tr:first-child td{border-top:none}.tool-renderer__button{appearance:none;border:1px solid var(--color-border-accent);background:var(--color-bg-surface);color:var(--color-text-base);border-radius:12px;padding:.8rem 1rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.content-stack{display:grid;gap:18px;max-width:72ch}@media(min-width:760px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.site-header__inner{position:relative;flex-direction:row;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px}.site-footer__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer__brand{grid-column:1 / -1}.site-menu-toggle{position:relative;display:inline-flex;flex-shrink:0}.site-header__actions{position:static;width:auto;justify-content:flex-end}.site-header__menu{position:absolute;top:calc(100% + 8px);right:16px;display:grid;width:min(300px,calc(100vw - 32px));gap:12px;padding:14px;border:1px solid var(--color-border-accent);border-radius:18px;background:var(--color-bg-surface);box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease}.site-header__actions.is-menu-open .site-header__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.site-nav,.site-header__controls{width:100%;justify-content:flex-start}.site-nav{display:grid;gap:6px}.site-nav a{justify-content:flex-start;width:100%;border-radius:12px}.site-header__controls{padding-top:10px;border-top:1px solid var(--color-border-accent-subtle)}}@media(max-width:719px){.site-shell{padding-top:16px;padding-bottom:72px}.site-nav a{min-height:36px;padding:0 12px;font-size:.95rem}.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.site-footer__brand{grid-column:1 / -1}.site-footer__bottom{align-items:flex-start;flex-direction:column;gap:6px}.tool-card,.tool-page__panel,.tool-page__seo{padding:20px;border-radius:20px}.site-footer__copy{font-size:.9rem}}