:root{--fg: #111827;--muted: #6b7280;--line: #e5e7eb;--accent: #1d4ed8;--bg: #f8fafc;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg);background:var(--bg)}*{box-sizing:border-box}body{margin:0;line-height:1.5}a{color:var(--accent)}.site-header{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid var(--line)}.site-header .brand{font-weight:800;text-decoration:none;color:var(--fg);font-size:1.1rem}.site-header nav{display:flex;flex-wrap:wrap;gap:14px;font-size:.95rem}main{max-width:1080px;margin:0 auto;padding:16px 20px 40px}h1{font-size:1.8rem;margin:.6em 0 .3em}.lead{font-size:1.08rem;color:#374151}.privacy-badge{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:10px 14px;border-radius:10px}.disclaimer{background:#fffbeb;border:1px solid #fde68a;padding:12px 14px;border-radius:10px;margin:24px 0;font-size:.95rem}.ad-slot{border:2px dashed #d1d5db;color:#9ca3af;text-align:center;padding:28px 8px;margin:24px 0;border-radius:8px;font-size:.85rem;min-height:90px}.tool{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin:16px 0}.crop-grid{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:20px;align-items:start}.stage{display:flex;flex-direction:column;gap:8px}.crop-canvas{width:100%;height:auto;border:1px solid #9ca3af;background:#fff;touch-action:none;cursor:grab;border-radius:4px}.crop-canvas:active{cursor:grabbing}.controls{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:6px 0}button{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;cursor:pointer}button:hover{background:#f1f5f9}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}button.primary:disabled{opacity:.5;cursor:default}button.secondary{background:#e0e7ff;border-color:#c7d2fe;font-weight:600}button.chip{padding:4px 10px;border-radius:999px;font-size:.9rem}label.upload{display:inline-flex;flex-direction:column;gap:4px;font-weight:600}input[type=number]{width:90px;padding:6px;border:1px solid #cbd5e1;border-radius:6px;font:inherit}select{padding:6px;border-radius:6px;border:1px solid #cbd5e1;font:inherit;max-width:100%}.checks{list-style:none;padding:0;margin:0;font-size:.95rem}.checks .ok{color:#15803d}.checks .bad{color:#b91c1c;font-weight:600}.checks .warn{color:#b45309}.result{display:block;font-weight:600}.result-img{max-width:200px;border:1px solid var(--line)}.muted{color:var(--muted)}.small{font-size:.85rem}.layout-panel{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.sheet-wrap{max-width:320px}.sheet-preview{width:100%;height:auto;border:1px solid #9ca3af;background:#fff}.spec table{border-collapse:collapse;width:100%;background:#fff}.spec th,.spec td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.spec th{width:170px;background:#f9fafb}.note{background:#f1f5f9;border-radius:8px;padding:4px 14px;margin:10px 0}.note.warn{background:#fff7ed}.note h3{font-size:1rem;margin:8px 0 0}.faq details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:8px 0}.faq summary{font-weight:600;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:16px 0}.card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;color:var(--fg)}.card span{color:var(--muted);font-size:.9rem}.related ul{columns:2;padding-left:18px}.site-footer{border-top:1px solid var(--line);padding:16px 20px;color:var(--muted);font-size:.9rem;text-align:center}@media (max-width: 720px){.crop-grid{grid-template-columns:1fr}h1{font-size:1.45rem}.related ul{columns:1}.spec th{width:110px}main{padding:12px 14px 32px}}