[data-tool-root="1x1-pixel-gif-generator"] {
  --gray-50:#fbfbfb;--gray-100:#f7f7f7;--gray-150:#f2f2f2;--gray-200:#eee;--gray-300:#ddd;--gray-400:#bbb;--gray-600:#666;--gray-700:#444;--gray-800:#222;--gray-900:#111;
  --danger:#a12424;--success:#276749;--focus:rgba(17,17,17,.35);box-sizing:border-box;width:100%;padding:0 360px 48px 30px;color:#111;background:#fff;font:15px/1.6 "Noto Sans SC",system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
[data-tool-root="1x1-pixel-gif-generator"] *,[data-tool-root="1x1-pixel-gif-generator"] *::before,[data-tool-root="1x1-pixel-gif-generator"] *::after{box-sizing:border-box}
[data-tool-root="1x1-pixel-gif-generator"] .tool-page-header{padding:28px 0 20px;border-bottom:1px solid #ddd}
[data-tool-root="1x1-pixel-gif-generator"] .tool-page-header h1{margin:0;font-size:30px;line-height:1.2;letter-spacing:-.5px;font-weight:800}
[data-tool-root="1x1-pixel-gif-generator"] .page-description{max-width:72ch;margin:10px 0 0;color:#444;font-size:16px}
[data-tool-root="1x1-pixel-gif-generator"] .tool-workspace{display:grid;grid-template-columns:minmax(280px,.96fr) minmax(320px,1.04fr);gap:16px;margin-top:24px;padding:16px;background:#f2f2f2;border:1px solid #ddd;border-radius:6px}
[data-tool-root="1x1-pixel-gif-generator"] .tool-panel{min-width:0;padding:20px;background:#fff;border:1px solid #ddd;border-radius:6px}
[data-tool-root="1x1-pixel-gif-generator"] .panel-title{margin:0 0 16px;font-size:18px;line-height:1.35;font-weight:800}
[data-tool-root="1x1-pixel-gif-generator"] .drop-zone{display:grid;place-items:center;min-height:132px;padding:18px;border:1px dashed #999;border-radius:6px;background:#fbfbfb;text-align:center;cursor:pointer}
[data-tool-root="1x1-pixel-gif-generator"] .drop-zone.is-dragging{border-color:#111;background:#eee}
[data-tool-root="1x1-pixel-gif-generator"] .drop-zone strong{display:block;font-size:16px}
[data-tool-root="1x1-pixel-gif-generator"] .drop-zone span{display:block;margin-top:4px;color:#666}
[data-tool-root="1x1-pixel-gif-generator"] .file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
[data-tool-root="1x1-pixel-gif-generator"] .file-summary{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px;padding:12px;border:1px solid #ddd;border-radius:4px;background:#f7f7f7}
[data-tool-root="1x1-pixel-gif-generator"] .file-summary strong{overflow-wrap:anywhere}
[data-tool-root="1x1-pixel-gif-generator"] .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
[data-tool-root="1x1-pixel-gif-generator"] .field{min-width:0}
[data-tool-root="1x1-pixel-gif-generator"] .field.is-wide{grid-column:1/-1}
[data-tool-root="1x1-pixel-gif-generator"] label,[data-tool-root="1x1-pixel-gif-generator"] .field-label{display:block;margin-bottom:6px;font-weight:700;color:#222}
[data-tool-root="1x1-pixel-gif-generator"] input,[data-tool-root="1x1-pixel-gif-generator"] select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #bbb;border-radius:4px;background:#fff;color:#111;font:inherit;font-variant-numeric:tabular-nums}
[data-tool-root="1x1-pixel-gif-generator"] input[type="checkbox"]{width:18px;min-height:18px;margin:0}
[data-tool-root="1x1-pixel-gif-generator"] input[type="color"]{padding:3px}
[data-tool-root="1x1-pixel-gif-generator"] input:focus-visible,[data-tool-root="1x1-pixel-gif-generator"] select:focus-visible,[data-tool-root="1x1-pixel-gif-generator"] button:focus-visible,[data-tool-root="1x1-pixel-gif-generator"] .drop-zone:focus-visible,[data-tool-root="1x1-pixel-gif-generator"] summary:focus-visible{outline:3px solid rgba(17,17,17,.35);outline-offset:2px}
[data-tool-root="1x1-pixel-gif-generator"] .check-row{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 10px;border:1px solid #ddd;border-radius:4px}
[data-tool-root="1x1-pixel-gif-generator"] .check-row label{margin:0;font-weight:600}
[data-tool-root="1x1-pixel-gif-generator"] .segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;border:1px solid #ddd;border-radius:6px;background:#f2f2f2}
[data-tool-root="1x1-pixel-gif-generator"] .segmented button{min-height:36px;border:0;border-radius:4px;background:transparent;color:#111;font:inherit;font-weight:700;cursor:pointer}
[data-tool-root="1x1-pixel-gif-generator"] .segmented button.is-active{background:#111;color:#fff}
[data-tool-root="1x1-pixel-gif-generator"] .actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:18px}
[data-tool-root="1x1-pixel-gif-generator"] button{min-height:42px;padding:9px 14px;border:1px solid #222;border-radius:4px;background:#fff;color:#111;font:inherit;font-weight:800;cursor:pointer}
[data-tool-root="1x1-pixel-gif-generator"] button.primary{background:#111;color:#fff}
[data-tool-root="1x1-pixel-gif-generator"] button:disabled{cursor:not-allowed;opacity:.45}
[data-tool-root="1x1-pixel-gif-generator"] .error{min-height:22px;margin:6px 0 0;color:#a12424;font-weight:700}
[data-tool-root="1x1-pixel-gif-generator"] .result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
[data-tool-root="1x1-pixel-gif-generator"] .status-badge{display:inline-flex;align-items:center;min-height:28px;padding:3px 9px;border:1px solid #bbb;border-radius:999px;background:#f7f7f7;font-weight:800}
[data-tool-root="1x1-pixel-gif-generator"] .status-badge.is-success{border-color:#276749;color:#276749}
[data-tool-root="1x1-pixel-gif-generator"] .preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
[data-tool-root="1x1-pixel-gif-generator"] .preview-card{min-width:0;border:1px solid #ddd;border-radius:4px;overflow:hidden;background:#f7f7f7}
[data-tool-root="1x1-pixel-gif-generator"] .preview-card h3{margin:0;padding:8px 10px;border-bottom:1px solid #ddd;background:#fff;font-size:14px}
[data-tool-root="1x1-pixel-gif-generator"] .preview-stage{display:grid;place-items:center;min-height:220px;padding:10px;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
[data-tool-root="1x1-pixel-gif-generator"] .preview-stage img,[data-tool-root="1x1-pixel-gif-generator"] .preview-stage canvas{display:block;max-width:100%;max-height:320px;image-rendering:auto}
[data-tool-root="1x1-pixel-gif-generator"] .empty{max-width:22ch;color:#666;text-align:center}
[data-tool-root="1x1-pixel-gif-generator"] .metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 0;border:1px solid #ddd;border-radius:4px;overflow:hidden}
[data-tool-root="1x1-pixel-gif-generator"] .metrics div{padding:10px 12px;border-bottom:1px solid #ddd}
[data-tool-root="1x1-pixel-gif-generator"] .metrics div:nth-child(odd){border-right:1px solid #ddd}
[data-tool-root="1x1-pixel-gif-generator"] .metrics div:nth-last-child(-n+2){border-bottom:0}
[data-tool-root="1x1-pixel-gif-generator"] .metrics dt{color:#666}
[data-tool-root="1x1-pixel-gif-generator"] .metrics dd{margin:2px 0 0;font-weight:800;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
[data-tool-root="1x1-pixel-gif-generator"] .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
[data-tool-root="1x1-pixel-gif-generator"] .status-line{min-height:24px;margin:10px 0 0;color:#444;font-weight:700}
[data-tool-root="1x1-pixel-gif-generator"] .status-line.is-error{color:#a12424}
[data-tool-root="1x1-pixel-gif-generator"] .desc-section{margin-top:32px}
[data-tool-root="1x1-pixel-gif-generator"] .desc-section h2{position:relative;margin:0 0 14px;padding-left:12px;font-size:24px;line-height:1.3}
[data-tool-root="1x1-pixel-gif-generator"] .desc-section h2::before{content:"";position:absolute;left:0;top:.18em;width:3px;height:1em;background:#111}
[data-tool-root="1x1-pixel-gif-generator"] .card-block{padding:18px 20px;border:1px solid #ddd;border-radius:6px;background:#fff}
[data-tool-root="1x1-pixel-gif-generator"] .card-block p{margin:0}
[data-tool-root="1x1-pixel-gif-generator"] .card-block p+p{margin-top:10px}
[data-tool-root="1x1-pixel-gif-generator"] details+details{border-top:1px solid #ddd}
[data-tool-root="1x1-pixel-gif-generator"] summary{padding:13px 0;font-weight:800;cursor:pointer}
[data-tool-root="1x1-pixel-gif-generator"] .acc-panel{padding:0 0 15px;color:#444}
[data-tool-root="1x1-pixel-gif-generator"] .related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;list-style:none}
[data-tool-root="1x1-pixel-gif-generator"] .related-list a{display:block;padding:10px;border:1px solid #ddd;border-radius:4px;color:#111;text-decoration:none;font-weight:700}
[data-tool-root="1x1-pixel-gif-generator"] .related-list a:hover{background:#f2f2f2}
[data-tool-root="1x1-pixel-gif-generator"] [hidden]{display:none!important}
@media (max-width:900px){[data-tool-root="1x1-pixel-gif-generator"]{padding-left:8px;padding-right:8px}}
@media (max-width:720px){[data-tool-root="1x1-pixel-gif-generator"] .tool-workspace{grid-template-columns:1fr}[data-tool-root="1x1-pixel-gif-generator"] .preview-grid{grid-template-columns:1fr}[data-tool-root="1x1-pixel-gif-generator"] .related-list{grid-template-columns:1fr}}
@media (max-width:430px){[data-tool-root="1x1-pixel-gif-generator"] .field-grid,[data-tool-root="1x1-pixel-gif-generator"] .metrics,[data-tool-root="1x1-pixel-gif-generator"] .actions,[data-tool-root="1x1-pixel-gif-generator"] .result-actions{grid-template-columns:1fr}[data-tool-root="1x1-pixel-gif-generator"] .metrics div,[data-tool-root="1x1-pixel-gif-generator"] .metrics div:nth-child(odd){border-right:0;border-bottom:1px solid #ddd}[data-tool-root="1x1-pixel-gif-generator"] .metrics div:last-child{border-bottom:0}[data-tool-root="1x1-pixel-gif-generator"] .segmented{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){[data-tool-root="1x1-pixel-gif-generator"] *{scroll-behavior:auto!important;transition:none!important}}

[data-tool-root="1x1-pixel-gif-generator"] .field-wide{grid-column:1/-1;}
[data-tool-root="1x1-pixel-gif-generator"] [data-asset-input]{width:100%;font:inherit;}

[data-tool-root="1x1-pixel-gif-generator"] .field-wide{grid-column:1/-1;}

[data-tool-root="1x1-pixel-gif-generator"] .generator-note{display:grid;gap:4px;padding:14px;border:1px solid #ddd;border-radius:6px;background:#fbfbfb}
[data-tool-root="1x1-pixel-gif-generator"] .generator-note span{color:#666}