@import url('/assets/ultimate.css?v=20260814-1');
@import url('/assets/brand-system.css?v=20260815-1');
body.tool-page{background:linear-gradient(180deg,#fffaf5 0,#fffdf9 300px,#fff 760px);color:#24211f}.tool-shell{width:min(920px,calc(100% - 40px));margin:0 auto;padding:30px 0 54px}.tool-breadcrumb{display:flex;align-items:center;gap:7px;font-size:13px;color:#7a736c;margin-bottom:14px}.tool-breadcrumb a{color:inherit;text-decoration:none}.tool-breadcrumb a:hover{color:#2b2723}.tool-hero{padding:6px 0 20px}.tool-hero .badge{margin-bottom:8px}.tool-hero h1{font-size:clamp(31px,4.7vw,48px);line-height:1.05;letter-spacing:-.043em;margin:6px 0 10px;font-weight:680}.tool-hero p{font-size:15.5px;line-height:1.72;color:#746f69;max-width:760px;margin:0}.tool-panel{position:relative;background:linear-gradient(180deg,#fcf9f5,#f7f2ec);border:1px solid rgba(69,55,44,.09);border-radius:26px;padding:24px;box-shadow:0 12px 34px rgba(71,53,37,.05)}.tool-panel:before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;border-radius:99px;background:color-mix(in srgb,var(--accent) 34%,transparent)}.tool-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tool-form label{font-size:13px;font-weight:570;color:#5d5751}.tool-form input,.tool-form select,.tool-form textarea{width:100%;margin-top:6px;padding:13px 14px;border:1px solid #ddd6ce;border-radius:13px;background:#fffefa;color:#24211f;font:inherit;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.tool-form input:focus,.tool-form select:focus,.tool-form textarea:focus{outline:0;border-color:color-mix(in srgb,var(--accent) 55%,#cfc7bf);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 11%,transparent);background:#fff}.tool-form textarea{min-height:180px;resize:vertical}.tool-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.tool-result{margin-top:18px;padding:19px 20px;border-radius:17px;background:#fff;border:1px solid rgba(69,55,44,.1);box-shadow:0 5px 18px rgba(62,47,34,.035);font-size:16px;line-height:1.65;white-space:pre-wrap;color:#2d2925}.tool-result:empty{display:none}.tool-about{padding:30px 0 0}.tool-about+.tool-about{padding-top:24px}.tool-about h2{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:0 0 10px}.tool-about h3{font-size:17px;margin:22px 0 7px}.tool-about p,.tool-about li{font-size:14.5px;color:#746f69;line-height:1.75}.tool-about ul{padding-left:20px}.tool-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tool-links a{padding:8px 12px;border:1px solid rgba(69,55,44,.07);border-radius:999px;background:#f4efe9;font-size:13px;text-decoration:none;color:#4e4842}.tool-links a:hover{background:#ebe5de;color:#24211f}.tool-meta{font-size:12px;color:#8b857f}.tool-page .top{position:sticky}.tool-page .btn{font-size:14px!important;min-height:42px!important}.tool-page footer{margin-top:8px}.ecosystem-note{margin:34px 0 0;padding:20px 22px;border:1px solid rgba(69,55,44,.08);border-radius:22px;background:linear-gradient(135deg,#fffdf9,#f7f2ec);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.ecosystem-note strong{font-size:15px;letter-spacing:-.01em}.ecosystem-note p{margin:6px 0 0;max-width:640px;color:#7a736c;font-size:13px;line-height:1.65}.ecosystem-links{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ecosystem-links a{padding:8px 11px;border:1px solid rgba(69,55,44,.08);border-radius:999px;background:#fff;color:#504a44;text-decoration:none;font-size:12px}.ecosystem-links a:hover,.ecosystem-links a:focus-visible{background:#f1ebe4;color:#24211f;outline:0}.ecosystem-links a:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
@media(max-width:700px){.tool-shell{width:min(100% - 28px,920px);padding-top:22px}.tool-form{grid-template-columns:1fr}.tool-panel{padding:19px;border-radius:22px}.tool-panel:before{left:19px;right:19px}.tool-hero{padding-bottom:16px}.tool-hero p{font-size:14.5px}.tool-hero h1{font-size:33px}.tool-about{padding-top:25px}.tool-about h2{font-size:22px}.tool-result{font-size:15px;padding:16px}.tool-actions .btn{flex:1 1 160px}.ecosystem-note{grid-template-columns:1fr;padding:17px}.ecosystem-links{justify-content:flex-start}}
@media(max-width:440px){.tool-shell{width:min(100% - 22px,920px)}.tool-hero h1{font-size:29px}.tool-panel{padding:16px}.tool-form input,.tool-form select,.tool-form textarea{padding:12px}.tool-actions{display:grid;grid-template-columns:1fr}.tool-actions .btn{width:100%}.tool-links a{font-size:12px}.ecosystem-links{display:grid;grid-template-columns:1fr}.ecosystem-links a{text-align:center}}
@media(prefers-reduced-motion:reduce){.tool-form input,.tool-form select,.tool-form textarea{transition:none}.ecosystem-links a{scroll-behavior:auto}}