.wk-page{--wk-accent:#225ecb}.wk-page *{box-sizing:border-box}.wk-page .ed-workspace{min-width:0}.wk-drop{display:flex;align-items:center;flex-direction:column;gap:12px;padding:32px 20px;border:2px dashed #bdcde3;border-radius:18px;background:#f7faff;text-align:center;margin-bottom:24px;transition:background .2s,border-color .2s}.wk-drop.is-over{background:#e8f0ff;border-color:var(--wk-accent)}.wk-upload-symbol{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:28px;color:var(--wk-accent);background:#e5edfc}.wk-drop>span{overflow-wrap:anywhere}.wk-drop>span:not(.wk-upload-symbol){font-size:13px;color:#516680}.wk-page textarea{width:100%;resize:vertical;min-height:130px;border:1px solid #bbc9da;border-radius:12px;padding:14px;font:14px/1.7 ui-monospace,monospace}.wk-wide{grid-column:1/-1}.wk-preview{text-align:center;margin:22px 0;padding:16px;border-radius:16px;background:repeating-conic-gradient(#e5eaf0 0% 25%,#fff 0% 50%) 0/20px 20px;overflow:hidden}.wk-preview canvas{display:block;max-width:100%;max-height:460px;height:auto;margin:auto;object-fit:contain}.wk-preview canvas:focus-visible{outline:3px solid #225ecb}.wk-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;padding:0;list-style:none}.wk-pages li{padding:18px;border:1px solid #d5dfeb;border-radius:14px;background:#f8faff}.wk-pages strong{display:block;margin-bottom:12px}.wk-pages button{margin:3px;padding:7px 10px;border-radius:8px;border:1px solid #becbdd;background:white;color:#193353}.wk-param{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin:10px 0}.wk-param input{width:100%;min-width:0;border:1px solid #bdcadb;border-radius:9px;padding:11px}.wk-param button{border:1px solid #bdcadb;border-radius:9px;background:#fff}.wk-palette{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.wk-swatch{display:flex;align-items:center;gap:8px;border:1px solid #c6d2e3;border-radius:10px;background:#fff;padding:10px}.wk-swatch span{display:block;width:24px;height:24px;border-radius:6px;border:1px solid #8597ad}.wk-page [hidden]{display:none!important}.wk-page :focus-visible{outline:3px solid #8ab1ef;outline-offset:3px}@media(max-width:520px){.wk-param{grid-template-columns:1fr 1fr}.wk-param button{grid-column:1/-1;padding:9px}.wk-drop{padding:24px 12px}.wk-page .ed-fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.wk-page *{transition:none!important}}
