:root{--background:#f8f8f3;--surface:#fff;--surface-muted:#f2f3eb;--border:#e0e4d7;--border-strong:#cfd6c1;--foreground:#31372f;--muted-foreground:#6b7268;--primary:#9ab987;--primary-hover:#86a873;--primary-foreground:#fff;--primary-soft:#eef5ea;--accent:#f2dda0;--accent-soft:#fbf5df;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #2d372d0d;--shadow-md:0 4px 16px #2d372d12;--shadow-lg:0 12px 32px #2d372d1a}*{box-sizing:border-box}body,html{background-color:#f8f8f3;background-color:var(--background)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#31372f;color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{align-items:center;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);background-color:#fffc;border-bottom:1px solid #e0e4d7;border-bottom:1px solid var(--border);box-sizing:border-box;display:flex;gap:10px;height:68px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}nav>svg{color:#9ab987;color:var(--primary);flex-shrink:0}nav>span{color:#31372f;color:var(--foreground);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin-right:auto}nav>ul{align-items:center;display:flex;flex-direction:row;gap:4px;list-style:none;margin:0;padding:0}nav>ul>li>a{border-radius:999px;color:#6b7268;color:var(--muted-foreground);font-size:.9rem;font-weight:500;padding:8px 14px;text-decoration:none;transition:color .15s ease,background-color .15s ease}nav>ul>li>a:hover{background-color:#f2f3eb;background-color:var(--surface-muted);color:#31372f;color:var(--foreground)}@media (max-width:555px){nav{flex-wrap:wrap;height:auto;padding:14px 16px}nav>span{font-size:1rem}}.panel-app{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1280px;padding:32px 24px 64px}.layout-top{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr)}.layout-controls{display:flex;flex-direction:column;gap:20px}@media (max-width:900px){.layout-top{grid-template-columns:1fr}}@media (max-width:555px){.panel-app{gap:16px;padding:20px 16px 48px}.layout-controls,.layout-top{gap:16px}}.BlendModeControl__display,.ChooseGradient__display,.CustomGradient__display,.ImageUploader__display,.OpacityControl__display{background-color:#fff;background-color:var(--surface);border:1px solid #e0e4d7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 2px #2d372d0d;box-shadow:var(--shadow-sm);padding:20px}label{color:#31372f;color:var(--foreground)}button,label{font-size:.9rem;font-weight:600}button{background-color:#9ab987;background-color:var(--primary);border:none;border-radius:10px;border-radius:var(--radius-sm);color:#fff;color:var(--primary-foreground);cursor:pointer;font-family:inherit;padding:10px 18px;transition:background-color .15s ease,transform .05s ease}button:hover{background-color:#86a873;background-color:var(--primary-hover)}button:active{transform:translateY(1px)}input[type=number],select{background-color:#fff;background-color:var(--surface);border:1px solid #cfd6c1;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-sm);color:#31372f;color:var(--foreground);font-family:inherit;font-size:.9rem;padding:9px 12px;transition:border-color .15s ease,box-shadow .15s ease}input[type=number]:focus,input[type=range]:focus,select:focus{border-color:#9ab987;border-color:var(--primary);box-shadow:0 0 0 3px #eef5ea;box-shadow:0 0 0 3px var(--primary-soft);outline:none}input[type=number]{width:80px}input[type=range]{-webkit-appearance:none;appearance:none;background:#cfd6c1;background:var(--border-strong);border-radius:999px;cursor:pointer;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#9ab987;background:var(--primary);border:3px solid #fff;border:3px solid var(--surface);border-radius:50%;box-shadow:0 1px 2px #2d372d0d;box-shadow:var(--shadow-sm);height:18px;width:18px}input[type=range]::-moz-range-thumb{background:#9ab987;background:var(--primary);border:3px solid #fff;border:3px solid var(--surface);border-radius:50%;box-shadow:0 1px 2px #2d372d0d;box-shadow:var(--shadow-sm);height:18px;width:18px}input[type=file]{color:#6b7268;color:var(--muted-foreground);font-family:inherit;font-size:.9rem}input[type=file]::-webkit-file-upload-button{background-color:#f2f3eb;background-color:var(--surface-muted);border:1px solid #cfd6c1;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-sm);color:#31372f;color:var(--foreground);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;margin-right:12px;padding:9px 16px;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}input[type=file]::file-selector-button{background-color:#f2f3eb;background-color:var(--surface-muted);border:1px solid #cfd6c1;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-sm);color:#31372f;color:var(--foreground);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;margin-right:12px;padding:9px 16px;transition:background-color .15s ease}input[type=file]::-webkit-file-upload-button:hover{background-color:#e0e4d7;background-color:var(--border)}input[type=file]::file-selector-button:hover{background-color:#e0e4d7;background-color:var(--border)}.section-title{color:#6b7268;color:var(--muted-foreground);font-size:.8rem;font-weight:700;letter-spacing:.06em;margin:0 0 16px;text-align:left;text-transform:uppercase}.App{text-align:center}.ChooseGradient__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.ChooseGradient__swatch{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;overflow:hidden;padding:6px;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.ChooseGradient__swatch:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ChooseGradient__swatch canvas{border-radius:6px}.ImageDownloader__buttons{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.ImageUploader__actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.ImageUploader__actions .icon-button{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .15s ease,border-color .15s ease}.ImageUploader__actions .icon-button:hover{background:var(--surface-hover);border-color:var(--primary)}.ImageUploader__actions .icon-button img{height:20px;width:20px}.ImageUploader__download{align-items:stretch;display:inline-flex;position:relative}.ImageUploader__download-arrow,.ImageUploader__download-main{align-items:center;display:inline-flex;justify-content:center}.ImageUploader__download-main{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:1px solid var(--border);padding-right:14px}.ImageUploader__download-arrow{border-radius:0 var(--radius-sm) var(--radius-sm) 0;min-width:40px;padding-left:14px}.ImageUploader__download-arrow:focus-visible,.ImageUploader__download-arrow:hover,.ImageUploader__download-main:focus-visible,.ImageUploader__download-main:hover{z-index:1}.ImageUploader__download-menu{grid-gap:4px;background:var(--surface);border-radius:var(--radius-sm);box-shadow:0 10px 30px #0000001f;display:grid;gap:4px;min-width:100%;padding:4px;position:absolute;right:0;top:calc(100% + 8px);z-index:5}.ImageUploader__download-menu button{background:#0000;border:0;border-radius:calc(var(--radius-sm) - 2px);color:var(--muted-foreground);cursor:pointer;padding:8px 12px;text-align:left;width:100%}.ImageUploader__download-menu button:focus-visible,.ImageUploader__download-menu button:hover{background:var(--surface-muted)}.ImageDownloader__images{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:20px;justify-content:center}.ImageDownloader__images--single{justify-content:center}.ImageWithFilter__container{background-color:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);flex:1 1;line-height:0;max-width:500px;min-width:280px;overflow:hidden;padding:8px}.ImageWithFilter__container image,.ImageWithFilter__container img,.ImageWithFilter__container>svg{border-radius:8px}.ImageWithFilter__container>svg{aspect-ratio:1/1;display:block;height:auto!important}@media(max-width:500px){.ImageDownloader__images{max-width:500px;width:100%}.ImageUploader__actions{justify-content:stretch;width:100%}.ImageUploader__actions>button,.ImageUploader__download{flex:1 1 140px}.ImageUploader__download,.ImageUploader__download-arrow,.ImageUploader__download-main{width:100%}.ImageUploader__download-main{flex:1 1 auto}}.ImageWithFilter__container>svg,image,img{max-width:500px;width:100%}.OpacityControl__display{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.OpacityControl__display label{margin:0}.OpacityControl__display .OpacityControl__inputs{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:16px;min-width:220px}.OpacityControl__display input[type=range]{flex:1 1;min-width:160px}.ColorPicker__display,.ColorPicker__swatch{display:inline}.AddRemoveColor__display{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center}#AddRemoveColor__numColor{background-color:var(--surface-muted);border:1px solid var(--border);border-radius:999px;color:var(--muted-foreground);font-size:.9rem;font-weight:600;padding:8px 16px;white-space:nowrap}.CustomGradient__colorPickers{flex-direction:row;flex-wrap:wrap;gap:12px;margin:16px auto;max-width:500px;width:100%}.CustomGradient__colorPickers,.CustomGradient__preview{display:flex;justify-content:center}.CustomGradient__preview canvas{border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.BlendModeControl__display{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.BlendModeControl__display label{margin:0}.BlendModeControl__display select{flex:1 1;max-width:320px;min-width:200px}
/*# sourceMappingURL=main.75b9ff09.css.map*/