.cx{flex-direction:column;gap:14px;margin:-16px;display:flex}.cx-view{background:radial-gradient(circle at 1px 1px, #d5d3ce 1px, transparent 0) 0 0 / 22px 22px, var(--paper);place-items:center;min-height:320px;padding:16px;display:grid}.cx-stage{-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom;background:#fff;position:relative;box-shadow:0 2px 10px #262b3133}.cx-page canvas{display:block}.cx-view:has(.is-preview){background:var(--paper)}.cx-stage.is-loading .cx-page{opacity:.6}.cx-clip{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cx-shade{position:absolute;box-shadow:0 0 0 9999px #262b318c}.cx-stage:not(.is-cropped) .cx-shade{display:none}.cx-stage.is-preview .cx-shade{box-shadow:0 0 0 9999px var(--paper)}.cx-box{cursor:move;touch-action:none;outline:1px dashed var(--sig);outline-offset:-1.5px;border:1.5px solid #fff;position:absolute}.cx-box.is-none{cursor:crosshair;border-color:#0000;outline:2px dashed #df214f80}.cx-box:focus-visible{outline:2px solid var(--sig);outline-offset:1px}.cx-stage.is-preview{box-shadow:none}.cx-stage.is-preview .cx-box{cursor:default;border-color:#0000;outline:1px solid #262b3126}.cx-stage.is-preview .cx-h,.cx-stage.is-preview .cx-dims{display:none}.cx-dims{background:var(--ink);color:#fff;font:500 11.5px/1.6 var(--mono);white-space:nowrap;pointer-events:none;border-radius:8px;padding:2px 8px;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.cx-box.is-below .cx-dims{top:calc(100% + 12px);bottom:auto}.cx-box.is-flush .cx-dims{opacity:.88;bottom:10px;left:auto;right:10px;transform:none}.cx-box.is-none .cx-dims{display:none}.cx-h{border:2px solid var(--sig);touch-action:none;z-index:1;background:#fff;border-radius:3px;width:14px;height:14px;padding:0;position:absolute}.cx-h:before{content:"";position:absolute;inset:-10px}.cx-h:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.cx-h-nw{cursor:nwse-resize;top:-8px;left:-8px}.cx-h-ne{cursor:nesw-resize;top:-8px;right:-8px}.cx-h-sw{cursor:nesw-resize;bottom:-8px;left:-8px}.cx-h-se{cursor:nwse-resize;bottom:-8px;right:-8px}.cx-h-n,.cx-h-s{cursor:ns-resize;width:22px;height:10px;left:calc(50% - 11px)}.cx-h-n{top:-6px}.cx-h-s{bottom:-6px}.cx-h-e,.cx-h-w{cursor:ew-resize;width:10px;height:22px;top:calc(50% - 11px)}.cx-h-e{right:-6px}.cx-h-w{left:-6px}@media (pointer:coarse){.cx-h-nw,.cx-h-ne,.cx-h-sw,.cx-h-se{width:20px;height:20px}.cx-h-nw,.cx-h-ne{top:-11px}.cx-h-sw,.cx-h-se{bottom:-11px}.cx-h-nw,.cx-h-sw{left:-11px}.cx-h-ne,.cx-h-se{right:-11px}.cx-h-n,.cx-h-s{width:32px;height:14px;left:calc(50% - 16px)}.cx-h-n{top:-8px}.cx-h-s{bottom:-8px}.cx-h-e,.cx-h-w{width:14px;height:32px;top:calc(50% - 16px)}.cx-h-e{right:-8px}.cx-h-w{left:-8px}}.cx-strip{scrollbar-width:thin;gap:10px;margin:0;padding:4px 16px 14px;list-style:none;display:flex;overflow-x:auto}.cx-strip li{flex:none}.cx-t{background:0 0;border:1.5px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:5px;display:flex}.cx-t:hover{background:var(--white);border-color:var(--line)}.cx-strip li.is-cur .cx-t{border-color:var(--sig);background:var(--sig-soft)}.cx-tw{background:#fff;max-width:120px;height:84px;display:block;position:relative;overflow:hidden;box-shadow:0 1px 4px #262b3140}.cx-tw img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.cx-tc{border:1.5px solid var(--sig);display:none;position:absolute;box-shadow:0 0 0 999px #262b3155}.cx-strip li.is-cropped .cx-tc{display:block}.cx-tn{font:500 11.5px/1 var(--mono);color:var(--mute)}.cx-strip li.is-cur .cx-tn{color:var(--sig-ink);font-weight:700}.cx-nav{align-items:center;gap:6px;display:inline-flex}.cx-pagein{text-align:center;width:64px;min-height:34px;font-family:var(--mono);padding:4px 8px;font-size:13px}.cx-scope{margin:0}.cx-mhead{justify-content:space-between;align-items:center;gap:10px;display:flex}.cx-mhead .segs{flex:0 0 150px}.cx-mhead .segs button{min-height:30px;padding:4px 6px}.cx-mgrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cx-m{gap:4px}.cx-m .field-row{font-size:13px}.cx-pad{align-items:center;gap:8px;font-size:14px;display:flex}.cx-pad .input-num{width:80px}.cx-note{align-items:flex-start;gap:8px;margin:0;display:flex}.cx-note svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}@media (width<=560px){.cx-view{min-height:240px;padding:12px 8px}}