:root{--ink:#101827;--muted:#5f6b7a;--line:#dde6ee;--green:#068a5b;--greenDark:#066444;--navy:#092642;--paper:#fffdf8;--soft:#f4faf7;--warn:#fff7e1;--shadow:0 16px 42px rgba(15,23,42,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body.wo-page{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.65;letter-spacing:0}.wo-header{height:68px;display:grid;grid-template-columns:1fr auto auto;gap:34px;align-items:center;padding:0 34px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.wo-brand{color:var(--ink);text-decoration:none}.wo-brand b{font-size:27px;font-weight:950}.wo-header nav{display:flex;gap:34px}.wo-header nav a{color:var(--ink);text-decoration:none;font-size:15px;font-weight:850}.wo-free{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:8px;color:var(--greenDark);text-decoration:none;font-weight:950;background:#fff}.wo-shell{max-width:1760px;margin:0 auto;padding:24px 28px 0}.wo-hero{display:grid;grid-template-columns:minmax(430px,640px) minmax(720px,1fr);gap:48px;align-items:center;min-height:660px}.wo-hero>*{min-width:0}.wo-kicker{margin:0 0 12px;font-weight:950;color:var(--greenDark);font-size:18px}.wo-copy h1{margin:0 0 22px;font-size:62px;line-height:1.14;font-weight:950;word-break:keep-all;overflow-wrap:anywhere}.wo-lead{margin:0;color:#263244;font-size:23px;font-weight:760}.wo-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:38px}.wo-benefits article,.wo-workbench,.wo-panel,.wo-metrics,.wo-quality,.wo-points,.wo-tool-card,.wo-guide-grid article,.wo-note,.wo-use-cases article,.wo-faq details{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.wo-benefits article{min-height:116px;padding:16px 12px;text-align:center}.wo-benefits span{display:block;color:var(--greenDark);font-size:30px;line-height:1}.wo-benefits b{display:block;margin-top:7px;font-size:17px}.wo-benefits small{display:block;color:var(--muted);font-weight:760}.wo-workbench{padding:18px;min-width:0;overflow:hidden}.wo-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px;min-width:0}.wo-toolbar label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;font-weight:950;min-width:0}.wo-toolbar select{height:44px;min-width:0;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 12px;font:inherit;font-weight:760}.wo-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;min-width:0}.wo-panel{padding:14px;box-shadow:none;min-width:0}.wo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;min-width:0}.wo-panel-head h2,.wo-metrics h2,.wo-quality h2,.wo-points h2{margin:0;font-size:19px}.wo-panel-head button,.wo-sub-button,.wo-output-panel button{min-height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:850;padding:0 12px;cursor:pointer}.wo-primary-label{display:block;margin-bottom:8px;font-weight:950}.wo-input-panel textarea{width:100%;height:168px;border:1px solid #ccd8e3;border-radius:7px;padding:13px;font:inherit;font-size:16px;resize:vertical}.wo-extra-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.wo-extra-fields label{display:grid;gap:5px;font-size:13px;font-weight:850;color:#344051;min-width:0}.wo-extra-fields input,.wo-extra-fields textarea{width:100%;min-width:0;height:42px;border:1px solid #ccd8e3;border-radius:7px;padding:0 10px;font:inherit;font-size:15px}.wo-extra-fields textarea{height:72px;padding:9px;resize:vertical}.wo-action-row{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:12px}.wo-main-button{min-height:52px;border:0;border-radius:7px;background:linear-gradient(180deg,var(--green),var(--greenDark));color:#fff;font:inherit;font-size:18px;font-weight:950;cursor:pointer}.wo-output-panel{background:#fbfdff;min-width:0}.wo-output-panel pre{max-width:100%;min-height:204px;margin:0;padding:15px;border-radius:7px;background:var(--navy);color:#f4fbff;font:16px/1.7 ui-monospace,SFMono-Regular,Consolas,"Noto Sans Mono",monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}.wo-preview{min-height:32px;margin:10px 0 0;color:#536170;font-weight:760;overflow-wrap:anywhere}.wo-insight-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1.1fr);gap:14px;margin-top:14px}.wo-metrics,.wo-quality,.wo-points{padding:14px;box-shadow:none;min-width:0}.wo-metrics>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.wo-metrics article{min-height:84px;padding:10px;border:1px solid var(--line);border-radius:7px;text-align:center;min-width:0}.wo-metrics small{display:block;color:var(--muted);font-weight:760}.wo-metrics b{display:block;font-size:28px;line-height:1.25;overflow-wrap:anywhere}.wo-metrics span{font-size:12px;font-weight:850}.wo-quality ul,.wo-points ul{margin:10px 0 0;padding-left:1.25em}.wo-quality li,.wo-points li{margin:6px 0;font-weight:780}.wo-quality li::marker{color:var(--green)}.wo-points{background:var(--warn)}.wo-related{margin:20px 0 22px}.wo-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:12px}.wo-section-title h2{margin:0;font-size:28px}.wo-section-title p{margin:0;color:var(--muted);font-weight:760}.wo-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.wo-tool-card{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 10px;min-height:92px;padding:14px;color:var(--ink);text-decoration:none;min-width:0}.wo-tool-card span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--soft);color:var(--greenDark);font-weight:950}.wo-tool-card b{font-size:15px;overflow-wrap:anywhere}.wo-tool-card small{color:var(--muted);font-weight:740;overflow-wrap:anywhere}.wo-guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:20px 0}.wo-guide-grid article{padding:24px;min-width:0}.wo-guide-grid h2,.wo-note h2,.wo-use-cases h2,.wo-faq h2{margin:0 0 12px;font-size:27px}.wo-guide-grid li{margin:9px 0;font-size:17px;font-weight:760}.wo-note{padding:28px;margin:22px 0}.wo-note p{font-size:18px;font-weight:720;color:#334155}.wo-use-cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.wo-use-cases article{padding:20px;min-height:160px;min-width:0}.wo-use-cases p{font-size:16px;color:#334155;font-weight:730}.wo-faq{display:grid;gap:12px;margin:24px 0 44px}.wo-faq h2{margin-bottom:0}.wo-faq details{padding:18px 22px}.wo-faq summary{font-size:18px;font-weight:950;cursor:pointer}.wo-faq p{margin-bottom:0;color:#334155;font-weight:720}.wo-footer{padding:34px;text-align:center;background:#073726;color:#f1fff7;font-weight:950}@media(max-width:1320px){.wo-header{height:auto;grid-template-columns:1fr;padding:16px 20px}.wo-header nav{overflow:auto;padding-bottom:4px}.wo-shell{padding:18px 14px 0}.wo-hero{grid-template-columns:1fr;gap:24px}.wo-copy h1{font-size:52px}.wo-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}.wo-workbench{max-width:none}.wo-use-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.wo-copy h1{font-size:40px}.wo-lead{font-size:18px}.wo-benefits,.wo-toolbar,.wo-panels,.wo-insight-grid,.wo-guide-grid,.wo-use-cases{grid-template-columns:1fr}.wo-extra-fields{grid-template-columns:1fr}.wo-action-row{grid-template-columns:1fr}.wo-section-title{display:block}.wo-related-grid{grid-template-columns:1fr}.wo-input-panel textarea{height:190px}.wo-output-panel pre{min-height:190px}}