.clip-editor{box-sizing:border-box;width:100vw;max-width:none;height:100vh;max-height:none;border:0;border-radius:0;background:#0d0d12;color:#fff;padding:clamp(18px,3vw,42px)}.clip-editor::backdrop{background:#030308}.clip-editor-head h2{margin:4px 0 7px}.clip-editor-head p{margin:0}.clip-editor-grid{height:calc(100vh - 165px);display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.65fr);gap:24px;margin-top:20px}.clip-preview{position:relative;align-self:center;line-height:1}.clip-editor canvas{display:block;width:100%;max-height:100%;aspect-ratio:16/9;background:#08080d;border:1px solid #383844;border-radius:12px}.clip-text-box{position:absolute;z-index:2;display:grid;gap:5px;min-width:120px;padding:10px 12px;border:2px dashed #ff4656;background:#0b0b0b55;color:#fff;cursor:move;line-height:1.05;user-select:none;touch-action:none}.clip-text-box.dragging{border-style:solid;box-shadow:0 0 0 3px #ff465644}.clip-text-box b{font-size:1em;font-weight:900;white-space:nowrap}.clip-text-box small{font-size:.42em;color:#ded9e8;white-space:nowrap}.clip-controls{display:grid;align-content:start;gap:14px;overflow:auto;padding-right:4px}.clip-controls label{display:grid;gap:6px;color:#d6d1df;font-size:13px;font-weight:700}.clip-controls input,.clip-controls select{width:100%;box-sizing:border-box}.clip-controls small{line-height:1.45}.secondary{background:#292334!important;border:1px solid #7e4eae!important}.secondary:hover{filter:brightness(1.15)}@media(max-width:750px){.clip-editor{padding:18px 15px;overflow:auto}.clip-editor-grid{height:auto;grid-template-columns:1fr}.clip-editor canvas{border-radius:9px}.clip-controls{overflow:visible}}