.tool-shell{max-width:var(--max-width);margin:0 auto;padding:var(--space-md) var(--space-margin) var(--space-xl)}.tool-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md);padding:var(--space-md) 0}.tool-head__title{display:flex;align-items:center;gap:var(--space-gap);min-width:0}.tool-head__title img{width:52px;height:52px;border-radius:14px;background:var(--tile);object-fit:contain;flex:none}.tool-head h1{margin:0;font-family:var(--font-body);font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.03em;line-height:1.1}.tool-head__intro{flex-basis:100%;margin:0;color:var(--ink-secondary);max-width:46rem}.privacy-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--fill);color:var(--ink);font-size:.82rem;font-weight:650}.privacy-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--clay-primary)}.switcher{position:relative;margin-left:auto}.switcher summary{list-style:none;cursor:pointer}.switcher summary::-webkit-details-marker{display:none}.switcher__menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:grid;gap:2px;min-width:230px;padding:6px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-elevated);box-shadow:var(--shadow-float)}.switcher__menu a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}.switcher__menu a:hover,.switcher__menu a[aria-current=page]{background:var(--fill)}.switcher__menu img{width:28px;height:28px;border-radius:8px;background:var(--tile);object-fit:contain}.btn{--b: var(--clay-secondary);--bl: var(--clay-secondary-label);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:var(--radius-button);background:var(--b);color:var(--bl);font:650 .97rem/1.1 var(--font-body);white-space:nowrap;cursor:pointer;box-shadow:var(--clay-shadow),var(--clay-inset);transition:transform .1s ease-out,filter .1s ease-out;text-decoration:none}.btn:hover{filter:brightness(.97);color:var(--bl)}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{--b: var(--clay-primary);--bl: var(--clay-primary-label);border-color:transparent}.btn--danger{--b: var(--clay-danger);--bl: var(--clay-danger-label);border-color:transparent}.btn--small{min-height:34px;padding:0 12px;font-size:.87rem;border-radius:11px}.btn--block{width:100%}.btn--icon{width:44px;padding:0}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.card{padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}.card+.card{margin-top:var(--space-md)}.card h2,.card h3{font-family:var(--font-body);font-size:1.1rem;letter-spacing:-.01em;margin-bottom:var(--space-sm)}.clay-tile{--tile: var(--fill);display:flex;flex-direction:column;gap:6px;min-height:112px;padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--tile);color:var(--tile-label);text-align:left;font:inherit;cursor:pointer;box-shadow:var(--clay-shadow),var(--clay-inset);text-decoration:none;transition:transform .1s ease-out}.clay-tile:hover{transform:translateY(-1px);color:var(--tile-label)}.clay-tile strong{font-size:1rem}.clay-tile span{font-size:.86rem;opacity:.85;line-height:1.35}.tile-grid{display:grid;gap:var(--space-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.stack{display:grid;gap:var(--space-md)}.muted{color:var(--ink-secondary)}.small{font-size:.86rem}.section-title{margin:var(--space-lg) 0 var(--space-sm);font:700 1.05rem/1.2 var(--font-body);letter-spacing:-.01em}.field{display:grid;gap:6px}.field>span{font-size:.88rem;font-weight:650}.input,.select,.textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit}.textarea{min-height:120px;resize:vertical;line-height:1.45}.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:600 .86rem var(--font-body);cursor:pointer}.chip[aria-pressed=true]{background:var(--clay-primary);color:var(--clay-primary-label);border-color:transparent}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.dropzone{display:grid;place-items:center;gap:var(--space-sm);min-height:180px;padding:var(--space-lg);border:2px dashed var(--line);border-radius:var(--radius-card);background:var(--surface);text-align:center;cursor:pointer}.dropzone[data-over=true]{border-color:var(--interactive);background:var(--fill)}.dropzone p{margin:0}.notice{padding:10px 14px;border-radius:12px;background:var(--fill);font-size:.92rem}.notice--error{background:color-mix(in srgb,var(--clay-danger) 16%,var(--surface))}.notice--ok{background:color-mix(in srgb,var(--clay-primary) 14%,var(--surface))}.progress{width:100%;height:8px;border-radius:99px;background:var(--fill);overflow:hidden}.progress>div{height:100%;background:var(--clay-primary);transition:width .2s}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:50;padding:10px 16px;border-radius:14px;background:var(--ink);color:var(--paper);font-weight:600;box-shadow:var(--shadow-float)}.dialog{width:min(92vw,460px);padding:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-elevated);color:var(--ink)}.dialog::backdrop{background:#0006}.dialog h2{font:700 1.2rem var(--font-body);margin-bottom:var(--space-md)}.list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.list-row{display:flex;align-items:center;gap:var(--space-gap);padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.list-row>.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-seo{margin-top:var(--space-xl)}.tool-seo h2{font-size:clamp(1.4rem,3vw,1.9rem)}.tool-seo p,.tool-seo li{color:var(--ink-secondary);max-width:46rem}.noscript{margin:var(--space-md) 0}@media(max-width:520px){.tool-shell{padding-left:16px;padding-right:16px}.switcher{margin-left:0}}
