/* Integration rules follow original tool styles; generated CSS/code is untouched. */
html body{margin:0;background:#fff;color:#172033;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.65}
body>main.container{width:min(100% - 40px,1180px)}.legacy-widget{width:100%;max-width:1180px;margin:30px auto 55px;min-width:0;isolation:isolate}.legacy-widget>*{max-width:100%;min-width:0}.legacy-widget h1{display:none}.legacy-widget h2,.legacy-widget h3{letter-spacing:normal;font-family:inherit;font-size:1.15rem;line-height:1.5;overflow-wrap:anywhere}.legacy-widget button,.legacy-widget label,.legacy-widget select,.legacy-widget input,.legacy-widget textarea{font-family:inherit;max-width:100%;min-width:0}.legacy-widget button{white-space:normal;overflow-wrap:anywhere;min-height:36px}.legacy-widget [class*=grid]>*{min-width:0}.legacy-widget pre,.legacy-widget [class*=code-block],.legacy-widget [class*=code-output]{overflow:auto;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.legacy-widget textarea{max-width:100%;resize:vertical}.legacy-widget .container{width:100%;padding:0;margin:0;max-width:100%}.legacy-widget [class*=preview]{min-width:0}.legacy-widget img,.legacy-widget canvas,.legacy-widget svg{max-width:100%}.legacy-widget input[type=color]{min-width:30px}.legacy-widget input[type=range]{min-height:24px}.legacy-widget table{max-width:100%}.legacy-widget [role=dialog]{max-width:calc(100vw - 32px)}
html:lang(ja) .legacy-widget,html:lang(ja) .legacy-widget *{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-style:normal;text-transform:none;line-height:1.75;line-break:strict;letter-spacing:normal}html:lang(ja) .legacy-widget code,html:lang(ja) .legacy-widget pre{font-family:ui-monospace,Consolas,monospace}
@media(max-width:700px){body>main.container{width:calc(100% - 32px)}.legacy-widget [class*=main-grid],.legacy-widget .cpg-grid,.legacy-widget .wg-grid{grid-template-columns:minmax(0,1fr)!important}.legacy-widget [class*=toolbar],.legacy-widget [class*=tabs],.legacy-widget [class*=controls]{flex-wrap:wrap}.legacy-widget [class*=panel]{min-width:0;max-width:100%}.legacy-widget [class*=row]{min-width:0}.legacy-widget input,.legacy-widget select{min-width:0}.legacy-widget [class*=modal]{max-width:calc(100vw - 24px)}.legacy-widget .hfg-grid{grid-template-columns:minmax(0,1fr)}.legacy-widget .htg-layout{grid-template-columns:minmax(0,1fr)}.legacy-widget .mdconv-editors{display:block}.legacy-widget [class*=table-wrap]{overflow:auto}.legacy-widget [class*=canvas]{max-width:100%}}
.gradient-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:18px 0}.gradient-controls label{margin:0}.gradient-preview{height:220px;border:1px solid #dce3ed;border-radius:14px}.gradient-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gradient-card{border:1px solid #dce3ed;border-radius:12px;padding:14px;min-width:0}.gradient-card .gradient-preview{height:115px}.gradient-card h3{margin:12px 0}.gradient-card button{font-size:.85rem}.gradient-generator{background:#f7f9fc;padding:24px;border:1px solid #dce3ed;border-radius:16px;margin-bottom:35px}.gradient-code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef2f8;padding:15px;border-radius:8px;margin:15px 0}.gradient-catalog[aria-busy=true]{opacity:.6}@keyframes wpdGradientMove{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.gradient-preview{animation:none!important}}@media(max-width:700px){.gradient-catalog{grid-template-columns:1fr}.gradient-generator{padding:18px}}
@media(max-width:700px){.legacy-widget .bsg__tip-box{width:min(180px,50vw);left:auto;right:0}.legacy-widget #preview-text{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:clamp(20px,8vw,48px)!important}.legacy-widget .gtg-preview{overflow:hidden}}