#root,body,html{height:100%;margin:0;overflow:hidden;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f4;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:Open Sans,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App,button,input,select,textarea{font-family:Open Sans,Arial,sans-serif}.App{background-color:#f0f2f5;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.app-header{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d;flex-shrink:0;padding:12px 20px;text-align:left}.app-title-container{align-items:baseline;display:flex;gap:8px;margin-bottom:4px}.app-title{color:#1f2937;font-family:Open Sans,Arial,sans-serif;font-size:1.6em;font-weight:700;letter-spacing:-.025em;margin:0}.app-subtitle{font-size:1em;font-weight:400}.app-slogan,.app-subtitle{color:#6b7280;font-family:Open Sans,Arial,sans-serif}.app-slogan{font-size:.85em;line-height:1.4;margin:0}.app-slogan a{color:#3b82f6;font-weight:600;text-decoration:none;transition:color .2s ease-in-out,-webkit-text-decoration .2s ease-in-out;transition:color .2s ease-in-out,text-decoration .2s ease-in-out;transition:color .2s ease-in-out,text-decoration .2s ease-in-out,-webkit-text-decoration .2s ease-in-out}.app-slogan a:hover{color:#2563eb;text-decoration:underline}.app-slogan a:active{color:#1d4ed8}.main-content-wrapper{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.sticky-note-textarea{background-color:#fffacdf2;border:2px dashed #3b82f6;border-radius:4px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:1.4;outline:none;padding:10px;resize:none;z-index:1000}.sticky-note-textarea:focus{border-color:#2563eb;box-shadow:0 4px 12px #3b82f633}@media (max-width:768px){.app-header{padding:10px 15px}.app-title-container{align-items:flex-start;flex-direction:column;gap:2px}.app-title{font-size:1.4em}.app-subtitle{font-size:.9em}.app-slogan{font-size:.8em}}@media (max-width:480px){.app-header{padding:8px 12px}.app-title{font-size:1.3em}.app-subtitle{font-size:.85em}.app-slogan{font-size:.75em}}.save-indicator{animation:fadeInOut 2s ease-in-out;background-color:#10b981;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;font-family:Open Sans,Arial,sans-serif;font-size:14px;font-weight:600;padding:10px 16px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.tool-button[title]:hover:after{background-color:#000c;border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:12px;left:50%;margin-bottom:4px;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.toolbar-wrapper{background-color:#fff;border-radius:6px;box-shadow:0 1px 4px #0000001a;display:flex;flex-direction:column;flex-shrink:0;font-family:Open Sans,Arial,sans-serif;margin:5px;padding:6px;position:relative;z-index:1000}.toolbar-section{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.toolbar-section:not(:last-child){border-bottom:1px solid #e0e0e0;margin-bottom:4px;padding-bottom:6px}.main-toolbar{align-items:center;flex-wrap:nowrap;gap:8px;justify-content:flex-start;overflow-x:auto}.action-tools,.download-settings-group,.line-width-group,.main-tools,.stroke-group{align-items:center;display:flex;flex-shrink:0;gap:4px}.download-settings-group{margin-left:auto}.options-section{flex-wrap:wrap;justify-content:flex-start}.tool-group{gap:4px}.options-label,.tool-group{align-items:center;display:flex}.options-label{color:#555;font-family:Open Sans,Arial,sans-serif;font-size:11px;font-weight:500;gap:2px;margin-right:4px;white-space:nowrap}.separator{background-color:#dee2e6;flex-shrink:0;height:20px;margin:0 4px;width:1px}.tool-button{align-items:center;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-family:Open Sans,Arial,sans-serif;font-size:11px;font-weight:500;gap:2px;justify-content:center;min-height:24px;transition:all .15s ease-in-out;white-space:nowrap}.tool-button,.tool-button.icons{min-width:24px;padding:4px 6px}.tool-button.icons-text{gap:4px}.tool-button.icons-text,.tool-button.text{min-width:auto;padding:4px 8px}.tool-button.text .tool-icon{display:none}.tool-label{font-size:11px;font-weight:500}.tool-button:not(:disabled):not(.active):hover{background-color:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.tool-button.active{background-color:#3b82f6;border-color:#2563eb;box-shadow:0 1px 2px #3b82f64d;color:#fff}.tool-button.active:hover{background-color:#2563eb;transform:translateY(-1px)}.tool-button.active .tool-icon{stroke:#fff}.tool-button:disabled{cursor:not-allowed;opacity:.5}.action-button{background-color:#fff;border-color:#e5e7eb}.action-button:not(:disabled):hover{background-color:#f9fafb;border-color:#d1d5db}.download-button{font-weight:600;padding:4px 8px}.download-button,.download-button:hover{background-color:#10b981!important;border-color:#059669!important;color:#fff!important}.download-button:hover{transform:translateY(-1px)}.download-button:active{background-color:#10b981!important;color:#fff!important}.settings-button,.settings-button:hover{background-color:#374151!important;border-color:#1f2937!important;color:#fff!important}.settings-button:hover{transform:translateY(-1px)}.settings-button:active{background-color:#374151!important;border-color:#1f2937!important;color:#fff!important}.tool-icon{stroke-width:2;flex-shrink:0}.dropdown-container{display:inline-block;position:relative}.dropdown-trigger{position:relative}.dropdown-menu{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 8px 16px -4px #0000001f,0 4px 6px -2px #00000014;display:block;font-family:Open Sans,Arial,sans-serif;margin-bottom:4px;max-height:300px;min-width:180px;overflow-y:auto;padding:4px 0;position:fixed;z-index:999999}.shapes-dropdown{min-width:140px}.download-dropdown{min-width:200px}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-family:Open Sans,Arial,sans-serif;font-size:11px;font-weight:500;gap:6px;padding:6px 12px;text-align:left;transition:background-color .15s ease-in-out;width:100%}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item.active{background-color:#3b82f6;color:#fff}.dropdown-item.active .tool-icon{stroke:#fff}.dropdown-section{padding:2px 0}.dropdown-section:not(:last-child){border-bottom:1px solid #e5e7eb;margin-bottom:4px;padding-bottom:4px}.dropdown-section-title{background-color:#f9fafb;color:#6b7280;font-family:Open Sans,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.05em;margin:0 0 2px;padding:3px 12px;text-transform:uppercase}.settings-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 12px 24px -4px #00000026,0 6px 12px -2px #0000001a;display:block;font-family:Open Sans,Arial,sans-serif;position:fixed;width:280px;z-index:999999}.settings-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;padding:12px 16px}.settings-header h3{color:#1f2937;font-family:Open Sans,Arial,sans-serif;font-size:14px;font-weight:600;margin:0}.settings-content{padding:16px}.setting-group{margin-bottom:16px}.setting-group:last-child{margin-bottom:0}.setting-label{color:#374151;display:block;font-family:Open Sans,Arial,sans-serif;font-size:12px;font-weight:600;margin-bottom:8px}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{align-items:center;color:#374151;cursor:pointer;display:flex;font-family:Open Sans,Arial,sans-serif;font-size:11px;gap:8px}.radio-option input[type=radio]{cursor:pointer;height:14px;margin:0;width:14px}.radio-option:hover{color:#1f2937}.settings-footer{background-color:#f9fafb;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.settings-btn{border:1px solid;border-radius:4px;cursor:pointer;font-family:Open Sans,Arial,sans-serif;font-size:11px;font-weight:500;padding:6px 12px;transition:all .15s ease-in-out}.cancel-btn{background-color:#fff;border-color:#d1d5db;color:#374151}.cancel-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.ok-btn{background-color:#3b82f6;border-color:#2563eb;color:#fff}.ok-btn:hover{background-color:#2563eb;border-color:#1d4ed8}.color-palette{align-items:center;display:flex;flex-wrap:wrap;gap:3px}.color-button{border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer;height:18px;position:relative;transition:all .2s ease-in-out;width:18px}.color-button:hover{border-color:#9ca3af;box-shadow:0 1px 3px #00000026;transform:scale(1.1)}.color-button.active{border-color:#3b82f6;box-shadow:0 0 0 1px #fff,0 0 0 3px #3b82f6;transform:scale(1.05)}.fill-button{border-radius:3px!important}.line-width-selection{align-items:center;display:flex;gap:3px}.line-width-button{justify-content:center;min-width:22px;padding:4px 5px}.line-preview{border-radius:2px!important}.font-size-selection{align-items:center;display:flex;gap:3px}.font-size-button{font-size:10px;justify-content:center;min-width:30px;padding:4px 6px}@media (max-width:1024px){.main-toolbar{flex-wrap:wrap;gap:4px}.download-settings-group{justify-content:flex-end;margin-left:0;order:1;width:100%}.main-tools{order:0;width:100%}}@media (max-width:768px){.toolbar-wrapper{margin:3px;padding:4px}.main-toolbar{align-items:stretch;flex-direction:column;gap:6px}.main-tools{justify-content:center;width:100%}.download-settings-group{align-self:center;margin-left:0;width:auto}.tool-button{font-size:10px;padding:6px 8px}.dropdown-menu{min-width:160px}.download-dropdown,.settings-panel{left:50%;right:auto;transform:translateX(-50%)}.color-button{height:16px;width:16px}.separator{height:16px}.options-label{font-size:10px}.settings-panel{width:260px}}@media (max-width:480px){.main-tools{gap:2px}.tool-button{font-size:10px;gap:2px;min-height:20px;min-width:20px;padding:4px 6px}.options-label{font-size:9px}.color-button{height:14px;width:14px}.tool-group{gap:2px}.separator{margin:0 2px}.settings-panel{width:240px}}.canvas-wrapper{align-items:center;background-color:#f8fafc;display:flex;flex-grow:1;justify-content:center;overflow:hidden;padding:15px;position:relative;width:100%}#main-canvas{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #00000014;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;max-height:100%;max-width:100%}@media (pointer:coarse){#main-canvas{touch-action:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#main-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast}}@media (max-width:768px){.canvas-wrapper{padding:10px}}@media (max-width:480px){.canvas-wrapper{padding:5px}#main-canvas{border-radius:6px}}
/*# sourceMappingURL=main.e35bb73c.css.map*/