*{box-sizing:border-box}:root{color:#111;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;color:#111;background:#fff}button,select,input{font:inherit}.app{width:980px;min-height:100vh;padding:28px 32px 32px}.appHeader{width:916px;padding-bottom:18px;border-bottom:1px solid #111111}.brand h1,.sidePanel h2{margin:0;font-weight:520;letter-spacing:0}.brand h1{font-size:28px;line-height:1.15}.brand p,.sidePanel p{margin:7px 0 0;color:#5f5f5f;font-size:13px}.workspace{display:grid;grid-template-columns:646px 250px;gap:20px;width:916px;padding-top:20px}.canvasPanel,.sidePanel{background:#fff;border:1px solid #111111;border-radius:0}.canvasPanel{width:646px;min-height:646px;display:grid;place-items:center;padding:12px}.canvasPanel canvas{display:block;border:1px solid #d8d8d8;border-radius:0}.sidePanel{width:250px;min-height:646px;padding:14px}.controlGroup{display:grid;gap:10px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #d8d8d8}.controlGroup h2,.sidePanel>h2{font-size:14px;line-height:1.2}label{display:grid;gap:6px;font-size:12px;font-weight:560;color:#333}select,input[type=file],button{width:100%;min-height:34px;border:1px solid #111111;border-radius:0;background:#fff;color:#111}select{padding:0 9px}input[type=file]{min-height:38px;padding:7px;font-size:11px;color:#555}button{padding:0 10px;cursor:pointer;font-weight:560}button:hover:not(:disabled){background:#111;color:#fff}button:disabled{cursor:default;color:#9a9a9a;border-color:#d0d0d0;background:#fff}.buttonRow{display:grid;grid-template-columns:1fr;gap:8px}.error{width:916px;margin:14px 0 0;padding:10px 12px;border:1px solid #111111;border-radius:0;color:#111;background:#fff}.guideOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#ffffffe0}.guideDialog{width:min(520px,calc(100vw - 48px));padding:22px;border:1px solid #111111;border-radius:0;background:#fff;color:#111;box-shadow:10px 10px #111}.guideDialog h2{margin:0 0 14px;font-size:20px;line-height:1.2;font-weight:560;letter-spacing:0}.guideDialog ol{display:grid;gap:10px;margin:0 0 18px;padding-left:20px;color:#333;font-size:14px;line-height:1.5}.guideDialog button{width:auto;min-width:150px}.brushHeader{display:grid;grid-template-columns:1fr;gap:8px}.brushHeader button{min-height:30px;font-size:12px}.brushRow{display:grid;grid-template-columns:14px 52px 1fr auto;gap:7px;align-items:center;min-height:38px;border-bottom:1px solid #e5e5e5;font-size:13px}.brushRow span{width:12px;height:12px;border:1px solid #111111;border-radius:0}.brushRow strong{font-weight:560}.brushRow em{color:#5f5f5f;font-style:normal}.trashButton{width:auto;min-height:24px;padding:0 6px;font-size:11px;font-weight:560}