@layer reset,base,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth;text-size-adjust:100%}body,h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}img,svg{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}button,summary,label,select,input[type=range],input[type=checkbox],input[type=color]{cursor:pointer}}@layer base{:root{--background: #fbfbfa;--surface: #ffffff;--surface-subtle: #f5f5f2;--text: #171817;--text-soft: #565b57;--text-faint: #747a76;--line: #dcdfdc;--line-strong: #bcc2bd;--accent: #1457c2;--accent-dark: #0d4298;--accent-soft: #eaf1fc;--danger: #a62d27;--danger-soft: #fff2f0;--success: #1c6a43;--focus: #0c63e7;--shadow: 0 8px 30px rgb(23 24 23 / 7%);--radius-sm: 5px;--radius: 8px;--container: 1160px;--content: 760px;--header-height: 68px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}body{min-width:320px;min-height:100vh;background:var(--background);color:var(--text);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent-dark)}:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 72%,transparent);outline-offset:3px}::selection{background:#cfe0fb;color:var(--text)}h1,h2,h3{line-height:1.12;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(2.35rem,7vw,4.6rem);font-weight:700}h2{font-size:clamp(1.65rem,4vw,2.45rem);font-weight:680}h3{font-size:1.1rem;font-weight:680;letter-spacing:-.012em}[hidden]{display:none!important}}@layer layout{.container{width:min(calc(100% - 2rem),var(--container));margin-inline:auto}.content-width{width:min(100%,var(--content))}.site-main{min-height:calc(100vh - var(--header-height))}.page-section{padding-block:clamp(4rem,8vw,7rem)}.page-section+.page-section{border-top:1px solid var(--line)}.section-grid{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.55fr);gap:clamp(2rem,8vw,7rem)}.section-intro{max-width:34rem;color:var(--text-soft);font-size:clamp(1.04rem,2vw,1.18rem)}@media(max-width:760px){.section-grid{grid-template-columns:1fr;gap:2rem}}}@layer components{.skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;translate:0 -180%;border-radius:var(--radius-sm);background:var(--text);color:#fff;padding:.6rem .9rem;text-decoration:none}.skip-link:focus{translate:0}.site-header{position:relative;z-index:20;min-height:var(--header-height);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--background) 94%,transparent)}.header-inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:2rem}.wordmark{display:inline-flex;align-items:center;gap:.55rem;color:var(--text);font-size:1.13rem;font-weight:740;letter-spacing:-.035em;text-decoration:none}.wordmark-icon{display:block;flex-shrink:0;border-radius:5px;transition:transform .16s ease}.wordmark:hover .wordmark-icon{transform:scale(1.05)}.desktop-nav{display:flex;align-items:center;gap:clamp(1.1rem,2.6vw,2rem)}.desktop-nav a,.mobile-nav a{color:var(--text-soft);font-size:.9rem;font-weight:560;text-decoration:none}.desktop-nav a:hover,.desktop-nav a[aria-current=page],.mobile-nav a:hover,.mobile-nav a[aria-current=page]{color:var(--text)}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown__btn{min-height:44px;display:inline-flex;align-items:center;gap:.35rem;border:0;background:transparent;color:var(--text-soft);font-family:inherit;font-size:.9rem;font-weight:560;cursor:pointer;padding:0}.nav-dropdown__btn:hover,.nav-dropdown:hover .nav-dropdown__btn,.nav-dropdown:focus-within .nav-dropdown__btn{color:var(--text)}.nav-dropdown__menu{position:absolute;top:calc(100% + .5rem);right:-2rem;width:580px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 36px -10px #0000001f,0 0 1px #00000014;padding:1.25rem 1.4rem;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:50}.nav-dropdown:hover .nav-dropdown__menu,.nav-dropdown:focus-within .nav-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.nav-dropdown__col{display:flex;flex-direction:column;gap:.2rem}.nav-dropdown__heading{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.4rem;padding-bottom:.25rem;border-bottom:1px solid var(--line)}.nav-dropdown__item{display:flex;align-items:center;justify-content:space-between;padding:.35rem .45rem;border-radius:var(--radius-sm);color:var(--text-soft);font-size:.84rem;text-decoration:none;transition:background .12s,color .12s}.nav-dropdown__item:hover{background:var(--surface-subtle);color:var(--text)}.nav-dropdown__badge{font-size:.65rem;font-weight:700;background:var(--accent);color:#fff;padding:.1rem .35rem;border-radius:3px;line-height:1}.mobile-menu{display:none;position:relative}.mobile-menu summary{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--text);padding:.25rem;transition:background-color .15s ease}.mobile-menu summary:hover{background-color:var(--surface-subtle)}.mobile-menu summary::-webkit-details-marker{display:none}.hamburger{width:20px;height:14px;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;width:100%;height:2px;background:currentColor;border-radius:1px;transition:transform .2s ease,opacity .2s ease}.mobile-menu[open] .hamburger span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu[open] .hamburger span:nth-child(2){opacity:0}.mobile-menu[open] .hamburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav{position:absolute;top:calc(100% + .35rem);right:0;width:min(20rem,calc(100vw - 2rem));max-height:80vh;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:.6rem}.mobile-nav__section{display:flex;flex-direction:column}.mobile-nav__divider{height:1px;background:var(--line);margin:.5rem 0}.mobile-nav__heading{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:.4rem .7rem}.mobile-nav a{min-height:40px;display:flex;align-items:center;border-radius:var(--radius-sm);padding:.45rem .7rem;font-size:.88rem}.mobile-nav a:hover{background:var(--surface-subtle)}@media(max-width:800px){.desktop-nav{display:none}.mobile-menu{display:block}}.eyebrow{margin-bottom:.85rem;color:var(--accent);font-size:.75rem;font-weight:740;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.page-hero{padding-block:clamp(3.6rem,8vw,6.7rem) clamp(2.2rem,5vw,4rem)}.page-hero--centered{text-align:center}.page-hero h1{max-width:920px;margin-inline:auto}.page-hero__intro{max-width:720px;margin:1.25rem auto 0;color:var(--text-soft);font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65;text-wrap:pretty}.page-hero__intro+.page-hero__intro{margin-top:.75rem;font-size:1rem}.tool-hero{padding-bottom:clamp(1.5rem,4vw,2.5rem)}.breadcrumb{padding-top:1.2rem}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;color:var(--text-faint);font-size:.82rem;list-style:none}.breadcrumb li:not(:last-child):after{content:"/";margin-left:.4rem;color:var(--line-strong)}.breadcrumb a{color:var(--text-soft);text-decoration:none}.button,.button-secondary,.button-quiet,.row-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:var(--radius-sm);padding:.65rem 1rem;font-size:.9rem;font-weight:680;line-height:1.2;text-decoration:none}.button{border-color:var(--accent);background:var(--accent);color:#fff}.button:hover{border-color:var(--accent-dark);background:var(--accent-dark);color:#fff}.button-secondary{border-color:var(--line-strong);background:var(--surface);color:var(--text)}.button-secondary:hover{border-color:var(--text-soft);color:var(--text)}.button-quiet,.row-action{min-height:40px;border-color:transparent;background:transparent;color:var(--text-soft);padding-inline:.6rem}.button-quiet:hover,.row-action:hover{background:var(--surface-subtle);color:var(--text)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.52}.converter{width:min(100%,940px);margin-inline:auto;padding-bottom:clamp(3rem,7vw,5.5rem)}.converter-frame{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:var(--surface)}.converter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.15rem;border-bottom:1px solid var(--line);padding:1rem 1.15rem}.control{min-width:0}.control[data-quality-control]{flex:1 1 200px;min-width:170px}.control.is-disabled{opacity:.6;pointer-events:none}.control--target-kb{width:110px;flex:0 0 110px}.lossless-toggle{margin-bottom:.5rem;white-space:nowrap}.control-label,.control>label,.field-label{display:block;margin-bottom:.35rem;color:var(--text-soft);font-size:.75rem;font-weight:680;letter-spacing:.035em}.control-output{min-height:40px;display:flex;align-items:center;color:var(--text);font-size:.95rem;font-weight:720}select,input[type=number],input[type=text]{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);padding:.5rem .65rem}select:hover,input[type=number]:hover,input[type=text]:hover{border-color:var(--text-faint)}.quality-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;min-height:40px}input[type=range]{width:100%;accent-color:var(--accent)}.quality-value{color:var(--text);font-variant-numeric:tabular-nums;font-weight:680;text-align:right;white-space:nowrap}.saving-badge{display:inline-flex;align-items:center;padding:.1rem .4rem;border-radius:var(--radius-sm);background:#eaf6ee;color:var(--success);font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em;margin-left:.2rem}.saving-badge--increase{background:#fdf2e9;color:#b75510}.advanced-settings{border-bottom:1px solid var(--line)}.advanced-settings summary{min-height:48px;display:flex;align-items:center;gap:.6rem;padding:.55rem 1.15rem;color:var(--text-soft);font-size:.86rem;font-weight:650;list-style:none}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary:before{width:.44rem;height:.44rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;content:"";rotate:-45deg;transition:rotate .14s ease}.advanced-settings[open] summary:before{rotate:45deg}.advanced-settings__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;border-top:1px solid var(--line);background:var(--surface-subtle);padding:1rem 1.15rem 1.2rem}.check-field{min-height:42px;display:flex;align-items:center;gap:.65rem;padding-top:1.25rem;font-size:.9rem;font-weight:560}.check-field input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.color-field-row{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:.65rem}input[type=color]{width:44px;height:42px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);padding:.22rem}.field-note{color:var(--text-faint);font-size:.78rem;line-height:1.45}.upload-panel{padding:clamp(1rem,3vw,1.5rem)}.upload-zone{min-height:280px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--background);padding:clamp(2rem,7vw,4.5rem) 1.25rem;text-align:center;transition:border-color .14s ease,background-color .14s ease}.upload-zone:hover,.upload-zone:focus-within,.upload-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.upload-zone__content{max-width:34rem}.upload-icon{width:34px;height:34px;margin:0 auto 1rem;color:var(--accent)}.upload-title{color:var(--text);font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700;letter-spacing:-.02em}.upload-copy{margin-top:.4rem;color:var(--text-soft);font-size:.95rem}.upload-cta{margin-top:1.15rem;pointer-events:none}.upload-limits{margin-top:.8rem;color:var(--text-faint);font-size:.76rem}.privacy-notice{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.8rem;padding:.9rem 1.15rem;color:var(--text-soft);font-size:.84rem;line-height:1.5}.privacy-notice__item{display:inline-flex;align-items:center;gap:.5rem}.privacy-notice__item svg{width:17px;height:17px;flex-shrink:0;color:var(--success)}.privacy-notice__item p{margin:0}.privacy-notice strong{color:var(--text)}.support-message,.converter-message,.noscript-message{margin:1rem 1.15rem;border-left:3px solid var(--danger);background:var(--danger-soft);padding:.8rem .9rem;color:var(--danger);font-size:.88rem}.queue-panel{min-height:250px}.queue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.75rem 1.15rem}.queue-summary{color:var(--text-soft);font-size:.86rem}.queue-actions,.file-actions{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.file-list-header,.file-row{display:grid;grid-template-columns:minmax(180px,1.6fr) .58fr .68fr minmax(140px,.9fr) minmax(145px,auto);align-items:center;gap:.8rem}.file-list-header{min-height:38px;border-bottom:1px solid var(--line);padding:.5rem 1.15rem;color:var(--text-faint);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.file-row{min-height:76px;border-bottom:1px solid var(--line);padding:.75rem 1.15rem;font-size:.86rem}.file-row:last-child{border-bottom:0}.file-row[data-state=error]{background:var(--danger-soft)}.file-row[data-state=ready] .file-status-text{color:var(--success)}.file-primary{display:flex;align-items:center;gap:.75rem;min-width:0}.file-thumb-btn{width:44px;height:44px;flex-shrink:0;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-subtle);overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease}.file-thumb-btn:hover{border-color:var(--accent);transform:scale(1.06)}.file-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.file-info{min-width:0;overflow:hidden}.file-name{display:block;overflow:hidden;color:var(--text);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.file-meta,.file-size,.file-output{color:var(--text-soft);font-variant-numeric:tabular-nums}.file-meta{display:block;margin-top:.1rem;color:var(--text-faint);font-size:.74rem}.preview-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 25px 60px -15px #00000059;padding:0;max-width:min(90vw,840px);max-height:90vh;overflow:hidden;margin:auto}.preview-dialog::backdrop{background:#0a0b0abf;backdrop-filter:blur(4px)}.preview-dialog__inner{display:flex;flex-direction:column;max-height:90vh}.preview-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--line);background:var(--surface)}.preview-dialog__meta{display:flex;flex-direction:column;gap:.15rem}.preview-dialog__title{font-size:1rem;font-weight:700;color:var(--text);margin:0}.preview-dialog__info{font-size:.8rem;color:var(--text-soft)}.preview-dialog__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--text);font-size:1rem;cursor:pointer;transition:background .12s}.preview-dialog__close:hover{background:var(--line)}.preview-dialog__body{padding:1.5rem;background:#141514;display:flex;align-items:center;justify-content:center;overflow:auto;max-height:calc(90vh - 70px)}.preview-dialog__img{max-width:100%;max-height:65vh;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006}.file-status-text{display:block;overflow-wrap:anywhere;color:var(--text-soft);font-size:.8rem}.file-progress{width:100%;height:3px;display:block;margin-top:.35rem;border:0;border-radius:0;background:var(--line);appearance:none}.file-progress::-webkit-progress-bar{background:var(--line)}.file-progress::-webkit-progress-value{background:var(--accent)}.file-progress::-moz-progress-bar{background:var(--accent)}.row-action{min-height:38px;font-size:.78rem}.row-action--download{color:var(--accent);font-weight:700}.queue-footer{border-top:1px solid var(--line);padding:1rem 1.15rem}.queue-footer .button{width:100%}@media(max-width:820px){.converter-bar{gap:.9rem}.file-list-header{display:none}.file-row{grid-template-columns:1fr auto;gap:.55rem 1rem;align-items:start}.file-primary{min-width:0}.file-size{text-align:right}.file-output,.file-status{grid-column:1}.file-actions{grid-column:2;grid-row:2 / span 2;align-self:center;flex-direction:column;align-items:stretch}}@media(max-width:560px){.converter-bar{flex-direction:column;align-items:stretch;gap:.85rem}.converter-bar .control,.converter-bar .control--target-kb{width:100%;flex:1 1 auto}.advanced-settings__body{grid-template-columns:1fr}.check-field{padding-top:0}.upload-zone{min-height:245px}.queue-toolbar{align-items:flex-start;flex-direction:column}.queue-actions{width:100%;justify-content:space-between}.file-row{padding-inline:.85rem}}.editorial-list{border-top:1px solid var(--line-strong)}.editorial-item{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1.5fr);gap:clamp(1.5rem,5vw,4rem);border-bottom:1px solid var(--line);padding-block:1.65rem}.editorial-item p,.prose p{color:var(--text-soft)}.editorial-item p+p,.prose p+p{margin-top:.9rem}.numbered-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.step{min-height:180px;padding:1.6rem}.step+.step{border-left:1px solid var(--line)}.step-number{display:block;margin-bottom:2.4rem;color:var(--text-faint);font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.08em}.step p{margin-top:.45rem;color:var(--text-soft);font-size:.9rem}@media(max-width:650px){.editorial-item{grid-template-columns:1fr;gap:.6rem}.numbered-steps{grid-template-columns:1fr}.step{min-height:auto}.step+.step{border-top:1px solid var(--line);border-left:0}.step-number{margin-bottom:1rem}}.format-links,.related-links{border-top:1px solid var(--line-strong)}.format-link,.related-link{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.5fr) auto;align-items:center;gap:1.5rem;min-height:76px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}.format-link strong,.related-link strong{font-size:.95rem}.format-link span,.related-link span{color:var(--text-soft);font-size:.88rem}.format-link:after,.related-link:after{content:"→";color:var(--accent)}.format-link:hover,.related-link:hover{color:var(--accent)}.suite-section{padding-block:clamp(3.5rem,6vw,5.5rem);border-top:1px solid var(--line-strong)}.suite-header{text-align:center;max-width:720px;margin:0 auto 2.5rem}.suite-header h2{font-size:clamp(1.8rem,3.8vw,2.5rem);letter-spacing:-.03em;margin-bottom:.75rem}.suite-header p{color:var(--text-soft);font-size:1.05rem;margin:0}.suite-filter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.filter-pill{display:inline-flex;align-items:center;min-height:38px;padding:.35rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-soft);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease}.filter-pill:hover{color:var(--text);border-color:var(--text-soft)}.filter-pill[aria-selected=true],.filter-pill.active{background:var(--text);color:var(--background);border-color:var(--text)}.suite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.15rem}.suite-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.suite-card:hover{border-color:var(--text-soft);transform:translateY(-2px);box-shadow:0 10px 24px -6px #0000000f}.suite-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.suite-card__icon-wrap{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text)}.suite-card__icon-wrap svg{width:18px;height:18px}.suite-card__tag-wrap{display:flex;align-items:center;gap:.4rem}.suite-card__tag{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint)}.suite-card__badge{font-size:.68rem;font-weight:700;background:var(--accent);color:#fff;padding:.12rem .4rem;border-radius:3px;line-height:1}.suite-card__title{font-size:1.08rem;font-weight:680;color:var(--text);margin-bottom:.45rem;letter-spacing:-.02em}.suite-card__desc{font-size:.86rem;color:var(--text-soft);line-height:1.48;margin:0}.suite-card[data-hidden=true]{display:none!important}@media(max-width:620px){.format-link,.related-link{grid-template-columns:1fr auto;gap:.2rem 1rem;padding-block:1rem}.format-link span,.related-link span{grid-column:1}.format-link:after,.related-link:after{grid-column:2;grid-row:1 / span 2}}.faq-list{border-top:1px solid var(--line-strong)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{min-height:66px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding-block:1rem;color:var(--text);font-weight:650;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{width:.65rem;height:.65rem;border-right:1.5px solid var(--text-soft);border-bottom:1.5px solid var(--text-soft);content:"";rotate:45deg;transition:rotate .14s ease}.faq-item[open] summary:after{rotate:225deg}.faq-answer{max-width:680px;padding:0 0 1.25rem;color:var(--text-soft)}.tool-content{padding-top:1rem}.tool-section{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,1.45fr);gap:clamp(2rem,8vw,7rem);border-top:1px solid var(--line-strong);padding-block:clamp(3.5rem,7vw,5.8rem)}.tool-section__body{max-width:720px}.tool-section__body p{color:var(--text-soft)}.tool-section__body p+p{margin-top:1rem}.plain-points{margin:1.5rem 0 0;padding:0;border-top:1px solid var(--line);list-style:none}.plain-points li{position:relative;border-bottom:1px solid var(--line);padding:.75rem 0 .75rem 1.25rem;color:var(--text-soft)}.plain-points li:before{position:absolute;top:1.43rem;left:.1rem;width:5px;height:5px;border-radius:50%;background:var(--accent);content:""}@media(max-width:760px){.tool-section{grid-template-columns:1fr;gap:1.6rem}}.example-list{border-top:1px solid var(--line-strong)}.example-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;border-bottom:1px solid var(--line);padding-block:1.35rem}.example-row dt{margin-bottom:.35rem;color:var(--text-faint);font-size:.7rem;font-weight:720;letter-spacing:.07em;text-transform:uppercase}.example-row dd{color:var(--text-soft);font-size:.88rem}@media(max-width:620px){.example-row{grid-template-columns:1fr;gap:1rem}}.guide-header{max-width:860px;padding-block:clamp(3.2rem,8vw,6.5rem)}.guide-header h1{max-width:820px}.guide-dek{max-width:680px;margin-top:1.3rem;color:var(--text-soft);font-size:clamp(1.05rem,2vw,1.25rem)}.guide-meta{margin-top:1.25rem;color:var(--text-faint);font-size:.78rem}.guide-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(160px,1fr);gap:clamp(3rem,8vw,8rem);align-items:start;padding-bottom:clamp(5rem,10vw,9rem)}.guide-prose section{border-top:1px solid var(--line-strong);padding-block:2.5rem}.guide-prose h2{margin-bottom:1rem;font-size:clamp(1.45rem,3vw,2rem)}.guide-prose p{color:var(--text-soft)}.guide-prose p+p{margin-top:1rem}.guide-aside{position:sticky;top:1.5rem;border-top:1px solid var(--line-strong);padding-top:1rem}.guide-aside h2{margin-bottom:.8rem;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase}.guide-aside a{display:block;border-bottom:1px solid var(--line);padding-block:.65rem;color:var(--text-soft);font-size:.85rem;text-decoration:none}.guide-aside a:hover{color:var(--accent)}@media(max-width:820px){.guide-layout{grid-template-columns:1fr;gap:2rem}.guide-aside{position:static;order:-1}}.legal-page{max-width:760px;padding-block:clamp(3.5rem,8vw,7rem)}.legal-page>p{margin-top:1rem;color:var(--text-soft)}.legal-page section{margin-top:3rem;border-top:1px solid var(--line-strong);padding-top:1.5rem}.legal-page section h2{margin-bottom:.85rem;font-size:1.35rem}.legal-page section p,.legal-page section li{color:var(--text-soft)}.legal-page section p+p{margin-top:.85rem}.legal-page section ul{padding-left:1.2rem}.site-footer{border-top:1px solid var(--line-strong);background:var(--surface);padding-block:3.2rem 1.5rem}.footer-grid{display:grid;grid-template-columns:minmax(160px,1.3fr) repeat(3,minmax(120px,.7fr));gap:2rem}.footer-brand p{max-width:260px;margin-top:.65rem;color:var(--text-soft);font-size:.85rem}.footer-column h2{margin-bottom:.7rem;color:var(--text);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.footer-column a{display:block;width:fit-content;padding-block:.25rem;color:var(--text-soft);font-size:.84rem;text-decoration:none}.footer-column a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;border-top:1px solid var(--line);padding-top:1.2rem;color:var(--text-faint);font-size:.75rem}@media(max-width:760px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1 / -1}}@media(max-width:430px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}}.cropper-section{max-width:100%}.cropper-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--line)}.cropper-actions{display:flex;align-items:center;gap:.6rem;margin-left:auto}.cropper-workspace{margin:1.25rem 1.15rem;background:#171817;border:1px solid var(--line-strong);border-radius:var(--radius);padding:1.5rem;display:flex;justify-content:center;align-items:center;min-height:440px;overflow:auto}.cropper-stage{position:relative;display:inline-block;user-select:none;max-width:100%}.cropper-source-img,.editor-canvas{display:block;max-width:100%;max-height:65vh;object-fit:contain;border-radius:var(--radius-sm);touch-action:none}.cropper-stage .cropper-source-img{pointer-events:none}.editor-canvas{pointer-events:auto;cursor:crosshair}.crop-box{position:absolute;box-shadow:0 0 0 9999px #0c0d0cb8;border:1.5px solid rgba(255,255,255,.95);cursor:move;touch-action:none}.crop-handle{position:absolute;width:12px;height:12px;background:#fff;border:1.5px solid #171817;border-radius:2px}.handle-nw{top:-6px;left:-6px;cursor:nwse-resize}.handle-ne{top:-6px;right:-6px;cursor:nesw-resize}.handle-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.handle-se{bottom:-6px;right:-6px;cursor:nwse-resize}.crop-grid-line{position:absolute;background:#ffffff47;pointer-events:none}.crop-grid-h1{top:33.33%;left:0;right:0;height:1px}.crop-grid-h2{top:66.66%;left:0;right:0;height:1px}.crop-grid-v1{left:33.33%;top:0;bottom:0;width:1px}.crop-grid-v2{left:66.66%;top:0;bottom:0;width:1px}.rotator-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--line)}.rotator-tool-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.rotator-tool-buttons .button-secondary{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.84rem}.rotator-export-actions{display:flex;align-items:center;gap:.6rem;margin-left:auto}.rotator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1.25rem 1.15rem}.rotator-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;gap:.65rem}.rotator-thumb-wrap{width:100%;height:160px;background:var(--surface-subtle);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.rotator-thumb{max-width:88%;max-height:88%;object-fit:contain;transition:transform .18s ease-out}.rotator-meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-soft);gap:.5rem}.rotator-filename{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--text)}.rotator-item-actions{display:flex;align-items:center;gap:.4rem}.rotator-action-btn{flex:1;min-height:32px;background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.3rem .5rem;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s}.rotator-action-btn:hover{background:var(--line)}.rotator-remove-btn{flex:0 0 32px;color:var(--danger)}.rotator-remove-btn:hover{background:var(--danger-soft);border-color:var(--danger)}}@layer utilities{.sr-only,.file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.muted{color:var(--text-soft)}.text-center{text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}