.ws-page{color:#111;background:#0b3d91;min-height:100vh;padding:16px}.ws-box{background:#fff;border:2px solid #0b3d91;border-radius:10px;padding:12px}.ws-title{margin:0 0 4px;font-size:22px;font-weight:800}.ws-hint{color:#333;margin:0 0 10px;font-size:13px}.ws-layout{grid-template-columns:1fr 320px;align-items:start;gap:12px;display:grid}@media (width<=900px){.ws-layout{grid-template-columns:1fr}}.ws-toolbar{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.ws-btn{color:#111;cursor:pointer;background:#ffd400;border:2px solid #b89a00;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700}.ws-btn:disabled{opacity:.5;cursor:not-allowed}.ws-btn.secondary{color:#0b3d91;background:#fff;border-color:#0b3d91}.ws-btn.danger{color:#fff;background:#d62828;border-color:#8f1b1b}.ws-btn.active{outline:3px solid #0b3d91}.ws-canvas-wrap{background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 0 0 / 20px 20px;touch-action:none;border:2px dashed #0b3d91;border-radius:6px;max-width:100%;display:inline-block;position:relative;overflow:hidden}.ws-canvas-wrap img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%;display:block}.ws-region{cursor:move;color:#0b3d91;background:#0b3d911f;border:2px solid #0b3d91;border-radius:4px;font-size:11px;font-weight:700;position:absolute;overflow:hidden}.ws-region.selected{color:#d62828;z-index:5;background:#d628281f;border-color:#d62828}.ws-region .ws-region-label{pointer-events:none;background:#ffffffd9;border-bottom-right-radius:4px;padding:0 4px;position:absolute;top:0;left:0}.ws-region .ws-resize{cursor:nwse-resize;background:#ffd400;border:2px solid #0b3d91;border-radius:4px 0 0;width:14px;height:14px;position:absolute;bottom:0;right:0}.ws-grid-on .ws-canvas-wrap{background-image:repeating-conic-gradient(#eee 0 25%, #fff 0 50%), linear-gradient(#0b3d9126 1px, transparent 1px), linear-gradient(90deg, #0b3d9126 1px, transparent 1px);background-size:20px 20px,40px 40px,40px 40px}.ws-field{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.ws-field input,.ws-field select,.ws-field textarea{color:#111;background:#fff;border:2px solid #0b3d91;border-radius:6px;width:100%;margin-top:2px;padding:6px;font-size:13px;font-weight:400;display:block}.ws-region-list{flex-direction:column;gap:4px;max-height:220px;margin-bottom:10px;display:flex;overflow:auto}.ws-region-item{cursor:pointer;background:#fff;border:2px solid #0b3d91;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:flex}.ws-region-item.selected{border-color:#d62828}.ws-problems{background:#fff3cd;border:2px solid #b89a00;border-radius:8px;margin-top:8px;padding:8px;font-size:13px}.ws-problems li{margin-left:16px}.ws-preview-stage{max-width:100%;display:inline-block;position:relative}.ws-preview-region{justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.ws-device-switch{gap:4px;margin-left:8px;display:inline-flex}.ws-layout-3{grid-template-columns:240px 1fr 320px}@media (width<=1100px){.ws-layout-3{grid-template-columns:1fr}}.ws-tabs{gap:4px;margin-bottom:8px;display:flex}.ws-tabs .ws-btn{flex:1;padding:4px 6px;font-size:12px}.ws-thumbs{grid-template-columns:1fr 1fr;gap:6px;max-height:70vh;display:grid;overflow:auto}.ws-thumb{background:#fff;border:2px solid #d6dbe6;border-radius:8px;margin:0;overflow:hidden}.ws-thumb.active{border-color:#0b3d91}.ws-thumb.finished{grid-column:1/-1}.ws-thumb>button{background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 0 0 / 12px 12px;cursor:pointer;border:0;width:100%;padding:0;display:block}.ws-thumb img{object-fit:contain;width:100%;height:90px;display:block}.ws-thumb figcaption{color:#111;justify-content:space-between;gap:4px;padding:4px;font-size:11px;display:flex}.ws-thumb figcaption>button{cursor:pointer;color:#b00020;background:0 0;border:0}.ws-thumb figcaption .ws-btn{padding:2px 6px;font-size:11px}.ws-queue{color:#111;margin:0 0 6px;padding:0;font-size:11px;list-style:none}.ws-q-error{color:#b00020}.ws-q-done{color:#146c2e}