:root{--mk-bg:#ececec;--mk-surface:#ffffffc7;--mk-border:#cfd6dc;--mk-text:#1f4f79;--mk-text-soft:#4e6d87;--mk-primary:#3386b8;--mk-primary-deep:#1f5f8f;--mk-axis:#96afc3;--mk-shadow:#1f5f8f29;color:var(--mk-text);background:var(--mk-bg);font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Helvetica Neue,Arial,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:var(--mk-bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}#app{min-height:100vh;padding:20px}.layout{max-width:1320px;margin:0 auto}.topbar{border-bottom:3px solid var(--mk-primary);grid-template-columns:1fr auto;align-items:end;gap:14px;min-height:64px;margin-bottom:14px;padding-bottom:9px;display:grid}.topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.topbar-right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar h1{white-space:nowrap;margin:0;font-size:clamp(20px,2.4vw,30px);font-weight:800;line-height:1}.brand-wordmark{color:var(--mk-primary-deep);letter-spacing:.08em;font-size:19px;font-weight:900;line-height:1;transform:translate(.33em,.33em)}.title-divider{background:var(--mk-border);flex:none;width:1px;height:24px}.logo{object-fit:contain;flex:none;width:34px;height:34px}.lang-menu{position:relative}.lang-menu summary{list-style:none}.lang-menu summary::-webkit-details-marker{display:none}.lang-btn{width:28px;height:28px;color:var(--mk-primary-deep);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.menu-lines{gap:6px;width:22px;display:grid}.menu-lines span{background:var(--mk-primary-deep);border-radius:999px;height:2px;display:block}.lang-dropdown{z-index:20;border:1px solid var(--mk-border);background:#fffffff5;border-radius:12px;gap:4px;min-width:92px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 24px #1f5f8f29}.topbar-left .lang-dropdown{left:0;right:auto}.lang-dropdown button{color:var(--mk-text);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-weight:800}.lang-dropdown button:hover,.lang-dropdown button.active{background:var(--mk-primary-deep);color:#fff}.toolbox-shell{gap:14px;margin-top:16px;display:grid}.tool-detail-shell{gap:12px;width:min(100%,1180px);display:grid}.tool-detail-head{gap:8px;display:grid}.tool-detail-copy{gap:6px;display:grid}.tool-detail-copy h2{color:var(--mk-text);margin:0;font-size:clamp(24px,3vw,34px);font-weight:900;line-height:1.05}.tool-detail-copy p{color:var(--mk-text-soft);max-width:760px;margin:0;font-size:14px}.back-link{width:fit-content;color:var(--mk-primary-deep);letter-spacing:.05em;font-size:13px;font-weight:800}.sync-note{color:var(--mk-text-soft);background:#ffffffc7;border:1px solid #1f5f8f29;border-radius:14px;max-width:980px;padding:10px 14px;font-size:13px}.detail-badge{width:fit-content;color:var(--mk-primary-deep);letter-spacing:.06em;background:#3386b81f;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.editor-frame{background:#ffffffd1;border:1px solid #296fad29;border-radius:20px;padding:18px;box-shadow:0 16px 36px #1f5f8f17}.motion-profile-host{width:min(100%,1000px)}.tool-grid{grid-template-columns:minmax(0,480px);gap:14px;display:grid}.tool-card{aspect-ratio:auto;border:1px solid var(--mk-border);background:#ffffffeb;border-radius:18px;grid-template-columns:minmax(235px,1fr) 168px;justify-self:start;align-items:center;gap:18px;width:min(100%,480px);height:154px;padding:20px clamp(18px,3vw,28px);display:grid;position:relative;overflow:hidden}.tool-card-ready{transition:transform .16s,box-shadow .16s,border-color .16s}.tool-card-ready:hover{box-shadow:0 16px 30px var(--mk-shadow);border-color:#1f5f8f80;transform:translateY(-2px)}.tool-copy{z-index:2;gap:8px;width:auto;min-width:0;display:grid;position:relative}.tool-eyebrow{color:var(--mk-primary-deep);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.tool-card h2{color:var(--mk-text);white-space:nowrap;margin:0;font-size:24px;font-weight:900;line-height:1.05}.tool-card p{max-width:420px;color:var(--mk-text-soft);margin:0;font-size:14px}.tool-art{z-index:1;justify-self:end;place-items:center;width:168px;display:grid}.tool-curve-icon{width:100%;height:auto;overflow:visible}.tool-axis,.tool-profile{fill:none;stroke:var(--mk-primary-deep);stroke-width:4px;stroke-linecap:square;stroke-linejoin:miter}.tool-arrow{fill:var(--mk-primary-deep)}@media (width<=980px){.tool-grid{grid-template-columns:1fr}}@media (width<=560px){.brand-wordmark{font-size:19px}.editor-frame{padding:14px}.tool-card{grid-template-columns:minmax(220px,1fr) 160px;gap:10px;width:min(100%,462px);height:150px}.tool-art{width:160px}}@media (width<=430px){.tool-detail-copy h2{font-size:24px}.tool-detail-copy p{font-size:13px}.tool-card{grid-template-columns:minmax(0,1fr) 132px;gap:8px;height:142px}.tool-card h2{font-size:22px}.tool-card p{font-size:13px}.tool-art{width:132px}}