@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";.freeform-canvas{width:100%;min-height:100vh;position:relative;overflow:visible}.canvas-title{text-transform:uppercase;letter-spacing:3px;color:#bbb;-webkit-user-select:none;user-select:none;z-index:50;font-size:11px;position:fixed;top:16px;left:16px}.canvas-block{cursor:default;will-change:transform;background:#fff9;padding:16px}.canvas-block.dragging{opacity:.7;cursor:grabbing;z-index:999}.canvas-block.resizing{opacity:.9;z-index:999}.resize-handle{cursor:ew-resize;opacity:0;width:8px;transition:opacity .1s;position:absolute;top:0;bottom:0;right:-4px}.resize-handle:after{content:"";background:#ccc;border-radius:1px;width:2px;height:24px;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.canvas-block:hover .resize-handle{opacity:1}.resize-handle:hover:after{background:#999}.block-toolbar{opacity:0;align-items:center;gap:6px;margin-bottom:8px;transition:opacity .1s;display:flex}.canvas-block:hover .block-toolbar{opacity:1}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;color:#ccc;letter-spacing:2px;padding:2px 4px;font-size:14px}.drag-handle:hover{color:#999}.drag-handle:active{cursor:grabbing}.block-action-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #ddd;padding:2px 8px;font-size:11px}.block-action-btn:hover{color:#1a1a1a;border-color:#1a1a1a}.layer-control{align-items:center;gap:2px;display:inline-flex}.toolbar-label{color:#999;font-size:11px}.btn-ghost.danger:hover{color:#c0392b;border-color:#c0392b}.layer-label{color:#999;text-align:center;min-width:16px;font-size:11px}.block-action-btn.danger:hover{color:#c0392b;border-color:#c0392b}.block-content-link{color:inherit;text-decoration:none;display:block}.block-title{letter-spacing:-.3px;margin-bottom:8px;font-size:18px;font-weight:500}.title-editor{width:100%;color:inherit;letter-spacing:-.3px;background:0 0;border:none;border-bottom:1px solid #ddd;outline:none;margin-bottom:8px;padding:8px 0;font-family:inherit;font-size:18px;font-weight:500}.title-editor:focus{border-bottom-color:#1a1a1a}.title-editor::placeholder{color:#ccc;font-weight:400}.block-text{white-space:pre-wrap;word-break:break-word}.block-text p{margin-bottom:.8em}.block-text p:last-child{margin-bottom:0}.block-text h1,.block-text h2,.block-text h3{margin-bottom:.4em;font-weight:500}.block-text blockquote{color:#666;border-left:2px solid #ccc;margin:.8em 0;padding-left:16px}.block-text code{background:#e8e4db;padding:2px 6px;font-size:13px}.block-text pre{background:#e8e4db;margin:.8em 0;padding:12px 16px;overflow-x:auto}.block-text pre code{background:0 0;padding:0}.block-image img{max-width:100%;display:block}.text-editor{width:100%;min-height:120px;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;resize:vertical;background:0 0;border:1px solid #ddd;outline:none;padding:12px}.text-editor:focus{border-color:#1a1a1a}.editor-hint{color:#999;margin-top:4px;font-size:11px}.editor-actions{gap:8px;margin-top:8px;display:flex}.btn{color:#1a1a1a;cursor:pointer;background:0 0;border:1px solid #1a1a1a;padding:6px 16px;font-size:13px}.btn:hover{color:#f5f2eb;background:#1a1a1a}.btn-ghost{color:#999;border-color:#ddd}.btn-ghost:hover{color:#1a1a1a;background:0 0;border-color:#1a1a1a}.context-menu{z-index:1000;background:#f5f2eb;border:1px solid #1a1a1a;flex-direction:column;gap:2px;display:flex;position:absolute}.context-menu button{color:#1a1a1a;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #eee;padding:8px 20px;font-size:13px}.context-menu button:last-child{color:#999;border-bottom:none}.context-menu button:hover{color:#f5f2eb;background:#1a1a1a}.add-block-btn{color:#1a1a1a;cursor:pointer;z-index:100;background:#f5f2eb;border:1px solid #1a1a1a;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;line-height:1;display:flex;position:fixed;bottom:32px;right:32px}.add-block-btn:hover{color:#f5f2eb;background:#1a1a1a}.login-btn{color:#999;cursor:pointer;z-index:100;letter-spacing:1px;background:0 0;border:1px solid #ddd;padding:4px 12px;font-size:11px;text-decoration:none;position:fixed;top:16px;right:16px}.login-btn:hover{color:#1a1a1a;border-color:#1a1a1a}.empty-state{text-align:center;color:#ccc;pointer-events:none;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-upload-zone{text-align:center;color:#999;cursor:pointer;border:1px dashed #ccc;padding:40px;font-size:13px}.image-upload-zone:hover{color:#1a1a1a;border-color:#1a1a1a}.single-block-view{flex-direction:column;justify-content:center;max-width:720px;min-height:100vh;margin:0 auto;padding:40px 20px;display:flex}.single-block-nav{color:#999;justify-content:space-between;padding:16px 0;font-size:12px;display:flex}.single-block-nav a{border:1px solid #ddd;padding:6px 16px}.single-block-nav a:hover{color:#1a1a1a;border-color:#1a1a1a}.drawing-overlay-container{pointer-events:none;position:absolute;inset:0;overflow:visible}.drawing-overlay-container.draw-mode{pointer-events:all;cursor:crosshair;z-index:500}.drawing-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.stroke-selectable{pointer-events:stroke;cursor:pointer}.freeform-canvas.draw-active .canvas-block{pointer-events:none}.draw-mode-btn{color:#1a1a1a;cursor:pointer;z-index:100;background:#f5f2eb;border:1px solid #1a1a1a;padding:10px 16px;font-family:inherit;font-size:13px;position:fixed;bottom:32px;right:88px}.draw-mode-btn:hover{color:#f5f2eb;background:#1a1a1a}.draw-toolbar{z-index:1000;background:#f5f2eb;border:1px solid #1a1a1a;align-items:center;gap:12px;padding:8px 16px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.drawing-colors{align-items:center;gap:4px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;width:22px;height:22px;padding:0}.color-swatch.active{border-color:#1a1a1a}.drawing-sizes{align-items:center;gap:4px;display:flex}.size-btn{cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.size-btn.active{border-color:#1a1a1a}.size-dot{background:#1a1a1a;border-radius:50%;display:block}.btn:disabled{opacity:.3;cursor:default}.btn:disabled:hover{color:inherit;background:0 0}.loading{text-align:center;color:#ccc;padding:60px;font-size:13px}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#f5f2eb;height:100%;font-family:JetBrains Mono,monospace;font-size:15px;line-height:1.7}#root{min-height:100%}::selection{color:#f5f2eb;background:#1a1a1a}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}textarea,input{font-family:inherit;font-size:inherit}