main{flex:1 0 auto;max-width:880px;width:100%;margin:0 auto;padding:56px 20px}@media(max-width:600px){main{padding:40px 18px}h1{font-size:1.6rem}}.toolnote{background:var(--surface);border-left:3px solid var(--accent);padding:0.85rem 1rem;margin-top:1.25rem;max-width:760px;font-size:0.88rem;color:var(--muted);line-height:1.55;font-family:var(--mono);font-size:0.82rem}.toolnote strong{color:var(--accent);font-family:var(--sans);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;font-size:0.72rem;display:block;margin-bottom:0.35rem}main{padding:2rem;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:340px 1fr;gap:1.75rem}@media(max-width:900px){main{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);padding:1.5rem;border-radius:2px}.panel h2{font-family:var(--mono);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--muted);margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--line)}.row{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}.preview{flex:1;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:auto;background:#0a0907;background-image:linear-gradient(45deg,#1B1916 25%,transparent 25%),linear-gradient(-45deg,#1B1916 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1B1916 75%),linear-gradient(-45deg,transparent 75%,#1B1916 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,10px 0;padding:0.5rem}.preview img,.preview canvas{max-width:100%;max-height:600px;display:block;margin:auto}.preview pre{font-family:var(--mono);font-size:0.82rem;color:var(--text);white-space:pre-wrap;text-align:left;background:var(--surface);padding:1rem;border:1px solid var(--line);width:100%;max-width:none}.preview .colorbox{width:120px;height:120px;border:1px solid var(--line);margin:1rem auto}.preview .palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:0.5rem;padding:1rem;width:100%}.preview .swatch{aspect-ratio:1;border:1px solid var(--line);display:flex;align-items:flex-end;justify-content:center;padding-bottom:0.3rem;font-family:var(--mono);font-size:0.65rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.5)}.preview .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;width:100%}.preview .compare-grid img{width:100%;height:auto;max-height:400px;object-fit:contain}.file-list{display:flex;flex-direction:column;gap:0.5rem;width:100%;max-height:600px;overflow-y:auto}.file-row{background:var(--surface-2);border:1px solid var(--line);padding:0.8rem 1rem;font-family:var(--mono);font-size:0.78rem;color:var(--muted);display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.file-row strong{color:var(--text);font-family:var(--sans);font-weight:500;font-size:0.85rem;word-break:break-word;flex:1}.info{font-family:var(--mono);font-size:0.7rem;color:var(--muted);margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line);letter-spacing:0.03em;line-height:1.7}.info span{color:var(--text)}.limits-banner{background:rgba(255,92,46,0.06);border:1px solid var(--accent);padding:0.75rem 1rem;margin-bottom:1rem;font-family:var(--mono);font-size:0.72rem;color:#C2BBAC;letter-spacing:0.04em}.limits-banner strong{color:var(--accent);font-family:var(--sans);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;font-size:0.68rem}.help{margin-top:2.5rem;padding:2rem;background:var(--surface);border:1px solid var(--line);max-width:1400px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.help h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;margin-bottom:1rem}.help h3 em{font-style:italic;color:var(--accent)}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:1.25rem}.help-card h4{font-family:var(--mono);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--accent);margin-bottom:0.5rem}.help-card p{color:var(--muted);font-size:0.88rem;line-height:1.6}canvas.draw-cursor{cursor:crosshair}.hidden{display:none!important}@media(max-width:560px){nav,header,main{padding-left:1rem;padding-right:1rem}.row{grid-template-columns:1fr}}.seo-rich{max-width:1400px;margin:0 auto 2rem;padding:0 2rem;color:var(--text)}.seo-card{background:var(--surface);border:1px solid var(--line);padding:1.6rem;margin-bottom:1rem;border-radius:2px}.seo-card h2,.seo-card h3{font-family:var(--serif);font-weight:400;letter-spacing:-0.01em;line-height:1.2;margin-bottom:0.8rem}.seo-card h2{font-size:clamp(1.6rem,3vw,2.2rem)}.seo-card h3{font-size:1.3rem;margin-top:1.2rem}.seo-card h2 em,.seo-card h3 em{font-style:italic;color:var(--accent)}.seo-card p{color:var(--muted);font-size:0.95rem;line-height:1.7;margin-bottom:0.85rem}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.seo-mini{background:var(--bg);border:1px solid var(--line);padding:1rem}.seo-mini strong{display:block;font-family:var(--mono);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.13em;color:var(--accent);margin-bottom:0.45rem}.seo-mini p{margin:0;font-size:0.86rem;color:var(--muted)}.steps{counter-reset:step;display:grid;gap:0.7rem;margin-top:1rem}.steps li{list-style:none;counter-increment:step;background:var(--bg);border:1px solid var(--line);padding:0.85rem 1rem;color:var(--muted);font-size:0.9rem;line-height:1.55}.steps li::before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;margin-right:0.65rem;border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);font-size:0.7rem}.faq-item{border-top:1px solid var(--line);padding:1rem 0}.faq-item:first-child{border-top:none;padding-top:0}.faq-item h3{font-family:var(--sans);font-size:1rem;font-weight:600;margin:0 0 0.35rem;color:var(--text)}.faq-item p{margin:0;color:var(--muted);font-size:0.9rem}.related-tools{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:1rem}.related-tools a{font-family:var(--mono);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;border:1px solid var(--line);padding:0.55rem 0.75rem;color:var(--muted);transition:all 0.15s}.related-tools a:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:560px){.seo-rich{padding-left:1rem;padding-right:1rem}.seo-card{padding:1.15rem}.steps li{font-size:0.84rem}}#resultMeta{margin-top:0.75rem;border:1px solid var(--line);background:var(--bg)}#resultMeta.hidden{display:none}.rm-row{display:flex;justify-content:space-between;gap:1rem;padding:0.45rem 0.7rem;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:0.72rem;letter-spacing:0.03em}.rm-row:last-child{border-bottom:none}.rm-row span:first-child{color:var(--muted);text-transform:uppercase}.rm-row span:last-child{color:var(--text);text-align:right}.file-row .rm-detail{font-family:var(--mono);font-size:0.7rem;color:var(--muted);white-space:nowrap}canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}main{padding:0 2rem 4rem;max-width:780px;margin:0 auto}.seo-note{background:var(--surface-2);border:1px solid var(--line);padding:1.25rem;margin:1.5rem 0;color:var(--text);font-size:.95rem}.seo-note strong{color:var(--accent)}.seo-section{padding:4.5rem 2rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.seo-card{background:var(--surface);border:1px solid var(--line);padding:1.5rem}.seo-card h3{font-family:var(--serif);font-size:1.25rem;font-weight:400;margin-bottom:.65rem}.seo-card p{font-size:.9rem;color:var(--muted);line-height:1.55}.seo-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem}.seo-list a{background:var(--surface);border:1px solid var(--line);padding:.9rem 1rem;color:var(--muted);font-size:.9rem}.seo-list a:hover{color:var(--accent);border-color:var(--accent)}@media (max-width:900px){.seo-grid{grid-template-columns:1fr}.seo-list{grid-template-columns:1fr}}body[data-slug] main.google-anno-skip{padding:2rem;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:340px 1fr;gap:1.75rem}body[data-slug] .seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}body[data-slug] .seo-card{background:var(--surface);border:1px solid var(--line);padding:1.6rem;margin-bottom:1rem;border-radius:2px}body[data-slug] .seo-card h2{font-size:clamp(1.6rem,3vw,2.2rem)}body[data-slug] .seo-card h3{font-family:var(--sans);font-size:1rem;font-weight:600;margin:0 0 0.35rem;color:var(--text)}body[data-slug] .seo-card p{color:var(--muted);font-size:0.95rem;line-height:1.7;margin-bottom:0.85rem}@media(max-width:900px){body[data-slug] main.google-anno-skip{grid-template-columns:1fr}}@media(max-width:560px){body[data-slug] main.google-anno-skip{padding-left:1rem;padding-right:1rem}body[data-slug] .seo-rich{padding-left:1rem;padding-right:1rem}body[data-slug] .seo-card{padding:1.15rem}}