.pixetide-logo-standalone{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;text-decoration:none}.pixetide-logo-icon{display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.68,-.6,.32,1.6)}.pixetide-logo-text{font-family:var(--font-family, sans-serif);font-weight:900;font-size:1.8rem;color:var(--color-text-primary);letter-spacing:-1px;line-height:1;transform:translateY(2px)}.pixetide-logo-standalone svg{width:100%;height:100%;display:block}.pixetide-logo-standalone:hover .pixetide-logo-icon{transform:rotate(45deg) scale(1.1)}.navbar-wrapper{width:100%;display:flex;justify-content:center;padding:40px 24px 0}.navbar{width:100%;max-width:1440px;height:80px;background-color:var(--color-bg-surface);border:3px solid var(--color-text-primary);box-shadow:6px 6px #000;display:flex;align-items:center;z-index:100;margin-bottom:32px}.navbar-container{width:100%;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.brand-link{text-decoration:none;display:flex;align-items:center}.navbar-links{display:flex;align-items:center;gap:32px}.nav-link{text-decoration:none;font-family:var(--font-family);font-size:1.05rem;color:var(--color-text-primary);font-weight:600;position:relative;transition:all .2s ease}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:4px;background-color:var(--color-accent);transition:width .3s cubic-bezier(.68,-.6,.32,1.6)}.nav-link:hover{transform:translateY(-2px)}.nav-link:hover:after{width:100%}.nav-support-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.nav-support-microcopy{font-family:var(--font-handwriting, cursive);font-size:.7rem;font-weight:700;color:var(--color-text-secondary);margin-bottom:4px;transform:rotate(-2deg);white-space:nowrap}@keyframes ko-fi-heartbeat{0%{transform:scale(1)}5%{transform:scale(1.08)}10%{transform:scale(1)}15%{transform:scale(1.05)}20%{transform:scale(1)}to{transform:scale(1)}}.nav-btn-support{text-decoration:none;font-family:var(--font-family);font-size:1rem;color:var(--color-text-primary);border:2px solid var(--color-text-primary);padding:8px 20px;font-weight:700;background-color:#ffc813;box-shadow:3px 3px #000;transition:all .2s cubic-bezier(.68,-.6,.32,1.6);animation:ko-fi-heartbeat 5s ease-in-out infinite}.nav-btn-support:hover{transform:translate(-3px,-3px);box-shadow:6px 6px #000;background-color:#ffd600;animation-play-state:paused}.nav-btn-support:active{transform:translate(3px,3px);box-shadow:0 0 #000}.burger-menu{display:none;flex-direction:column;justify-content:space-between;width:32px;height:24px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.burger-line{width:100%;height:4px;background-color:var(--color-text-primary);border:1px solid var(--color-text-primary);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.burger-menu.open .burger-line:nth-child(1){transform:translateY(10px) rotate(45deg)}.burger-menu.open .burger-line:nth-child(2){opacity:0}.burger-menu.open .burger-line:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .4s ease}.nav-overlay.active{opacity:1;visibility:visible}.close-overlay{position:absolute;top:40px;right:40px;background:none;border:none;font-size:4rem;font-weight:300;color:var(--color-text-primary);cursor:pointer;line-height:1;transition:transform .2s ease}.close-overlay:hover{transform:scale(1.1) rotate(90deg)}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;padding:20px}.overlay-link{font-family:var(--font-family);font-size:2rem;font-weight:800;text-decoration:none;color:var(--color-text-primary);transition:all .2s ease;padding:10px 20px;border:3px solid transparent}.overlay-link:hover{background-color:var(--color-bg-main);border-color:var(--color-text-primary);box-shadow:6px 6px 0 var(--color-text-primary);transform:translate(-4px,-4px)}.overlay-link.support-btn{background-color:#ffd600;border-color:var(--color-text-primary);box-shadow:8px 8px 0 var(--color-text-primary);margin-bottom:10px}.mobile-support-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.mobile-support-microcopy{font-family:var(--font-handwriting, cursive);font-size:.9rem;font-weight:700;color:var(--color-text-primary);text-align:center;max-width:250px;transform:rotate(1deg)}@media (max-width: 768px){.navbar-wrapper{padding:24px 16px 0}.navbar{height:64px;margin-bottom:24px;border-width:2px;box-shadow:4px 4px #000}.navbar-container{padding:0 20px}.brand-link{font-size:1.4rem}.desktop-only{display:none!important}.burger-menu{display:flex}}.neobrutal-card-wrapper{position:relative;display:block;width:100%;height:100%}.card-shadow{position:absolute;top:6px;left:6px;width:100%;height:100%;background-color:var(--color-text-primary);clip-path:polygon(0 0,calc(100% - 48px) 0,100% 48px,100% 100%,0 100%);filter:blur(0px);opacity:1;z-index:0;transition:transform .4s cubic-bezier(.68,-.6,.32,1.6),filter .4s ease,opacity .4s ease}.neobrutal-card{background-color:var(--color-bg-surface);padding:32px 24px;text-decoration:none;display:flex;flex-direction:column;position:relative;color:var(--color-text-primary);border:3px solid var(--color-text-primary);min-height:240px;height:100%;z-index:1;transition:transform .4s cubic-bezier(.68,-.6,.32,1.6)}.neobrutal-card-wrapper:not(.disabled):hover .neobrutal-card{transform:translate(-10px,-10px)}.neobrutal-card-wrapper:not(.disabled):hover .card-shadow{transform:translate(2px,4px);filter:blur(8px);opacity:.6}.neobrutal-card-wrapper:not(.disabled):hover .card-title{color:var(--color-accent)}.neobrutal-card-wrapper:not(.disabled):hover .card-icon{transform:scale(1.25) rotate(5deg);color:var(--color-accent)}.card-fold{position:absolute;top:-3px;right:-3px;width:48px;height:48px;background-color:var(--color-bg-surface);z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='0,0 0,100 100,100' fill='%23f1f5f9' stroke='%23000000' stroke-width='6' stroke-linejoin='miter' /%3E%3C/svg%3E");background-size:cover}.card-icon{width:36px;height:36px;color:var(--color-text-primary);margin-bottom:24px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s ease}.card-icon svg{width:100%;height:100%;stroke-width:1.5}.card-title{font-family:var(--font-family);font-size:1.3rem;font-weight:800;margin-bottom:12px;color:var(--color-text-primary);line-height:1.2;transition:color .3s ease}.card-description{font-family:var(--font-family);font-size:.85rem;line-height:1.5;color:var(--color-text-secondary);margin:0;font-weight:500}.neobrutal-card-wrapper.disabled{cursor:not-allowed}.neobrutal-card-wrapper.disabled .neobrutal-card{background-color:#f8fafc;border-style:dashed;transform:none}.neobrutal-card-wrapper.disabled .card-shadow{transform:none;opacity:.5;filter:blur(0px)}.neobrutal-card-wrapper.disabled .card-icon,.neobrutal-card-wrapper.disabled .card-title,.neobrutal-card-wrapper.disabled .card-description{opacity:.4;color:var(--color-text-primary)}.home-container{display:flex;flex-direction:column;align-items:center;padding:0 24px 60px;width:100%}.hub-wrapper{width:100%;max-width:1440px;background-color:var(--color-bg-surface);border:3px solid var(--color-text-primary);box-shadow:6px 6px #000}.hero-section{text-align:left;padding:80px 60px;border-bottom:2px solid var(--color-text-primary)}.hero-title{font-family:var(--font-family);font-size:3.5rem;font-weight:900;color:var(--color-text-primary);margin-bottom:var(--spacing-lg);line-height:1.1;letter-spacing:-1.5px}.hero-subtitle{font-family:var(--font-family);font-size:1.25rem;color:var(--color-text-secondary);max-width:800px;font-weight:500;line-height:1.6;margin:0}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:40px 60px;background-color:transparent}@media (max-width: 1150px){.tools-grid{grid-template-columns:repeat(3,1fr);padding:40px}}@media (max-width: 768px){.home-container{padding:0 16px 40px}.hub-wrapper{border-width:2px;box-shadow:4px 4px #000}.hero-section{padding:40px 24px;border-bottom-width:2px}.hero-title{font-size:2.2rem}.tools-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:24px 16px}}.drag-drop-container{width:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-md)}.drop-zone{position:relative;width:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background-color:transparent;border:2px dashed #d1d1d6;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.drop-zone:hover{border-color:var(--color-accent);background-color:#2563eb05;transform:translateY(-2px)}.drop-zone.active{border-color:var(--color-accent);border-style:solid;background-color:#2563eb0d;box-shadow:0 0 0 4px #2563eb1a;transform:scale(1.01)}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.drop-zone-content{pointer-events:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.upload-icon{width:64px;height:64px;color:var(--color-accent);margin-bottom:var(--spacing-sm);transition:transform .3s ease}.drop-zone:hover .upload-icon{transform:translateY(-5px)}.text-primary{font-family:var(--font-handwriting);color:var(--color-text-primary);font-size:1.8rem;font-weight:400;line-height:1.2}.text-secondary{font-family:var(--font-sans);color:var(--color-text-secondary);font-size:1rem;font-weight:500;opacity:.7}.error-message{color:#dc2626;background-color:#fef2f2;padding:12px 20px;border:2px solid #fee2e2;border-radius:12px;font-family:var(--font-sans);font-size:.95rem;font-weight:500;text-align:center;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preview-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);background-color:#fff;border:2px solid var(--color-text-primary);border-radius:4px;padding:12px;box-shadow:6px 6px #000}.image-preview{max-width:100%;max-height:400px;object-fit:contain;border:1px solid #e5e5e5}.btn-reset{background-color:transparent;color:#dc2626;border:2px solid #dc2626;font-family:var(--font-handwriting);padding:8px 20px;border-radius:10px;cursor:pointer;font-size:1.1rem;transition:all .2s}.btn-reset:hover{background-color:#dc2626;color:#fff;transform:rotate(-1deg)}@media (max-width: 768px){.text-primary{font-size:1.5rem}.drop-zone{min-height:220px;padding:var(--spacing-lg)}.upload-icon{width:48px;height:48px}}.image-preview-canvas{--checker-size: 16px;--checker-color: #f0f0f0;--bg-color: #ffffff;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:8px;border:1px solid #e0e0e0;background-color:var(--bg-color);background-image:linear-gradient(45deg,var(--checker-color) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-color) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-color) 75%);background-size:var(--checker-size) var(--checker-size);background-position:0 0,0 calc(var(--checker-size) / 2),calc(var(--checker-size) / 2) calc(var(--checker-size) / -2),calc(var(--checker-size) / -2) 0px;box-shadow:inset 0 0 10px #0000000d}.image-preview-canvas__image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15));transition:transform .4s cubic-bezier(.4,0,.2,1)}.image-preview-canvas--error{flex-direction:column;gap:12px;background-image:none;background-color:#fff5f5;border-color:#feb2b2}.image-preview-canvas__error-msg{color:#c53030;font-family:var(--font-handwriting);font-size:1.2rem;text-align:center;padding:20px}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.cropper-container{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.cropper-top-bar{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm)}.cropper-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--spacing-xl);align-items:start}.cropper-workspace{width:100%;min-width:0;overflow:hidden}.cropper-canvas-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cropper-drag-over{border-color:var(--color-accent)!important;background-color:#2563eb0d!important}.cropper-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl);background-color:#fefefe;padding:var(--spacing-lg);border:2px solid var(--color-text-primary);border-radius:20px;box-shadow:6px 6px #0000000d}.aspect-ratio-selector{display:flex;flex-direction:column;gap:var(--spacing-md)}.aspect-ratio-header{border-bottom:1px dashed #e5e5e5;padding-bottom:var(--spacing-sm)}.aspect-ratio-title{font-family:var(--font-handwriting);font-size:1.6rem;color:var(--color-text-primary);margin:0;line-height:1}.aspect-ratio-hint{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.aspect-ratio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.aspect-chip{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background-color:#fff;border:1.5px solid #e5e5e5;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);gap:6px}.aspect-chip:hover{border-color:var(--color-accent);background-color:#2563eb05;transform:translateY(-2px)}.aspect-chip.is-active{border-color:var(--color-accent);background-color:#2563eb0d;box-shadow:0 4px 12px #2563eb1a}.aspect-chip-icon-wrapper{color:var(--color-text-secondary);transition:color .2s}.aspect-chip.is-active .aspect-chip-icon-wrapper{color:var(--color-accent)}.aspect-chip-icon{width:24px;height:24px}.aspect-chip-info{display:flex;flex-direction:column;align-items:center}.aspect-chip-label{font-size:.9rem;font-weight:700;color:var(--color-text-primary)}.aspect-chip-ratio{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.cropper-actions-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:auto}.btn-download-primary:disabled{background-color:#e5e5e5;border-color:#d1d1d6;color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.cropper-legal-hint{font-size:.75rem;color:var(--color-text-secondary);text-align:center;margin:0;font-weight:500}.ReactCrop__crop-selection{border:2px solid var(--color-accent)!important;box-shadow:0 0 0 9999em #ffffff80!important}.ReactCrop__drag-handle{width:10px!important;height:10px!important;background-color:#fff!important;border:2px solid var(--color-accent)!important;box-shadow:0 2px 4px #0000001a}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:10px}@media (max-width: 1100px){.cropper-main-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.cropper-sidebar{width:100%;max-width:600px;margin:0 auto}}@media (max-width: 768px){.cropper-sidebar{padding:var(--spacing-md)}.aspect-ratio-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.btn-download-primary{font-size:1.2rem;padding:12px}}.tool-workspace-container{width:100%;max-width:1360px;margin:0 auto;background-color:var(--color-bg-surface);border:2px solid var(--color-text-primary);box-shadow:6px 6px #00000026;padding:40px;position:relative;transition:box-shadow .3s ease}.tool-workspace-content{display:flex;flex-direction:column;gap:32px;width:100%}.fade-in{animation:fadeInWorkspace .6s ease-out}@keyframes fadeInWorkspace{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1440px){.tool-workspace-container{max-width:calc(100% - 80px)}}@media (max-width: 768px){.tool-workspace-container{max-width:calc(100% - 48px);padding:24px 16px;margin:0 auto;border-width:2px}}.tool-header{text-align:center;padding:60px 24px;width:100%;max-width:900px;margin:0 auto}.tool-title{font-size:3.2rem;font-weight:900;color:var(--color-text-primary);margin-bottom:16px;line-height:1.1;letter-spacing:-1.2px}.tool-title span{color:var(--color-accent)}.tool-subtitle{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.6;font-weight:500;margin:0}@media (max-width: 768px){.tool-header{padding:40px 16px}.tool-title{font-size:2.2rem}.tool-subtitle{font-size:1.1rem}}.optimizer-container{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.opt-top-bar{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm)}.opt-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--spacing-xl);align-items:start}.opt-workspace{width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.opt-preview-card{width:100%;position:relative;background-color:#fff;border:2px solid var(--color-text-primary);border-radius:20px;overflow:hidden;box-shadow:4px 4px #0000000d;display:flex;justify-content:center;align-items:center}.opt-preview-card .image-preview-canvas{border:none!important;border-radius:0!important;box-shadow:none!important}.opt-preview-img{max-width:100%;height:auto;transition:filter .3s ease,opacity .3s ease}.opt-section-desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4;margin:-8px 0 4px}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background-color:#f6f6f6;padding:8px;border-radius:16px;border:1.5px solid #eee}.preset-chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 6px;background-color:transparent;border:1.5px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--color-text-secondary)}.preset-chip:hover:not(:disabled){background-color:#ffffff80;color:var(--color-text-primary)}.preset-chip.is-active{background-color:#fff;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 4px 10px #0000000a}.chip-content{display:flex;flex-direction:column;align-items:center;gap:1px}.chip-label{font-family:var(--font-handwriting);font-size:.95rem;font-weight:700;text-align:center;line-height:1.1}.chip-value{font-size:.8rem;font-weight:800;opacity:.8}.chip-desc{font-size:.65rem;font-weight:500;color:var(--color-text-secondary);opacity:.7;text-transform:uppercase;letter-spacing:.02em}.preset-chip.is-active .chip-desc{color:var(--color-accent);opacity:.8}.chip-dot{position:absolute;top:4px;right:4px;width:5px;height:5px;background-color:var(--color-accent);border-radius:50%;box-shadow:0 0 0 1.5px #fff}.opt-preview-img.is-processing{filter:blur(8px) grayscale(.5);opacity:.6}.opt-processing-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:16px;background:#ffffffe6;padding:30px;border-radius:20px;border:2px solid var(--color-text-primary);box-shadow:10px 10px #0000001a;animation:opt-pop-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes opt-pop-in{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.opt-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--color-accent);border-radius:50%;animation:opt-spin 1s linear infinite}@keyframes opt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.opt-processing-text{font-family:var(--font-handwriting);font-size:1.5rem;color:var(--color-text-primary);text-align:center}.opt-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);background-color:#fefefe;padding:var(--spacing-lg);border:2px solid var(--color-text-primary);border-radius:20px;box-shadow:6px 6px #0000000d}.opt-results-bar{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);background-color:#fff;padding:16px 24px;border:2px solid var(--color-text-primary);border-radius:16px;box-shadow:4px 4px #0000000d;margin-top:4px}.opt-res-group{display:flex;flex-direction:column;align-items:center}.opt-res-label{font-family:var(--font-handwriting);font-size:.9rem;color:var(--color-text-secondary);line-height:1;margin-bottom:4px}.opt-res-value{font-family:var(--font-handwriting);font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1}.opt-res-group.success .opt-res-value{color:var(--color-success)}.opt-res-arrow{color:var(--color-text-secondary);display:flex;align-items:center;opacity:.5}.opt-res-badge{background-color:var(--color-success);color:#fff;padding:6px 12px;border-radius:12px;font-family:var(--font-handwriting);font-size:1.2rem;font-weight:700;margin-left:var(--spacing-sm);box-shadow:2px 2px #0000001a}.opt-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl);background-color:#fefefe;padding:var(--spacing-lg);border:2px solid var(--color-text-primary);border-radius:20px;box-shadow:6px 6px #0000000d}.opt-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.opt-section-title{font-family:var(--font-handwriting);font-size:1.4rem;color:var(--color-text-primary);margin:0;border-bottom:1px dashed #e5e5e5;padding-bottom:4px}.opt-advanced{display:grid;grid-template-columns:1fr;gap:10px}.opt-toggle{display:flex;gap:12px;cursor:pointer;padding:10px;border-radius:12px;border:1.5px solid #f0f0f0;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff}.opt-toggle:hover{border-color:var(--color-accent);background:#2563eb05}.opt-toggle input{width:18px;height:18px;accent-color:var(--color-accent)}.opt-toggle-content{display:flex;flex-direction:column}.opt-toggle-title{font-family:var(--font-handwriting);font-size:1.1rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.opt-toggle-desc{font-size:.8rem;color:var(--color-text-secondary);line-height:1.3}.opt-actions{margin-top:auto}.btn-download-primary{display:flex;align-items:center;justify-content:center;width:100%;background-color:var(--color-success);color:#fff;border:2px solid var(--color-text-primary);padding:16px;font-family:var(--font-handwriting);font-size:1.5rem;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:4px 4px 0 var(--color-text-primary)}.btn-download-primary:disabled{background-color:#e5e5e5;border-color:#ccc;color:#999;cursor:not-allowed;box-shadow:none;transform:none}.btn-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:opt-spin .8s linear infinite;margin-right:12px}@media (max-width: 1024px){.opt-main-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.opt-sidebar{width:100%;max-width:600px;margin:0 auto}.opt-results-bar{padding:12px;gap:var(--spacing-md)}}@media (max-width: 768px){.opt-res-value{font-size:1.2rem}.opt-res-badge{font-size:1rem;padding:4px 8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.converter-main-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-xl);align-items:start;min-width:0;animation:fadeIn .4s ease}.converter-workspace{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.converter-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.converter-title{font-family:var(--font-handwriting);font-size:1.6rem;color:var(--color-text-primary);margin:0}.converter-cards-list{display:flex;flex-direction:column;gap:12px}.converter-file-card{background-color:#fff;border:2px solid var(--color-text-primary);border-radius:16px;padding:16px;box-shadow:4px 4px #0000000d;transition:all .2s ease;position:relative;overflow:hidden}.converter-file-card:hover{transform:translateY(-2px);box-shadow:6px 6px #00000014}.converter-file-card.is-done{border-color:#10b981}.card-main{display:flex;align-items:center;gap:16px}.card-preview{width:60px;height:60px;background-color:#f9f9f9;border-radius:8px;overflow:hidden;border:1.5px solid #eee;flex-shrink:0}.card-preview img{width:100%;height:100%;object-fit:cover}.card-info{display:flex;flex-direction:column;gap:2px;flex-grow:1;min-width:0}.file-name{font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.file-meta{display:flex;align-items:center;gap:8px}.meta-badge{font-size:.7rem;background-color:#f3f3f3;color:var(--color-text-secondary);padding:1px 6px;border-radius:4px;font-weight:800}.meta-size{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.card-actions{display:flex;align-items:center;gap:12px}.format-picker{display:flex;align-items:center;gap:8px;background-color:#fcfcfc;padding:4px 8px;border-radius:8px;border:1.5px solid #eee}.format-arrow{font-family:var(--font-handwriting);font-size:1.2rem;color:var(--color-text-secondary)}.card-format-select{background:transparent;border:none;font-weight:700;color:var(--color-accent);cursor:pointer;font-size:.9rem;padding-right:4px}.btn-card-remove{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:6px;transition:background .2s;display:flex;align-items:center;justify-content:center}.btn-card-remove:hover{background-color:#fee2e2}.card-transparency-hint{margin-top:12px;padding-top:12px;border-top:1px dashed #eee;display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--color-text-secondary)}.color-pills{display:flex;gap:6px}.color-pill{background-color:#fff;border:1.5px solid #eee;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s}.color-pill:hover{border-color:var(--color-accent)}.color-pill.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.card-status-bar{margin-top:12px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:6px}.status-processing{color:var(--color-accent)}.status-done{color:#10b981}.status-error{color:#ef4444}.status-loader{width:12px;height:12px;border:2px solid #eee;border-top:2px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.converter-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl);background-color:#fefefe;padding:var(--spacing-lg);border:2px solid var(--color-text-primary);border-radius:20px;box-shadow:6px 6px #0000000d;position:sticky;top:20px}.sidebar-section{display:flex;flex-direction:column;gap:8px}.section-title{font-family:var(--font-handwriting);font-size:1.4rem;color:var(--color-text-primary);margin:0;border-bottom:1px dashed #e5e5e5;padding-bottom:4px}.section-desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4;margin:0}.global-format-card{background-color:#f9f9f9;padding:12px;border-radius:12px;border:1.5px solid #eee;display:flex;flex-direction:column;gap:8px;margin-top:8px}.global-format-card label{font-size:.8rem;font-weight:800;color:var(--color-text-secondary);text-transform:uppercase}.global-format-select{width:100%;padding:8px;border-radius:8px;border:1.5px solid #ddd;background-color:#fff;font-weight:700;color:var(--color-text-primary);cursor:pointer}.sidebar-alert{display:flex;gap:12px;padding:12px;border-radius:12px;font-size:.85rem;line-height:1.4}.sidebar-alert.warning{background-color:#fffbeb;border:1.5px solid #fef3c7;color:#92400e}.sidebar-alert p{margin:0}.sidebar-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}.btn-clear-all{background:transparent;border:1.5px solid #eee;color:var(--color-text-secondary);padding:10px;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-clear-all:hover{background-color:#fee2e2;border-color:#fecaca;color:#ef4444}.privacy-hint{font-size:.7rem;color:var(--color-text-secondary);text-align:center;margin:0;opacity:.7}@media (max-width: 1024px){.converter-main-layout{grid-template-columns:1fr}.converter-sidebar{position:static;max-width:600px;margin:0 auto}}@media (max-width: 640px){.converter-header-row{flex-direction:column;align-items:flex-start;gap:12px}.card-main{flex-wrap:wrap}.card-actions{width:100%;justify-content:space-between;padding-top:12px;border-top:1px solid #f3f3f3}}.rotate-flip-container{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.rf-top-bar{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm)}.btn-text-action{display:flex;align-items:center;background:transparent;border:1.5px solid var(--color-text-primary);color:var(--color-text-primary);font-family:var(--font-handwriting);font-size:1rem;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-text-action:hover{background-color:var(--color-bg-surface);transform:rotate(-1deg) translateY(-1px);border-color:var(--color-accent);color:var(--color-accent)}.rf-main-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl);align-items:start;min-width:0}.rf-workspace{width:100%;min-width:0}.rf-preview-card{width:100%;background-color:transparent;border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center}.rf-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl);background-color:#fefefe;padding:var(--spacing-lg);border:2px solid var(--color-text-primary);border-radius:20px;box-shadow:6px 6px #0000000d}.rf-controls-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.rf-control-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.rf-control-title{font-family:var(--font-handwriting);font-size:1.4rem;color:var(--color-text-primary);margin:0;border-bottom:1px dashed #e5e5e5;padding-bottom:4px}.rf-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rf-tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background-color:#fff;border:1.5px solid #e5e5e5;border-radius:12px;padding:12px 8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--color-text-primary)}.rf-tool-btn svg{width:24px;height:24px;color:var(--color-text-secondary);transition:color .2s}.rf-tool-btn span{font-size:.85rem;font-weight:700}.rf-tool-btn:hover{border-color:var(--color-accent);background-color:#2563eb05;transform:translateY(-2px)}.rf-tool-btn:hover svg{color:var(--color-accent)}.rf-tool-btn.is-active{background-color:#2563eb0d;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 4px 12px #2563eb1a}.rf-tool-btn.is-active svg{color:var(--color-accent)}.rf-actions-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:auto}.btn-download-primary.is-original{background-color:var(--color-text-secondary)}.rf-legal-hint{font-size:.75rem;color:var(--color-text-secondary);text-align:center;margin:0;font-weight:500}@media (max-width: 1024px){.rf-main-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.rf-sidebar{width:100%;max-width:600px;margin:0 auto}}@media (max-width: 768px){.rf-sidebar{padding:var(--spacing-md)}.btn-download-primary{font-size:1.2rem;padding:12px}}.wm-container{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.wm-top-bar{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.btn-text-action{background:transparent;border:none;font-family:var(--font-handwriting);font-size:1rem;font-weight:700;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;transition:color .2s}.btn-text-action:hover{color:var(--color-text-primary)}.btn-text-action.danger:hover{color:#ef4444}.wm-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--spacing-lg);align-items:start}@media (max-width: 1200px){.wm-main-layout{gap:var(--spacing-md);grid-template-columns:minmax(0,1fr) 300px}}.wm-workspace{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;min-width:0}.wm-preview-wrapper{background-color:#fff;border:2px solid var(--color-text-primary);border-radius:20px;overflow:hidden;box-shadow:4px 4px #0000000d;display:flex;align-items:center;justify-content:center;position:relative}.wm-preview-wrapper .image-preview-canvas{border:none!important;box-shadow:none!important;border-radius:0}.wm-fabric-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.canvas-container{margin:0 auto}.wm-gallery-track{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 12px;scrollbar-width:thin}.wm-gallery-track::-webkit-scrollbar{height:6px}.wm-gallery-track::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.wm-gallery-track::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.wm-gallery-thumb{width:80px;height:80px;flex-shrink:0;border-radius:12px;border:2px solid transparent;overflow:hidden;cursor:pointer;position:relative;transition:all .2s ease;background-color:#f6f6f6}.wm-gallery-thumb img{width:100%;height:100%;object-fit:cover}.wm-gallery-thumb:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.wm-gallery-thumb.is-active{border-color:var(--color-accent);box-shadow:0 0 0 2px #2563eb33}.wm-thumb-badge.done{position:absolute;bottom:4px;right:4px;background:#10b981;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.wm-thumb-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#fff;border:1.5px solid #eee;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#ef4444;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:0 2px 4px #0000001a}.wm-gallery-thumb:hover .wm-thumb-remove{opacity:1;transform:scale(1)}.wm-thumb-remove:hover{background-color:#ef4444;color:#fff;border-color:#ef4444}.wm-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);background-color:#fefefe;padding:var(--spacing-lg);border:2px solid var(--color-text-primary);border-radius:20px;box-shadow:6px 6px #0000000d}.wm-tabs{display:flex;gap:8px;background:#f3f4f6;padding:6px;border-radius:12px}.wm-tab{flex:1;padding:8px 0;background:transparent;border:none;font-family:var(--font-handwriting);font-size:1.1rem;font-weight:700;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;transition:all .2s}.wm-tab.active{background:#fff;color:var(--color-text-primary);box-shadow:0 2px 8px #0000000d}.wm-panel{display:flex;flex-direction:column;gap:20px}.wm-control-group{display:flex;flex-direction:column;gap:8px}.wm-control-group.split{flex-direction:row;gap:16px}.wm-control-group.split>div{flex:1;display:flex;flex-direction:column;gap:8px}.wm-control-group label{font-family:var(--font-handwriting);font-size:.95rem;font-weight:700;color:var(--color-text-primary);margin:0}.wm-input,.wm-select{width:100%;padding:10px 12px;border:1.5px solid #ddd;border-radius:8px;font-family:var(--font-sans);font-size:.95rem;outline:none;transition:border-color .2s;background:#fff}.wm-input:focus,.wm-select:focus{border-color:var(--color-accent)}.wm-color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:42px;background-color:transparent;border:none;cursor:pointer;padding:0}.wm-color-picker::-webkit-color-swatch{border-radius:8px;border:1.5px solid #ddd}.wm-color-picker::-moz-color-swatch{border-radius:8px;border:1.5px solid #ddd}.wm-btn-outline{width:100%;padding:10px;background:transparent;border:1.5px dashed var(--color-text-secondary);border-radius:8px;font-family:var(--font-handwriting);font-size:1rem;font-weight:700;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.wm-btn-outline:hover{border-color:var(--color-text-primary);color:var(--color-text-primary);background:#00000005}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;background:#fff;border:2px solid var(--color-text-primary);border-radius:6px}input[type=range]::-moz-range-track{width:100%;height:10px;background:#fff;border:2px solid var(--color-text-primary);border-radius:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:22px;width:22px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-text-primary);cursor:pointer;margin-top:-8px;box-shadow:2px 2px 0 var(--color-text-primary);transition:transform .1s ease}input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-text-primary);cursor:pointer;box-shadow:2px 2px 0 var(--color-text-primary)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:active::-moz-range-thumb{transform:scale(1.15)}.wm-grid-positioner{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:12px;width:100%;height:180px;align-self:center;background:#f8fafc;padding:12px;border-radius:16px;border:2px solid var(--color-text-primary);box-shadow:4px 4px #0000001a}.wm-grid-positioner button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.wm-grid-positioner button:hover{background:var(--color-accent);border-color:var(--color-text-primary);transform:scale(1.05);box-shadow:2px 2px 0 var(--color-text-primary)}.wm-action-buttons{display:flex;gap:12px;margin-top:4px}.btn-action-brutal{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;font-family:var(--font-handwriting);font-size:.95rem;font-weight:700;border:2px solid var(--color-text-primary);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:3px 3px 0 var(--color-text-primary)}.btn-action-brutal:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-text-primary)}.btn-action-brutal:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-text-primary)}.btn-action-brutal.duplicate{background-color:#fff;color:var(--color-text-primary)}.btn-action-brutal.delete{background-color:#ef4444;color:#fff}.btn-action-brutal:disabled{opacity:.5;cursor:not-allowed}.btn-download-primary{display:flex;align-items:center;justify-content:center;width:100%;background-color:var(--color-accent);color:#fff;border:2px solid var(--color-text-primary);padding:14px;font-family:var(--font-handwriting);font-size:1.4rem;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:4px 4px 0 var(--color-text-primary);margin-top:10px}.btn-download-primary:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-text-primary);filter:brightness(1.1)}.btn-download-primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--color-text-primary)}.btn-download-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background-color:#e5e7eb;color:#9ca3af;border-color:#d1d5db}.wm-divider{border:0;border-top:1px dashed #e5e7eb;margin:0}.wm-layers{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.wm-layers h4{font-family:var(--font-handwriting);font-size:1rem;font-weight:700;color:var(--color-text-primary);margin:0}.wm-layers-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto;border:1.5px solid #e5e7eb;border-radius:8px;padding:4px;background:#fff}.wm-layer-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s;background:transparent;border:1px solid transparent}.wm-layer-item:hover{background:#f9fafb}.wm-layer-item.active{background:#eff6ff;border-color:#bfdbfe;color:var(--color-accent)}.wm-layer-icon{font-size:1.1rem}.wm-layer-name{font-family:var(--font-sans);font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.wm-layer-remove{width:20px;height:20px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:#ef4444;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:4px}.wm-layer-item:hover .wm-layer-remove{opacity:1;transform:scale(1)}.wm-layer-remove:hover{background-color:#fee2e2}.wm-slider-with-input{display:flex;align-items:center;gap:12px}.wm-input-number{width:60px;padding:4px 8px;border:1.5px solid #ddd;border-radius:6px;font-family:var(--font-sans);font-size:.9rem;outline:none;text-align:center}.wm-action-buttons{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.wm-btn-duplicate{background:#fef08a;border:1.5px solid var(--color-text-primary);border-radius:8px;padding:8px 16px;font-family:var(--font-handwriting);font-weight:700;font-size:1rem;color:var(--color-text-primary);cursor:pointer;box-shadow:3px 3px 0 var(--color-text-primary);display:flex;align-items:center;gap:8px;transition:all .2s;flex:1;justify-content:center}.wm-btn-duplicate:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-text-primary);background:#fde047}.wm-btn-duplicate:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-text-primary)}.wm-btn-delete-active{background:#fee2e2;border:1.5px solid #dc2626;border-radius:8px;padding:8px 16px;font-family:var(--font-handwriting);font-weight:700;font-size:1rem;color:#dc2626;cursor:pointer;box-shadow:3px 3px #dc2626;display:flex;align-items:center;gap:8px;transition:all .2s;flex:1;justify-content:center}.wm-btn-delete-active:hover{background:#fecaca;transform:translate(-2px,-2px);box-shadow:5px 5px #dc2626}.wm-btn-delete-active:active{transform:translate(1px,1px);box-shadow:1px 1px #dc2626}@media (max-width: 1024px){.wm-main-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.wm-sidebar{width:100%;max-width:100%;margin:0;box-sizing:border-box}.wm-grid-positioner{height:220px;gap:12px;padding:12px}}@media (max-width: 480px){.wm-sidebar{padding:var(--spacing-md)}.wm-control-group.split{flex-direction:column;gap:12px}.wm-grid-positioner{height:180px;gap:8px;padding:10px}.wm-tabs{padding:4px}.wm-tab{font-size:1rem}}.cp-container{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.cp-top-bar{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm)}.cp-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"preview sidebar" "palette sidebar" "harmonies sidebar" "hint hint";gap:var(--spacing-xl);align-items:start}.cp-preview-card{grid-area:preview;width:100%;position:relative;background-color:#fff;border:2px solid var(--color-text-primary);border-radius:20px;overflow:hidden;box-shadow:4px 4px #0000000d;display:flex;justify-content:center;align-items:center}.cp-preview-card .image-preview-canvas{border:none!important;border-radius:0!important;box-shadow:none!important}.cp-preview-img{max-width:100%;height:auto;transition:filter .3s ease,opacity .3s ease}.cp-preview-img.is-processing{filter:blur(8px) grayscale(.2);opacity:.6}.cp-processing-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:16px;background:#fffffff2;padding:30px;border-radius:20px;border:2px solid var(--color-text-primary);box-shadow:10px 10px #0000001a;animation:cp-pop-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes cp-pop-in{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.cp-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--color-accent);border-radius:50%;animation:cp-spin 1s linear infinite}@keyframes cp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cp-processing-text{font-family:var(--font-handwriting);font-size:1.5rem;color:var(--color-text-primary);text-align:center}.cp-palette-dock{grid-area:palette;display:flex;width:100%;background-color:#fff;border:2px solid var(--color-text-primary);border-radius:16px;overflow:hidden;box-shadow:4px 4px #0000000d}.cp-swatch-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:0;cursor:pointer;transition:transform .2s ease,flex-grow .3s ease;min-width:0;border-right:1.5px solid var(--color-text-primary)}.cp-swatch-item:last-child{border-right:none}.cp-swatch-item:hover{flex-grow:1.2}.cp-swatch-color{width:100%;height:80px;display:flex;align-items:center;justify-content:center;transition:height .3s ease}.cp-swatch-item:hover .cp-swatch-color{height:90px}.cp-swatch-label-overlay{font-family:var(--font-handwriting);font-size:.8rem;font-weight:700;opacity:0;transition:opacity .3s ease}.cp-swatch-item:hover .cp-swatch-label-overlay{opacity:.7}.cp-swatch-info{width:100%;padding:10px 4px;background-color:#fff;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;border-top:1.5px solid var(--color-text-primary)}.cp-swatch-name{font-family:var(--font-handwriting);font-size:.85rem;font-weight:700;color:var(--color-text-secondary);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%}.cp-swatch-code{font-family:var(--font-sans);font-size:.8rem;font-weight:800;color:var(--color-text-primary);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:95%}.cp-harmonies-wrapper{grid-area:harmonies;margin-top:var(--spacing-md);padding:var(--spacing-lg);background-color:#fff;border:2px solid var(--color-text-primary);border-radius:20px;box-shadow:4px 4px #0000000d}.cp-harmonies-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cp-harmony-row{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cp-harmony-type-title{font-family:var(--font-handwriting);font-size:1.1rem;font-weight:700;color:var(--color-text-secondary);margin:0;border-bottom:1px solid #eee;padding-bottom:4px}.cp-harmony-scale{display:flex;width:100%;border-radius:12px;overflow:hidden;border:1.5px solid var(--color-text-primary)}.cp-harmony-scale-item{flex:1;display:flex;flex-direction:column;cursor:pointer;border-right:1.5px solid var(--color-text-primary);transition:flex-grow .3s ease;min-width:0}.cp-harmony-scale-item:last-child{border-right:none}.cp-harmony-scale-item:hover{flex-grow:1.3}.cp-harmony-scale-color{height:60px;width:100%;display:flex;align-items:center;justify-content:center;transition:height .3s ease}.cp-harmony-scale-item:hover .cp-harmony-scale-color{height:70px}.cp-harmony-copy-text{font-family:var(--font-handwriting);font-size:.75rem;font-weight:800;opacity:0;transition:opacity .3s ease}.cp-harmony-scale-item:hover .cp-harmony-copy-text{opacity:.8}.cp-harmony-scale-hex{width:100%;text-align:center;padding:6px 2px;background-color:#fff;font-family:var(--font-sans);font-size:.75rem;font-weight:800;color:var(--color-text-primary);border-top:1.5px solid var(--color-text-primary)}.cp-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:var(--spacing-lg);background-color:#fefefe;padding:var(--spacing-lg);border:2px solid var(--color-text-primary);border-radius:20px;box-shadow:6px 6px #0000000d}.cp-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.cp-section-title{font-family:var(--font-handwriting);font-size:1.4rem;color:var(--color-text-primary);margin:0;border-bottom:1px dashed #e5e5e5;padding-bottom:4px}.cp-format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background-color:#f6f6f6;padding:8px;border-radius:16px;border:1.5px solid #eee}.cp-format-btn{background-color:transparent;border:1.5px solid transparent;color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:1rem;font-weight:700;padding:10px 4px;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.cp-format-btn:hover{background-color:#ffffff80;color:var(--color-text-primary)}.cp-format-btn.is-active{background-color:#fff;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 4px 10px #0000000a}.cp-legal-hint{grid-area:hint;font-family:var(--font-handwriting);font-size:1.1rem;color:var(--color-text-secondary);text-align:center;margin:8px 0 0}@media (max-width: 1024px){.cp-main-layout{grid-template-columns:1fr;grid-template-areas:"preview" "sidebar" "palette" "harmonies" "hint";gap:var(--spacing-lg)}.cp-sidebar{width:100%;max-width:600px;margin:0 auto}}@media (max-width: 768px){.cp-palette-dock{flex-wrap:wrap;border-radius:12px}.cp-swatch-item{flex:1 1 33.33%;border-bottom:1.5px solid var(--color-text-primary)}.cp-swatch-item:nth-child(3n){border-right:none}.cp-swatch-item:nth-last-child(-n+3){border-bottom:none}.cp-swatch-color{height:60px}.cp-harmonies-grid{grid-template-columns:repeat(2,1fr)}}.b64-main-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl);align-items:start;min-width:0;width:100%}.b64-workspace{width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.b64-preview-card{width:100%;background-color:transparent;border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center}.b64-output-area{width:100%;display:flex;flex-direction:column;gap:8px}.b64-textarea{width:100%;min-height:250px;padding:var(--spacing-md);border:2px solid var(--color-text-primary);border-radius:12px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;resize:vertical;color:var(--color-text-primary);background-color:#fefefe;box-sizing:border-box;word-break:break-all;transition:border-color .2s,box-shadow .2s;box-shadow:4px 4px #0000000d}.b64-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a,4px 4px #0000000d}.b64-decode-label{font-family:var(--font-handwriting);font-size:1.4rem;color:var(--color-text-primary);font-weight:700}.b64-decode-error{padding:12px 16px;background-color:#fef2f2;border:2px solid #fecaca;border-radius:12px;font-family:var(--font-sans);font-size:.95rem;color:#dc2626;font-weight:500}.b64-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);background-color:#fefefe;padding:var(--spacing-lg);border:2px solid var(--color-text-primary);border-radius:20px;box-shadow:6px 6px #0000000d}.b64-tabs{display:flex;background-color:#f5f5f7;border-radius:12px;padding:4px;border:1px solid #e5e5e5}.b64-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;background:transparent;font-family:var(--font-handwriting);font-size:1.1rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.b64-tab:hover{color:var(--color-text-primary)}.b64-tab.active{background-color:#fff;color:var(--color-accent);font-weight:700;box-shadow:0 2px 5px #0000000d}.b64-file-info{display:flex;flex-direction:column;gap:8px;padding-bottom:var(--spacing-sm);border-bottom:1px dashed #e5e5e5}.b64-filename{font-family:var(--font-handwriting);font-size:1.3rem;font-weight:700;color:var(--color-text-primary);word-break:break-all;line-height:1.2}.b64-filesize{font-family:var(--font-sans);font-size:.9rem;color:var(--color-text-secondary);display:flex;justify-content:space-between}.b64-controls-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.btn-text-action{display:flex;align-items:center;gap:8px;background:transparent;border:1.5px solid var(--color-text-primary);color:var(--color-text-primary);font-family:var(--font-handwriting);font-size:1.1rem;padding:10px 14px;border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%}.btn-download-primary{display:flex;align-items:center;justify-content:center;width:100%;background-color:var(--color-accent);color:#fff;border:2px solid var(--color-text-primary);padding:14px;font-family:var(--font-handwriting);font-size:1.3rem;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:4px 4px 0 var(--color-text-primary)}.b64-copied-toast{text-align:center;font-family:var(--font-handwriting);font-size:1.15rem;color:#16a34a;padding:8px;background-color:#f0fdf4;border:2px solid #bbf7d0;border-radius:8px;animation:popIn .25s cubic-bezier(.175,.885,.32,1.275);margin-top:8px}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 1024px){.b64-main-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.b64-sidebar{width:100%;max-width:600px;margin:0 auto}}.comparison-container{position:relative;width:100%;height:100%;-webkit-user-select:none;user-select:none;touch-action:none}.comparison-checkerboard{display:none}.comparison-img-base{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1}.comparison-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.comparison-img-overlay{display:block;width:100%;height:100%;object-fit:contain}.comparison-slider-line{position:absolute;top:0;bottom:0;width:4px;background-color:var(--color-accent);z-index:3;transform:translate(-50%);cursor:ew-resize;box-shadow:0 0 10px #0000004d}.comparison-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background-color:#fff;border:3px solid var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-accent);box-shadow:0 4px 10px #0003;transition:transform .2s,background-color .2s}.comparison-slider-line:hover .comparison-slider-handle,.comparison-slider-line:active .comparison-slider-handle{transform:translate(-50%,-50%) scale(1.1);background-color:#f0f7ff}.bgrm-editor-toolbar-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:var(--spacing-lg)}.bgrm-tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background-color:#fff;border:1.5px solid #e5e5e5;border-radius:12px;padding:12px 8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--color-text-primary)}.bgrm-tool-btn .tool-icon{font-size:1.5rem;transition:transform .2s}.bgrm-tool-btn span:last-child{font-size:.85rem;font-weight:700}.bgrm-tool-btn:hover{border-color:var(--color-accent);background-color:#2563eb05;transform:translateY(-2px)}.bgrm-tool-btn:hover .tool-icon{transform:scale(1.1)}.bgrm-tool-btn.is-active{background-color:#2563eb0d;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 4px 12px #2563eb1a}.bgrm-brush-size{display:flex;flex-direction:column;gap:10px;font-family:var(--font-handwriting);font-size:1.1rem;color:var(--color-text-primary);padding-top:var(--spacing-md);border-top:1px dashed #e5e5e5}.bgrm-brush-size input[type=range]{accent-color:var(--color-accent);width:100%}.bgrm-editor-workspace{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:none}.bgrm-paint-canvas{display:block;max-width:100%;max-height:100%;user-select:none;-webkit-user-select:none}.cursor-restore{cursor:crosshair}.cursor-erase{cursor:cell}.cursor-pan{cursor:grab}.cursor-pan:active{cursor:grabbing}.error-page-container{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:40px 24px;width:100%}.error-content-card{background-color:var(--color-bg-surface);border:3px solid var(--color-text-primary);box-shadow:12px 12px 0 var(--color-text-primary);padding:60px 40px;max-width:600px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.error-content-card.critical{border-color:var(--color-error);box-shadow:12px 12px 0 var(--color-error)}.error-icon-wrapper{color:var(--color-text-primary);margin-bottom:32px}.critical .error-icon-wrapper{color:var(--color-error)}.error-svg{width:80px;height:80px}.error-title{font-family:var(--font-family);font-size:3rem;font-weight:900;margin-bottom:16px;line-height:1}.error-message{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:40px;line-height:1.6}.error-btn-primary{text-decoration:none;background-color:var(--color-accent);color:#fff;font-weight:800;padding:16px 40px;font-size:1.2rem;border:3px solid var(--color-text-primary);box-shadow:6px 6px 0 var(--color-text-primary);transition:all .2s cubic-bezier(.68,-.6,.32,1.6);cursor:pointer}.error-btn-primary:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--color-text-primary)}.error-btn-primary:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--color-text-primary)}.error-debug{margin-top:40px;padding:20px;background-color:#fee2e2;border:1px dashed var(--color-error);color:var(--color-error);font-family:monospace;font-size:.85rem;width:100%;overflow-x:auto;text-align:left}.tool-error-container{display:flex;align-items:center;gap:20px;background-color:var(--color-error-bg);border:3px solid var(--color-text-primary);padding:20px 24px;margin:24px 0;width:100%;box-shadow:6px 6px 0 var(--color-error)}.tool-error-icon{color:var(--color-error);flex-shrink:0}.tool-error-content{flex:1}.tool-error-title{font-family:var(--font-family);font-weight:800;font-size:1.1rem;margin-bottom:4px;color:var(--color-text-primary)}.tool-error-message{font-size:.95rem;color:var(--color-text-secondary);margin:0}.tool-error-retry{background:#fff;border:2px solid var(--color-text-primary);padding:8px 16px;font-weight:700;cursor:pointer;box-shadow:3px 3px 0 var(--color-text-primary);transition:all .1s ease}.tool-error-retry:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-text-primary)}.fade-up{animation:fadeUp .4s cubic-bezier(.68,-.6,.32,1.6)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:32px;right:32px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-item{background-color:var(--color-bg-surface);border:3px solid var(--color-text-primary);padding:16px 24px;min-width:280px;max-width:400px;font-family:var(--font-family);font-weight:700;font-size:.95rem;box-shadow:6px 6px 0 var(--color-text-primary);pointer-events:auto}.toast-error{border-color:var(--color-error);color:var(--color-error);box-shadow:6px 6px 0 var(--color-error)}.toast-success{border-color:var(--color-success);color:var(--color-success);box-shadow:6px 6px 0 var(--color-success)}@media (max-width: 600px){.toast-container{bottom:20px;right:20px;left:20px}.toast-item{min-width:auto}}.bgrm-main-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl);align-items:start;min-width:0;width:100%}.bgrm-workspace{width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.bgrm-preview-card{width:100%;background-color:transparent;border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center}.bgrm-loading-preview{position:relative;border:2px solid var(--color-accent)}.bgrm-loading-preview:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.blur-effect{filter:blur(4px);transition:filter .3s}.bgrm-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl);background-color:#fefefe;padding:var(--spacing-lg);border:2px solid var(--color-text-primary);border-radius:20px;box-shadow:6px 6px #0000000d}.bgrm-controls-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.bgrm-control-title{font-family:var(--font-handwriting);font-size:1.4rem;color:var(--color-text-primary);margin:0;border-bottom:1px dashed #e5e5e5;padding-bottom:8px}.bgrm-actions-panel{display:flex;flex-direction:column;gap:var(--spacing-sm)}.btn-text-action{display:flex;align-items:center;gap:8px;background:transparent;border:1.5px solid var(--color-text-primary);color:var(--color-text-primary);font-family:var(--font-handwriting);font-size:1.1rem;padding:10px 14px;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-text-action:hover{background-color:var(--color-bg-surface);transform:translateY(-2px);border-color:var(--color-accent);color:var(--color-accent)}.btn-download-primary{display:flex;align-items:center;justify-content:center;width:100%;background-color:var(--color-accent);color:#fff;border:2px solid var(--color-text-primary);padding:14px;font-family:var(--font-handwriting);font-size:1.4rem;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:4px 4px 0 var(--color-text-primary)}.btn-download-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-text-primary);filter:brightness(1.1)}.btn-download-primary:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--color-text-primary)}.bgrm-sidebar-loading{text-align:center;display:flex;flex-direction:column;align-items:center;padding:10px 0}.bgrm-loading-title{font-family:var(--font-handwriting);font-size:1.4rem;color:var(--color-text-primary);margin-bottom:4px}.bgrm-loading-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.4}.bgrm-result-state{display:flex;flex-direction:column;gap:var(--spacing-md)}.bgrm-slider-hints{display:flex;justify-content:space-between;padding:0 10px;font-family:var(--font-handwriting);font-size:1.1rem;color:var(--color-text-secondary)}.bgrm-legal-hint{font-size:.8rem;color:var(--color-text-secondary);text-align:center;margin:auto 0 0;font-weight:500;padding-top:var(--spacing-md);border-top:1px solid #f0f0f0}@media (max-width: 1024px){.bgrm-main-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.bgrm-sidebar{width:100%;max-width:600px;margin:0 auto}}@media (max-width: 768px){.bgrm-sidebar{padding:var(--spacing-md)}.btn-download-primary{font-size:1.2rem;padding:12px}}.app-layout{display:flex;flex-direction:column;min-height:100vh;padding:var(--spacing-xl) var(--spacing-md);max-width:800px;margin:0 auto}.app-header{text-align:center;margin-bottom:var(--spacing-xl)}.app-header h1{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-footer{text-align:center;margin-top:var(--spacing-xl);color:var(--color-text-secondary);font-size:.9rem}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;min-width:300px;max-width:400px;background-color:#fff;border:2px solid var(--color-text-primary);padding:16px 20px;border-radius:12px;box-shadow:6px 6px #0000001a;display:flex;align-items:center;gap:12px;transform-origin:right top;animation:toast-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}.toast--error{border-color:#ef4444;background-color:#fef2f2}.toast--success{border-color:#22c55e;background-color:#f0fdf4}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast__message{font-family:var(--font-handwriting);font-size:1.1rem;color:var(--color-text-primary);line-height:1.2}.toast--error .toast__message{color:#991b1b}.toast--success .toast__message{color:#166534}.toast--exit{animation:toast-out .4s cubic-bezier(.6,-.28,.735,.045) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(100%) rotate(5deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(50%) scale(.8)}}@media (max-width: 768px){.toast-container{top:15px;right:15px;left:15px;align-items:center}.toast{width:100%;min-width:0;transform-origin:top center}@keyframes toast-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}}:root{--color-bg-main: #f8fafc;--color-bg-surface: #ffffff;--color-text-primary: #000000;--color-text-secondary: #4b5563;--color-grid: #e2e8f0;--grid-size: 20px;--color-accent: #a855f7;--color-accent-hover: #9333ea;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-border: #000000;--color-border-active: #a855f7;--shadow-sm: 2px 2px 5px rgba(0, 0, 0, .05);--shadow-md: 4px 4px 10px rgba(0, 0, 0, .1);--radius-md: 4px;--radius-lg: 8px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 40px;--font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-handwriting: "Gochi Hand", cursive}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--color-bg-main);background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;flex:1}h1{font-size:2rem;font-weight:600;letter-spacing:-.02em}h2{font-size:1.5rem;font-weight:500}p{color:var(--color-text-secondary)}