:root{--text:#17191d;--muted:#687181;--line:#d9dde3;--soft:#f5f6f8;--dark:#17191d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;color:var(--text);font:17px/1.65 Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}body.tool-frame{padding:28px}#app{width:100%;max-width:none;margin:0}h1{margin:0 0 6px;font-size:28px;line-height:1.3}.muted{margin:0 0 24px;color:var(--muted)}.field{display:grid;gap:8px;margin:0 0 18px}.field label{font-weight:650}.field input,.field textarea,.field select,input,textarea,select{width:100%;min-height:48px;padding:12px 14px;border:1px solid #cbd1d8;border-radius:3px;background:#fff;font:inherit;outline:none}.field textarea,textarea{min-height:260px;resize:vertical}.field input:focus,.field textarea:focus,input:focus,textarea:focus,select:focus{border-color:#4b5563;box-shadow:0 0 0 3px rgba(17,24,39,.08)}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.actions button,button{min-height:46px;padding:0 22px;border:1px solid var(--dark);border-radius:3px;background:var(--dark);color:#fff;font:inherit;font-weight:700;cursor:pointer}.actions button.secondary,button.secondary{background:#fff;color:var(--dark);border-color:#cbd1d8}.result{min-height:130px;padding:18px;border:1px solid var(--line);background:var(--soft);border-radius:3px;white-space:pre-wrap;overflow-wrap:anywhere}canvas{display:block;max-width:100%;height:auto;margin:20px 0;border:1px solid var(--line)}@media(max-width:640px){body.tool-frame{padding:18px}.two{grid-template-columns:1fr}.field textarea,textarea{min-height:220px}h1{font-size:24px}}html,body{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;overflow-x:hidden;background:#fff}body.tool-frame{padding:24px!important;font-size:17px!important}#app{display:block;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}.tool-shell,.tool-box,.workspace,.panel,.converter,.calculator{width:100%!important;max-width:none!important;min-width:0!important}textarea,input[type=text],input[type=number],input[type=url],input[type=search],select{width:100%!important;max-width:none!important}textarea{min-height:260px!important}.row,.grid,.tool-grid{max-width:none!important}@media(max-width:700px){body.tool-frame{padding:16px!important}.row,.grid,.tool-grid{grid-template-columns:1fr!important}}