.co-overlay{position:fixed;inset:0;z-index:1200;background:#000b;backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;color:#eee}.co-dialog{width:min(1080px,100%);height:min(720px,92vh);display:flex;flex-direction:column;background:#202020;border:1px solid #383838;border-radius:24px;box-shadow:0 24px 100px #0008;overflow:hidden}.co-dialog header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid #333}.co-dialog h2{margin:0;font-size:20px}.co-dialog p{font-size:12px;color:#aaa;line-height:1.6;margin:6px 0 0}.co-dialog button{cursor:pointer;color:inherit;font:inherit}.co-dialog button:disabled{opacity:.35;cursor:default}.co-dialog button:focus-visible,.co-dialog select:focus-visible{outline:2px solid #b9a1f1;outline-offset:3px}.co-dialog header>button{background:#303030;border:0;border-radius:50%;width:32px;height:32px;font-size:22px}.co-content{display:grid;grid-template-columns:310px 1fr;min-height:0;flex:1}.co-content aside{overflow:auto;padding:18px 20px;border-right:1px solid #333}.co-content h3{font-size:12px;color:#aaa;font-weight:500;margin:0 0 12px}.co-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;max-height:260px;overflow:auto}.co-sources button{position:relative;background:#111;border:1px solid #444;border-radius:9px;padding:3px;height:96px;overflow:hidden}.co-sources img{width:100%;height:100%;object-fit:contain}.co-sources button[aria-pressed=true]{border:2px solid #d2baff;padding:2px}.co-sources span:not(:empty){position:absolute;right:4px;top:4px;display:grid;place-items:center;background:#d2baff;color:#211733;border-radius:50%;width:20px;height:20px;font-size:11px}.co-order{list-style:none;padding:0;margin:0 0 20px}.co-order li{display:flex;align-items:center;gap:5px;border-bottom:1px solid #333;padding:8px 0}.co-order span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.co-order button{background:#303030;border:0;border-radius:5px;width:25px;height:25px}.co-settings{display:grid;gap:12px}.co-settings label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#bbb}.co-settings select{width:150px;background:#303030;color:#eee;border:1px solid #444;border-radius:8px;padding:9px;font:inherit}.co-content main{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#171717}.co-preview{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;flex:1}.co-preview canvas{max-width:100%;max-height:100%;object-fit:contain;background:repeating-conic-gradient(#303030 0 25%,#242424 0 50%) 0/16px 16px}.co-preview [hidden]{display:none}.co-size{text-align:center}.co-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid #333}.co-dialog footer p{margin:0}.co-dialog footer button{white-space:nowrap}.co-dialog footer .btn.light{color:#171717}@media(max-width:700px){.co-overlay{padding:10px}.co-dialog{height:96vh;border-radius:18px}.co-dialog header{padding:14px 16px}.co-content{display:flex;flex-direction:column-reverse;overflow:auto}.co-content aside{overflow:visible;border-right:0;padding:16px}.co-content main{flex:none;height:250px;padding:16px}.co-sources{grid-template-columns:repeat(4,1fr);max-height:210px}.co-settings{grid-template-columns:1fr}.co-dialog footer{padding:12px 16px}.co-dialog footer p{max-width:55%}}

.co-content main{min-height:0}.co-preview{position:relative;overflow:hidden}.co-preview canvas{position:absolute;inset:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%}

@media(max-width:700px){.co-content{flex-direction:column}.co-content main{order:-1;flex:0 0 250px}.co-content aside{flex:none}}