*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{background:#fff;box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:100vw;min-height:100vh;width:100%}.header{background:linear-gradient(135deg,#a8e6cf,#88d8c0);border-radius:0 0 20px 20px;padding:60px 20px 20px}.sidebar{padding:60px 0 0;width:280px}.bottom-nav{padding:10px 0 30px;width:100vw}.main-content{padding:20px 20px 100px}.canvas-container{background:#fff;border:3px solid #e0e0e0;border-radius:15px;box-shadow:0 4px 20px #0000001a;min-height:600px;position:relative}.canvas{cursor:crosshair;display:block;touch-action:none}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.outlines-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px}.outline-card{background:#fff;border:2px solid #e0e0e0;border-radius:15px;box-shadow:0 2px 10px #0000001a;cursor:pointer;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.outline-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.outline-image{border:2px solid #f0f0f0;border-radius:10px;height:150px;margin-bottom:15px;object-fit:cover;width:100%}.outline-title{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.outline-category{background:#f0f0f0;border-radius:15px;color:#666;display:inline-block;font-size:12px;font-weight:500;margin-bottom:10px;padding:6px 10px}.outline-description{color:#777;font-size:13px;line-height:1.4;margin:0}.difficulty-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px;position:absolute;right:8px;top:8px}.difficulty-easy{background:#4caf50}.difficulty-medium{background:#ff9800}.difficulty-hard{background:#f44336}.difficulty-default{background:#2196f3}@media (min-width:768px){.header{padding:80px 40px 30px}.sidebar{padding:80px 0 0;width:320px}.bottom-nav{padding:15px 0 35px;width:80vw}.main-content{padding:40px 40px 120px}.canvas{max-width:90vw}}@media (min-width:1024px){.header{padding:100px 60px 40px}.sidebar{padding:100px 0 0;width:360px}.bottom-nav{padding:20px 0 40px;width:60vw}.main-content{padding:60px 60px 140px}.canvas{max-width:80vw}}@media (min-width:1440px){.main-content{padding:80px 80px 160px}.canvas{max-width:70vw}}.grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.grid-3{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.grid-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.grid-3{gap:16px;grid-template-columns:repeat(3,1fr)}.grid-4{gap:25px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-4{gap:20px;grid-template-columns:repeat(4,1fr)}}.outlines-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:10px 0}@media (min-width:768px){.outlines-grid{gap:25px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width:1024px){.outlines-grid{gap:30px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.paintings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:10px 0}@media (min-width:768px){.paintings-grid{gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:1024px){.paintings-grid{gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.art-canvas-container{background-color:#111827;color:#fff;display:flex;height:100vh}.left-toolbar{align-items:center;background-color:#1f2937;display:flex;flex-direction:column;gap:1rem;padding:1rem 0;width:5rem}.toolbar-button{background-color:#374151;border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.75rem;transition:background-color .2s}.toolbar-button:hover{background-color:#4b5563}.toolbar-button.active{background-color:#2563eb}.main-canvas-area{display:flex;flex:1 1;flex-direction:column}.top-toolbar{background-color:#1f2937;height:6rem;justify-content:space-between;padding:0 1.5rem}.toolbar-section,.top-toolbar{align-items:center;display:flex}.toolbar-section{gap:1.5rem}.input-mode-indicator{align-items:center;background-color:#374151;border-radius:.5rem;display:flex;gap:.5rem;padding:.25rem .75rem}.input-mode-stylus{color:#60a5fa}.input-mode-finger{color:#4ade80}.brush-styles-container{display:flex;flex-wrap:wrap;gap:.5rem}.brush-style-button{align-items:center;background-color:#374151;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem;transition:background-color .2s}.brush-style-button:hover{background-color:#4b5563}.brush-style-button.active{background-color:#2563eb}.brush-style-text{display:none}@media (min-width:640px){.brush-style-text{display:inline}}.control-group{align-items:center;display:flex;gap:.5rem}.slider{width:5rem}.control-value{font-size:.875rem;width:2rem}.clear-button{background-color:#dc2626;border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.clear-button:hover{background-color:#b91c1c}.canvas-container{background-color:#374151;flex:1 1;overflow:hidden;padding:.5rem}.canvas-container,.canvas-wrapper{align-items:center;display:flex;justify-content:center}.canvas-wrapper{height:100%;position:relative;width:100%}.background-canvas{background-color:#fff;position:absolute}.background-canvas,.main-canvas{border:2px solid #4b5563;max-height:100%;max-width:100%;object-fit:contain}.main-canvas{cursor:crosshair;position:relative;touch-action:none}.right-panel{background-color:#1f2937;overflow-y:auto;padding:1rem;width:20rem}.panel-section{margin-bottom:1.5rem}.panel-title{align-items:center;display:flex;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.panel-title-with-button{justify-content:space-between}.panel-icon{margin-right:.5rem}.add-layer-button{background-color:#2563eb;border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.25rem;transition:background-color .2s}.add-layer-button:hover{background-color:#1d4ed8}.background-section{display:flex;flex-direction:column;gap:.75rem}.file-input{color:#d1d5db;font-size:.875rem;width:100%}.file-input::-webkit-file-upload-button{background-color:#374151;border:none;border-radius:.25rem;color:#fff;cursor:pointer;margin-right:1rem;padding:.5rem 1rem}.file-input::file-selector-button{background-color:#374151;border:none;border-radius:.25rem;color:#fff;cursor:pointer;margin-right:1rem;padding:.5rem 1rem}.opacity-control{display:flex;flex-direction:column}.opacity-label{color:#d1d5db;display:block;font-size:.875rem;margin-bottom:.5rem}.opacity-value{color:#9ca3af;font-size:.75rem}.layers-container{display:flex;flex-direction:column;gap:.5rem;max-height:12rem;overflow-y:auto}.layer-item{background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;padding:.75rem;transition:all .2s}.layer-item.active{background-color:#3b82f633;border-color:#3b82f6}.layer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.layer-name{cursor:pointer;flex:1 1;font-size:.875rem}.layer-controls{display:flex;gap:.25rem}.layer-control-button{background:#0000;border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.25rem;transition:background-color .2s}.layer-control-button:hover{background-color:#4b5563}.layer-control-button.delete:hover{background-color:#dc2626}.layer-opacity-control{align-items:center;display:flex;gap:.5rem}.layer-opacity-label{font-size:.75rem}.layer-opacity-slider{flex:1 1}.layer-opacity-value{font-size:.75rem;width:2rem}.color-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.color-button{border:2px solid #4b5563;border-radius:.5rem;cursor:pointer;height:3rem;transition:all .2s;width:3rem}.color-button.active{border-color:#fff;transform:scale(1.1)}.color-picker{border:2px solid #4b5563;border-radius:.5rem;cursor:pointer;height:3rem;width:100%}.quick-settings-container{background-color:#374151;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.toggle-setting{align-items:center;display:flex;justify-content:space-between}.toggle-label{font-size:.875rem}.toggle-switch{border:none;border-radius:9999px;cursor:pointer;height:1.5rem;position:relative;transition:background-color .2s;width:3rem}.toggle-switch.active{background-color:#2563eb}.toggle-switch.inactive{background-color:#4b5563}.toggle-knob{background-color:#fff;border-radius:50%;height:1rem;position:absolute;top:.25rem;transition:transform .2s;width:1rem}.toggle-knob.active{transform:translateX(1.75rem)}.toggle-knob.inactive{transform:translateX(.25rem)}.presets-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.preset-button{background-color:#374151;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;text-transform:capitalize;transition:background-color .2s}.preset-button:hover{background-color:#4b5563}input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer}input[type=range]::-webkit-slider-track{background:#4b5563;border-radius:.25rem;height:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2563eb;border-radius:50%;cursor:pointer;height:1.25rem;width:1.25rem}input[type=range]::-moz-range-track{background:#4b5563;border:none;border-radius:.25rem;height:.5rem}input[type=range]::-moz-range-thumb{background:#2563eb;border:none;border-radius:50%;cursor:pointer;height:1.25rem;width:1.25rem}@media (max-width:768px){.art-canvas-container{flex-direction:column}.left-toolbar{flex-direction:row;height:auto;padding:.5rem;width:100%}.right-panel{height:auto;max-height:40vh;width:100%}.top-toolbar{flex-wrap:wrap;gap:.5rem;height:auto;padding:.5rem}.brush-styles-container{justify-content:center;width:100%}}
/*# sourceMappingURL=main.7aace38e.css.map*/