.board-editor-overlay{position:fixed;inset:0;z-index:110;display:flex;flex-direction:column;background:#000000f7;animation:fadeIn .2s ease}.board-editor-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;z-index:10;flex-shrink:0}.board-editor-title{color:#fff;font-size:1rem;font-weight:500;opacity:.8}.board-editor-canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:0 2rem}.board-editor-canvas{width:100%;height:100%;position:relative}.board-editor-canvas .tui-image-editor-canvas-container{margin:0 auto}.board-editor-canvas canvas{display:block}.board-editor-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#ffffffb3;font-size:.875rem;z-index:5}@keyframes editorSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.board-editor-spinner{animation:editorSpin 1.2s linear infinite}.board-editor-original{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.board-editor-original img{max-width:100%;max-height:calc(100vh - 160px);object-fit:contain;border-radius:.5rem}.board-editor-original-badge{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.375rem 1rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.board-editor-toolbar{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.75rem 1.5rem;background:#ffffff0f;backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;flex-wrap:wrap;z-index:10}.board-editor-toolbar-group{display:flex;align-items:center;gap:.25rem}.board-editor-separator{width:1px;height:24px;background:#ffffff26;margin:0 .375rem}.board-editor-tool{display:flex;align-items:center;justify-content:center;gap:.375rem;min-width:36px;height:36px;padding:0 .5rem;background:#ffffff14;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:.5rem;color:#ffffffd9;cursor:pointer;transition:all .15s ease;font-size:.75rem;font-weight:500;white-space:nowrap}.board-editor-tool:hover:not(:disabled){background:#ffffff29;border-color:#ffffff40}.board-editor-tool:disabled{opacity:.3;cursor:not-allowed}.board-editor-tool.active{background:#ffffff38;border-color:#ffffff59;color:#fff;box-shadow:0 0 12px #ffffff1a}.board-editor-tool-confirm{color:#4ade80;border-color:#4ade804d}.board-editor-tool-confirm:hover:not(:disabled){background:#4ade8026;border-color:#4ade8080}.board-editor-tool-cancel{color:#f87171;border-color:#f871714d}.board-editor-tool-cancel:hover:not(:disabled){background:#f8717126;border-color:#f8717180}.board-editor-save{background:#4ade8026;border-color:#4ade804d;color:#4ade80;padding:0 .75rem}.board-editor-save:hover:not(:disabled){background:#4ade8040;border-color:#4ade8080}.board-editor-save:disabled{color:#ffffff4d;border-color:#ffffff1a;background:#ffffff0a}.board-editor-close{color:#fff9}.board-editor-close:hover:not(:disabled){color:#f87171;border-color:#f871714d;background:#f871711a}.board-editor-tool-wrapper{position:relative}.board-editor-popover{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background:#1e1e1ef2;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:.75rem;padding:.75rem;min-width:200px;animation:slideUp .15s ease;z-index:20;box-shadow:0 8px 32px #00000080}.board-editor-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem;margin-bottom:.625rem}.board-editor-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.board-editor-swatch:hover{transform:scale(1.15)}.board-editor-swatch.selected{border-color:#fff;box-shadow:0 0 8px #ffffff4d}.board-editor-slider-row{display:flex;align-items:center;gap:.5rem}.board-editor-slider-label{color:#fff9;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.board-editor-slider{flex:1;appearance:none;height:4px;background:#fff3;border-radius:2px;outline:none}.board-editor-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.board-editor-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer}.board-editor-slider-value{color:#fffc;font-size:.7rem;font-weight:600;min-width:2rem;text-align:right}.board-editor-shape-buttons{display:flex;gap:.375rem;margin-bottom:.625rem}.board-editor-shape-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;color:#ffffffd9;cursor:pointer;transition:all .15s ease}.board-editor-shape-btn:hover{background:#ffffff29;border-color:#ffffff40}@media (max-width: 768px){.board-editor-toolbar{padding:.5rem .75rem;gap:.125rem}.board-editor-separator{height:20px;margin:0 .25rem}.board-editor-tool{min-width:32px;height:32px;padding:0 .375rem}.board-editor-save span{display:none}.board-editor-canvas-wrapper{padding:0 .5rem}.board-editor-popover{min-width:180px}}@media (max-width: 480px){.board-editor-toolbar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.board-editor-toolbar::-webkit-scrollbar{display:none}}