*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;color:#333}.editor-statusbar{background:var(--surface);border-top:1px solid var(--border);padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary);z-index:50}.statusbar-left,.statusbar-right{display:flex;align-items:center;gap:var(--spacing-md)}.canvas-editor{display:flex;flex-direction:column;height:100vh;max-width:100%}.toolbar{background:#fff;border-bottom:1px solid #e0e0e0;padding:12px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;box-shadow:0 2px 4px #0000001a}.toolbar-group{display:flex;align-items:center;gap:8px;padding:0 12px;border-right:1px solid #e0e0e0}.toolbar-group:last-child{border-right:none}.toolbar-group label{font-size:14px;color:#666;font-weight:500}.btn{padding:8px 16px;border:1px solid #ddd;background:#fff;color:#333;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:#f8f8f8;border-color:#ccc}.btn:active{background:#e8e8e8}.btn-primary{background:#007bff;color:#fff;border-color:#007bff}.btn-primary:hover{background:#0056b3;border-color:#0056b3}.btn-danger{background:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover{background:#c82333;border-color:#c82333}.btn-success{background:#28a745;color:#fff;border-color:#28a745}.btn-success:hover{background:#218838;border-color:#218838}.btn-sm{padding:6px 12px;font-size:13px}input[type=file]{display:none}.file-input-label{padding:8px 16px;border:1px solid #ddd;background:#fff;color:#333;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-block}.file-input-label:hover{background:#f8f8f8;border-color:#ccc}.canvas-container-wrapper{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:20px;background:#f5f5f5}#canvasWrap{position:relative;box-shadow:0 4px 12px #00000026;background:#fff}.canvas-wrapper canvas{display:block}.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-display{min-width:60px;text-align:center;font-size:14px;font-weight:500;color:#666}input[type=range]{width:120px;height:4px;border-radius:2px;background:#ddd;outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#007bff;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#007bff;cursor:pointer;border:none}.checkbox-wrapper{display:flex;align-items:center;gap:6px}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-wrapper label{cursor:pointer;-webkit-user-select:none;user-select:none}select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px;cursor:pointer;outline:none}select:hover{border-color:#ccc}select:focus{border-color:#007bff}input[type=number]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;width:80px;font-size:14px;outline:none}input[type=number]:focus{border-color:#007bff}.status-bar{background:#fff;border-top:1px solid #e0e0e0;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666}.notification{position:fixed;bottom:20px;right:20px;background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-width:400px;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.notification.success{border-left:4px solid #28a745}.notification.error{border-left:4px solid #dc3545}.notification.info{border-left:4px solid #007bff}.modal{position:fixed;inset:0;display:none;justify-content:center;align-items:center;z-index:9999}.modal-overlay{position:absolute;inset:0;background:#00000080}.modal-content{position:relative;background:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px #0003;z-index:10000}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2,.modal-header h3{font-size:20px;font-weight:600;color:#333;margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:#f5f5f5;color:#333}.modal-body{margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:#333}.form-group input[type=text],.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;outline:none}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#007bff}.form-group textarea{resize:vertical;min-height:80px}.hidden{display:none!important}.snap-indicator{position:relative;display:inline-block}.snap-check{position:absolute;right:-8px;top:-8px;width:16px;height:16px;background:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}