.cq-host{width:100%;min-width:0}.cq-window{position:relative;inset:auto;display:flex;flex-direction:column;width:100%;max-width:none;margin:0;padding:0;border:1px solid var(--border,#e1e4eb);border-radius:20px;background:#fff;color:var(--text,#242b3d);overflow:hidden;box-sizing:border-box}.cq-window::backdrop{background:rgb(15 20 35/.4)}.cq-footer,.cq-header{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 16px;background:#fff}.cq-header{border-bottom:1px solid #e9ebf1}.cq-header strong{font-size:14px}.cq-header button{display:flex;align-items:center;gap:7px}.cq-body{display:grid;grid-template-columns:minmax(0,1fr) 336px;min-height:0;height:640px}.cq-preview{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;min-height:0;overflow:auto;background:#fff;padding:16px;border-right:1px solid #e9ebf1}.cq-art,.cq-preview>img{object-fit:contain}.cq-art,.cq-preview video,.cq-preview>img{display:block;max-width:100%;max-height:100%}.cq-settings{min-width:0;min-height:0;overflow:auto;overscroll-behavior:auto;padding:18px;display:flex;flex-direction:column;gap:16px;background:#fff}.cq-form label,.cq-settings label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;min-width:0}.cq-form :is(input,textarea,select),.cq-window :is(input:not([type=range]):not([type=checkbox]),textarea,select){width:100%;min-width:0;box-sizing:border-box;border:1px solid #dce0e9;border-radius:10px;background:#fff;color:#293247;padding:11px;font:inherit;font-size:16px}.cq-window textarea{resize:vertical;min-height:90px;line-height:1.5}.cq-actions a,.cq-actions button,.cq-window :is(button,a.cq-primary){min-height:44px;border-radius:10px;padding:9px 13px;border:1px solid #dce0e9;background:#fff;color:inherit;font:inherit;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.cq-window button:disabled{opacity:.45;cursor:not-allowed}.cq-actions .cq-primary,.cq-window .cq-primary{background:var(--accent,#6556b0);color:#fff;border-color:transparent}.cq-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cq-range>span{display:flex;justify-content:space-between;gap:10px}.cq-range input{width:100%;min-height:28px;accent-color:var(--accent,#6556b0)}.cq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cq-note{font-size:12px;line-height:1.5;color:#687285;margin:0}.cq-error{color:#a22e3b;font-size:13px;line-height:1.5}.cq-status{font-size:13px;color:var(--accent,#6556b0)}.cq-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cq-palette button{display:flex;flex-direction:column;font-size:10px;padding:9px 5px}.cq-palette button[aria-pressed=true]{outline:2px solid var(--accent,#6556b0);outline-offset:1px}.cq-swatches{display:flex;gap:3px}.cq-swatches i{width:16px;height:16px;border-radius:50%;display:block}.cq-upload{display:flex;flex-direction:column;gap:8px}.cq-upload input[type=file]{font-size:12px;max-width:100%}.cq-asset{border:1px solid #e4e6ee;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:9px}.cq-tabs{display:flex;gap:5px;flex-wrap:wrap}.cq-tabs button[aria-pressed=true]{color:var(--accent,#6556b0);border-color:currentColor}.cq-checker{background-image:conic-gradient(#e9ebf0 25%,#fff 0 50%,#e9ebf0 0 75%,#fff 0);background-size:20px 20px;width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.cq-checker img{width:100%;max-height:100%;object-fit:contain}.cq-empty{max-width:350px;text-align:center;flex-direction:column;gap:14px;line-height:1.5}.cq-empty,.cq-stage{display:flex;align-items:center}.cq-stage{position:relative;width:100%;height:100%;min-height:0;justify-content:center}.cq-stage video{width:100%;height:100%;object-fit:contain}.cq-stage svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.cq-chapters{display:flex;flex-direction:column;gap:9px}.cq-chapter{display:grid;grid-template-columns:80px minmax(0,1fr) 44px;gap:5px;align-items:center}.cq-chapter input{padding:8px!important;font-size:14px!important}.cq-record{width:100%;height:100%;position:relative;overflow:hidden}.cq-record video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cq-script{position:absolute;inset:0;overflow:auto;padding:20% 8%;scrollbar-width:thin;white-space:pre-wrap;line-height:1.6;font-weight:600;color:#273149;background:#fff}.cq-record:has(video) .cq-script{background:linear-gradient(transparent,rgba(0,0,0,.5));color:white;text-shadow:0 1px 3px #000}.cq-record-indicator{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:10px;background:white;color:#b32b39;font-size:12px;font-weight:700;z-index:2}.cq-expanded{position:fixed;inset:12px;width:calc(100% - 24px);height:calc(100dvh - 24px);max-height:none;margin:0}.cq-expanded .cq-body{height:auto;flex:1}.cq-window button:focus-visible,.cq-window input:focus-visible,.cq-window select:focus-visible,.cq-window textarea:focus-visible{outline:2px solid var(--accent,#6556b0);outline-offset:2px}.cq-issues{margin:0;padding-left:18px;font-size:12px;line-height:1.6;color:#9b4b1f}@media(max-width:760px){.cq-window{border-radius:14px}.cq-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,.85fr);height:690px}.cq-preview{border-right:0;border-bottom:1px solid #e9ebf1;padding:10px}.cq-settings{padding:14px;gap:14px}.cq-footer,.cq-header{padding:9px 12px}.cq-expanded{inset:0;width:100%;height:100dvh;border-radius:0}.cq-expanded .cq-body{grid-template-rows:minmax(0,1fr) minmax(180px,.7fr)}.cq-footer{align-items:flex-start;flex-direction:column}.cq-header strong{max-width:68%}.cq-palette{grid-template-columns:repeat(3,1fr)}}.cq-body>.options-scroll-shell{min-height:0;min-width:0;overflow:hidden}.cq-body>.options-scroll-shell>.cq-settings{height:100%;box-sizing:border-box;padding-bottom:40px}.cq-asset>video,.cq-settings>video{max-width:100%;border-radius:9px}.cq-settings>label:has(input[type=checkbox]){display:flex;flex-direction:row}.cq-record .cq-script{overflow-y:auto}