@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color:#282b34;font-synthesis:none;background:#faf9f7;font-family:DM Sans,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #6572e8}.app{max-width:1240px;margin:0 auto;padding:0 32px}header{border-bottom:1px solid #e3e2e6;align-items:center;gap:24px;height:84px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:25px;font-weight:700;display:flex}.brand-icon{color:#6572da;font-size:32px}.tag{letter-spacing:1.4px;color:#8b8b99;border-left:1px solid #dcdce2;padding-left:24px;font:10px IBM Plex Mono,monospace}.connection{color:#787b86;align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.connection i{background:#a3a7b0;border-radius:50%;width:6px;height:6px}.connection i.online{background:#62a38d}.intro{padding:32px 0 27px}.intro h1{letter-spacing:-.65px;margin:0 0 8px;font-size:25px;font-weight:600}.intro p{color:#858592;margin:0;font-size:14px}.workbench{grid-template-columns:1fr 1.22fr;align-items:start;gap:22px;display:grid}.panel{background:#fff;border:1px solid #dcdee5;border-radius:9px;overflow:hidden}.config{padding:24px}.panel-title{border-bottom:1px solid #edecf0;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:17px;display:flex}.panel-title h2{margin:0;font-size:15px;font-weight:600}.panel-title>span{color:#a3a4ad;font:11px IBM Plex Mono,monospace}label{margin:0 0 9px;font-size:12px;font-weight:600;display:block}label>span{color:#999ba6;margin-left:5px;font-weight:400}input:not([type=range]):not([type=checkbox]):not([type=file]),select,textarea{color:#363946;background:#fbfbfc;border:1px solid #dcdee6;border-radius:5px;outline:none;width:100%;padding:10px 11px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px #eef0ff;border-color:#888fde!important}textarea{resize:vertical;min-height:107px;font-size:13px;line-height:1.65}select{height:39px;padding-right:22px}input[type=number]{height:39px}button{color:#525667;background:#fff;border:1px solid #dcdee6;border-radius:5px;padding:8px 11px;transition:background .15s,border-color .15s}button:hover:enabled{background:#f2f3fa;border-color:#b1b5d5}.examples{flex-wrap:wrap;gap:6px;margin:10px 0 25px;display:flex}.examples button{color:#86899c;background:#f9f9fc;border-color:#e9e9ef;padding:5px 9px;font-size:11px}.upload{background:#fcfcfe;border:1px dashed #d1d4e0;border-radius:6px;min-height:114px;margin-bottom:24px;position:relative}.upload input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.upload-label{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:114px;margin:0;display:flex}.upload-plus{line-height:22px;color:#8589a4!important;font-size:23px!important;font-weight:400!important}.upload-label strong{color:#71758a;font-size:12px;font-weight:400}.upload small{color:#a0a3b3;font-size:10px;font-weight:400}.has-image{align-items:center;gap:15px;padding:12px;display:flex}.has-image img{object-fit:contain;width:76px;height:76px;image-rendering:pixelated;background:#fff;border-radius:3px}.has-image>div{flex-direction:column;align-items:start;gap:7px;display:flex;overflow:hidden}.has-image strong{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:12px;overflow:hidden}.text-button{color:#6b72bb;background:0 0;border:0;border-radius:0;padding:0;font-size:11px}.text-button:hover:enabled{background:0 0;text-decoration:underline}.fields{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.fields>div{min-width:0}.with-unit{position:relative}.with-unit input{padding-right:34px!important}.with-unit span{color:#999daa;pointer-events:none;font-size:10px;position:absolute;top:12px;right:11px}.presets{flex-wrap:wrap;gap:5px;margin:10px 0 24px;display:flex}.presets button{color:#8f94a4;background:#fdfdfe;border-color:#e8e9ef;padding:5px 7px;font:9px IBM Plex Mono,monospace}.selected{color:#565fc2!important;background:#f0f1ff!important;border-color:#b8bcee!important}details{border-top:1px solid #eeedf1;margin-top:23px;padding-top:17px}summary{color:#858997;cursor:pointer;font-size:11px}.advanced{padding-top:18px}.advanced input,.advanced select{margin-bottom:15px}.help{color:#9699a8;margin:0;font-size:11px;line-height:1.6}.model-info{color:#9a9ba6;justify-content:space-between;gap:10px;margin:25px 0 15px;font-size:10px;display:flex}.model-info code{color:#858899;word-break:break-all;font:9px IBM Plex Mono,monospace}.primary{color:#fff;background:#6670cb;border-color:#6670cb}.primary:hover:enabled{color:#fff;background:#5963bf;border-color:#5963bf}.generate{justify-content:center;align-items:center;gap:12px;width:100%;height:42px;font-size:12px;font-weight:600;display:flex}.generate>span:last-child{font-size:16px}.micro{color:#a0a4b3;text-align:center;margin:13px 0 0;font-size:9px}.progress{color:#8c91a0;justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.spinner{border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.output{min-height:698px;padding:24px}.output-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.output-heading h3{margin:0 0 6px;font-size:14px;font-weight:500}.output-heading>div>span{color:#9a9dac;font:10px IBM Plex Mono,monospace}.background-toggle{gap:4px;display:flex}.background-toggle button{color:#9ba0af;padding:4px 7px;font-size:13px}.preview{background-color:#f4f5f8;background-image:linear-gradient(45deg,#eaecef 25%,#0000 25%),linear-gradient(-45deg,#eaecef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eaecef 75%),linear-gradient(-45deg,#0000 75%,#eaecef 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:1px solid #e2e4ea;border-radius:5px;justify-content:center;align-items:center;height:351px;display:flex;position:relative;overflow:hidden}.preview.dark{background-color:#252c3d;background-image:linear-gradient(45deg,#202738 25%,#0000 25%),linear-gradient(-45deg,#202738 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#202738 75%),linear-gradient(-45deg,#0000 75%,#202738 75%)}.preview canvas{image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain;z-index:1;max-width:95%;height:auto;max-height:320px;position:relative}.canvas-label{letter-spacing:1.2px;color:#a3a7b4;font:8px IBM Plex Mono,monospace;position:absolute;bottom:12px;left:12px}.placeholder{text-align:center;color:#8f95a8;flex-direction:column;align-items:center;gap:12px;display:flex}.placeholder>span{color:#b9bdd0;font-size:43px}.placeholder strong{font-size:13px;font-weight:500}.placeholder p{margin:0;font-size:11px}.clips{flex-wrap:wrap;gap:7px;min-height:37px;margin:16px 0 8px;display:flex}.clips button{padding:7px 10px;font-size:11px}.clips small{opacity:.65;margin-left:6px;font:9px IBM Plex Mono,monospace}.timeline{align-items:center;gap:12px;margin-top:11px;display:flex}.timeline>button{width:30px;height:28px;padding:5px 9px;font-size:10px}.timeline>input{accent-color:#7d84c9;flex:1;min-width:30px;height:3px}.timeline>span{color:#989db0;white-space:nowrap;font:9px IBM Plex Mono,monospace}.timeline label{color:#8b91a3;align-items:center;gap:4px;margin:0;font-size:10px;font-weight:400;display:flex}.timeline label input{accent-color:#7d84c9;width:12px;height:12px;margin:0}.swatches{flex-wrap:wrap;gap:4px;min-height:15px;margin:22px 0;display:flex}.swatches span{border-radius:3px;width:15px;height:15px;box-shadow:inset 0 0 0 1px #00000015}.downloads{flex-wrap:wrap;gap:8px;display:flex}.downloads button{padding:10px 12px;font-size:11px}.downloads small{opacity:.65;margin-left:6px;font-size:9px}.downloads button:first-child{color:#686fbe;background:#f4f5ff;border-color:#ccd0f0}.downloads button:last-child{margin-left:auto}.stats{color:#9a9fb0;gap:13px;margin-top:17px;font-size:10px;display:flex}.stats span+span:before{content:"·";margin-right:13px}.output-links{border-top:1px solid #eeeef3;flex-wrap:wrap;gap:18px;margin-top:19px;padding-top:16px;display:flex}.reference-notes{color:#8c91a0;margin:18px 0 0;font-size:11px;line-height:1.7}.reference-notes b{color:#6b7183;font-weight:500}.warning{color:#a58248;margin:10px 0 0;font-size:11px;line-height:1.6}.message{overflow-wrap:anywhere;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;padding:12px 16px;font-size:12px;display:flex}.message.error{color:#af6153;background:#fff2ef;border:1px solid #f1d4cd}.message.success{color:#65917a;background:#f0f6f2;border:1px solid #d4e7db}.gallery{margin:40px 0}.gallery-heading{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.gallery-heading h2{margin:0 0 6px;font-size:16px;font-weight:600}.gallery-heading h2 span{color:#9fa4b0;margin-left:10px;font:400 10px IBM Plex Mono,monospace}.gallery-heading p{color:#a0a3af;margin:0;font-size:11px}.history-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.history-card{text-align:left;background:#fff;border-color:#e2e3e9;border-radius:7px;min-width:0;padding:0 0 14px;overflow:hidden}.history-card.active{border-color:#949cda;box-shadow:0 0 0 2px #e9ebfc}.history-image{background:#f0f1f5;justify-content:center;align-items:center;height:132px;margin-bottom:13px;display:flex;position:relative}.history-image img{object-fit:contain;width:90px;height:90px;image-rendering:pixelated}.history-image>span{color:#949aae;font:8px IBM Plex Mono,monospace;position:absolute;bottom:8px;right:8px}.history-card>strong{white-space:nowrap;text-overflow:ellipsis;margin:0 12px 6px;font-size:11px;font-weight:500;display:block;overflow:hidden}.history-card>small{color:#a1a6b5;margin:0 12px;font:9px IBM Plex Mono,monospace;display:block}.empty-history{text-align:center;color:#a1a7b5;border:1px dashed #dce0e9;border-radius:6px;padding:30px;font-size:12px}.load-more{margin:24px auto;font-size:11px;display:block}footer{color:#a5a8b4;border-top:1px solid #e1e3e9;justify-content:space-between;gap:20px;padding:21px 0 30px;font:9px IBM Plex Mono,monospace;display:flex}@media (min-width:1450px){.app{max-width:1310px;padding:0 48px}.preview{height:380px}}@media (max-width:1000px){.app{padding:0 22px}.workbench{grid-template-columns:1fr 1.08fr;gap:16px}.panel{padding:19px}.history-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.model-info{flex-direction:column;gap:6px}.downloads button{padding:9px}.tag{display:none}.fields{gap:8px}}@media (max-width:760px){.app{padding:0 16px}header{height:69px}.brand{font-size:23px}.connection{font-size:10px}.intro{padding:24px 0}.intro h1{font-size:21px}.intro p{font-size:12px;line-height:1.6}.workbench{grid-template-columns:1fr}.panel{padding:20px}.output{min-height:0}.preview{height:340px}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.history-image{height:110px}.history-image img{width:80px;height:80px}.gallery-heading p{max-width:250px;line-height:1.6}.downloads button{font-size:10px}.model-info{flex-direction:row}.micro{font-size:8px}footer{flex-direction:column;gap:9px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}button{transition:none}}