:root{--font:'Manrope','Segoe UI',sans-serif;--ink:#0f172a;--muted:#64748b;--line:#dbe4ef;--surface:#ffffff;--accent:#0f766e}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);background:linear-gradient(180deg,#f8fbfa,#edf3f8)}.wb-page{max-width:1220px;margin:0 auto;padding:18px}.wb-header h1{margin:0;font-size:clamp(1.25rem, 2.4vw, 1.9rem);letter-spacing:-.02em}.wb-header p{margin:6px 0 12px;color:var(--muted)}.wb-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.wb-field{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px;font-size:.85rem;color:#334155}.wb-field input[type=color],.wb-field input[type=range],.wb-field select{font:inherit}.wb-field input[type=color]{width:28px;height:28px;border:0;background:0 0;padding:0}.wb-btn,.wb-upload-btn{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#fff;font:inherit;font-size:.9rem;font-weight:700;color:var(--ink);cursor:pointer}.wb-text-input{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:9px 12px;min-width:220px;font:inherit;font-size:.9rem}.wb-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.wb-hidden{display:none}.wb-stage{position:relative;border:1px solid var(--line);border-radius:14px;background:#fff;min-height:68vh;box-shadow:0 14px 28px rgba(15,23,42,.06);overflow:hidden}#boardCanvas,.wb-image-layer,.wb-shape-layer,.wb-text-layer{position:absolute;inset:0}#boardCanvas{width:100%;height:100%;display:block;z-index:1}.wb-image-layer{z-index:2;pointer-events:none}.wb-shape-layer{z-index:3;pointer-events:none}.wb-text-layer{z-index:4;pointer-events:none}.wb-image-item{position:absolute;border:1px solid #93c5fd;border-radius:8px;box-shadow:0 10px 24px rgba(15,23,42,.18);cursor:move;user-select:none;pointer-events:auto;background:#fff}.wb-image-item img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}.wb-image-resize{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border-radius:50%;background:#2563eb;border:2px solid #fff;cursor:nwse-resize}.wb-shape-item{position:absolute;border:1px dashed #94a3b8;border-radius:8px;background:rgba(255,255,255,.25);cursor:move;user-select:none;pointer-events:auto}.wb-shape-item svg{display:block;width:100%;height:100%}.wb-shape-resize{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border-radius:50%;background:#0f766e;border:2px solid #fff;cursor:nwse-resize}.wb-text-item{position:absolute;min-width:48px;padding:2px 4px;border:1px dashed #60a5fa;border-radius:6px;cursor:move;background:rgba(255,255,255,.55);backdrop-filter:blur(1px);pointer-events:auto;user-select:text;white-space:pre-wrap}.wb-text-item:focus{outline:0;border-color:#2563eb;background:rgba(255,255,255,.75)}.wb-hint{margin:10px 2px 0;color:#64748b;font-size:.82rem}@media (max-width:840px){.wb-page{padding:12px}.wb-stage{min-height:62vh}.wb-text-input{min-width:160px}}