.c505-shell{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.c505-shell h1{font-size:clamp(2rem,6vw,3.7rem);line-height:1.05}.c505-lead{font-size:1.12rem;max-width:820px}.c505-card,.c505-method{margin:1.5rem 0;padding:clamp(1rem,3vw,1.6rem);border:1px solid #cbd5e1;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.07)}.c505-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:1rem}.c505-card label{display:grid;gap:.4rem;font-weight:700}.c505-card input,.c505-card select,.c505-card textarea,.c505-card button{font:inherit}.c505-card input,.c505-card select,.c505-card textarea{width:100%;padding:.7rem;border:1px solid #64748b;border-radius:8px;background:#fff}.c505-card textarea{min-height:9rem;resize:vertical}.c505-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.c505-actions button{min-height:44px;padding:.65rem 1rem;border:1px solid #64748b;border-radius:8px;background:#fff;color:#0f172a;cursor:pointer}.c505-actions .primary{background:#0f766e;color:#fff;border-color:#0f766e}.c505-actions button:disabled{opacity:.55}.c505-card :focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.c505-error{color:#b91c1c;font-weight:700;min-height:1.5em}.c505-status{font-weight:700}.c505-result{margin-top:1rem;padding:1rem;border-radius:12px;background:#f1f5f9;overflow-wrap:anywhere}.privacy-note,.safety-note{border-left:4px solid #0f766e;padding-left:1rem;font-weight:700}.safety-note{border-color:#b45309}.code-output{display:block;padding:.9rem;background:#0f172a;color:#f8fafc;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.table-wrap{overflow:auto;max-width:100%}.result-table,.preview-table table{border-collapse:collapse;width:100%}.result-table th,.result-table td,.preview-table th,.preview-table td{border:1px solid #64748b;padding:.55rem;text-align:left}.editable-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(110px,1fr));gap:.35rem;overflow:auto}.editable-grid input{min-width:110px}.svg-preview{width:100%;max-height:420px;min-height:260px;border:1px solid #94a3b8;background:repeating-conic-gradient(#f8fafc 0 25%,#e2e8f0 0 50%) 50%/20px 20px}@media(max-width:640px){.c505-shell{width:min(100% - 1rem,1100px)}.c505-card,.c505-method{padding:1rem}.code-output{font-size:.85rem}.editable-grid{grid-template-columns:repeat(var(--columns),120px)}}