*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #FF6B6B;--primary-hover: #ff5252;--secondary: #4ECDC4;--accent: #FFE66D;--success: #ADFF2F;--bg: #F7F7F7;--white: #ffffff;--black: #000000;--text: #000000;--text-muted: #333333;--border-width: 3px;--border: var(--border-width) solid var(--black);--shadow: 6px 6px 0px 0px var(--black);--shadow-sm: 4px 4px 0px 0px var(--black);--shadow-hover: 2px 2px 0px 0px var(--black);--radius: 0px;--font-display: "Space Grotesk", sans-serif;--font-body: "Public Sans", sans-serif;--transition: .15s cubic-bezier(.175, .885, .32, 1.275)}html{font-size:16px}body{font-family:var(--font-body);background-color:var(--bg);background-image:radial-gradient(var(--black) 1px,transparent 0);background-size:40px 40px;color:var(--text);line-height:1.6;min-height:100vh}.app{max-width:800px;margin:0 auto;padding:3rem 1.5rem 5rem}.main{display:flex;flex-direction:column;gap:2rem}.card{background:var(--white);border:var(--border);box-shadow:var(--shadow);padding:2rem;position:relative;transition:transform var(--transition),box-shadow var(--transition)}.card:before{content:"";position:absolute;top:-10px;left:-10px;width:20px;height:20px;background:var(--accent);border:var(--border);z-index:-1}.header{text-align:center;margin-bottom:3.5rem}.header-logo{display:inline-block;background:var(--primary);border:var(--border);box-shadow:var(--shadow);padding:.5rem 2rem;margin-bottom:1.5rem;transform:rotate(-2deg);position:relative}.header-badge{position:absolute;top:-20px;right:-30px;background:var(--success);border:var(--border);padding:.2rem .6rem;font-family:var(--font-display);font-weight:900;font-size:.9rem;transform:rotate(15deg);box-shadow:var(--shadow-sm);color:var(--black)}.sticker{position:fixed;z-index:-1;pointer-events:none;opacity:.8;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;text-transform:uppercase;border:var(--border);box-shadow:var(--shadow-sm);padding:.5rem 1rem}.sticker-1{top:10%;left:5%;background:var(--accent);transform:rotate(-10deg)}.sticker-2{bottom:15%;right:5%;background:var(--secondary);transform:rotate(12deg)}.sticker-3{top:60%;left:2%;background:var(--primary);color:#fff;transform:rotate(-5deg)}.header-title{font-family:var(--font-display);font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:-.05em;color:var(--white);-webkit-text-stroke:1.5px var(--black)}.header-tagline{font-family:var(--font-display);font-weight:700;font-size:1.1rem;text-transform:uppercase;color:var(--black);background:var(--accent);display:inline-block;padding:.2rem .8rem;border:var(--border);box-shadow:var(--shadow-sm);margin-top:.5rem}.dropzone{border:4px dashed var(--black);padding:4rem 2rem;text-align:center;cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;outline:none;background:#fff}.dropzone:hover,.dropzone:focus-visible{background:var(--secondary);transform:translate(-2px,-2px);box-shadow:4px 4px 0 0 var(--black)}.dropzone-active{background:var(--success)}.dropzone-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.dropzone-ribbon{position:absolute;top:-10px;right:-20px;background:var(--accent);border:var(--border);padding:.1rem .5rem;font-family:var(--font-display);font-weight:900;font-size:.8rem;transform:rotate(5deg);box-shadow:var(--shadow-sm)}.dropzone-icon{color:var(--black);transform:scale(1.2)}.dropzone-text{font-family:var(--font-display);font-size:1.25rem;font-weight:800;text-transform:uppercase;color:var(--black)}.dropzone-hint{font-family:var(--font-display);font-size:.9rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.dropzone-filename{font-family:var(--font-display);font-size:1rem;font-weight:800;text-transform:uppercase;color:var(--black);word-break:break-all;background:var(--accent);padding:.2rem .5rem;border:var(--border)}.dropzone-preview{position:relative;display:flex;justify-content:center}.dropzone-preview-img{max-width:100%;max-height:320px;border:var(--border);box-shadow:var(--shadow-sm);object-fit:contain;display:block;background:#eee}.dropzone-preview-overlay{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:90%;background:var(--white);border:var(--border);box-shadow:var(--shadow-sm);padding:.75rem;z-index:10}.processing-options{display:flex;flex-direction:column;gap:1.5rem}.mode-toggle{display:flex;gap:1rem}.mode-btn{flex:1;padding:1rem;border:var(--border);background:var(--white);color:var(--black);font-family:var(--font-display);font-size:1rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm)}.mode-btn:hover{background:var(--bg);transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--black)}.mode-btn-active{background:var(--secondary)}.mode-btn-active:nth-child(2){background:var(--accent)}.model-select-wrapper{display:flex;flex-direction:column;gap:.5rem}.model-label{font-family:var(--font-display);font-size:1rem;font-weight:900;text-transform:uppercase;color:var(--black)}.model-select{width:100%;padding:.8rem 1rem;background:var(--white);color:var(--black);border:var(--border);box-shadow:var(--shadow-sm);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;outline:none;text-transform:uppercase}.model-select:focus{background:var(--accent)}.model-desc{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--black);text-transform:uppercase;line-height:1.4;padding:.8rem;background:var(--accent);border:var(--border)}.action-buttons{display:flex;gap:1rem;margin-top:1.5rem}.btn{padding:1.2rem 2rem;border:var(--border);font-family:var(--font-display);font-size:1.2rem;font-weight:900;text-transform:uppercase;cursor:pointer;transition:all var(--transition);outline:none;box-shadow:var(--shadow)}.btn:hover:not(:disabled){transform:translate(-4px,-4px);box-shadow:12px 12px 0 0 var(--black)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--black)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{flex:2;background:var(--success);color:var(--black)}.btn-secondary{flex:1;background:var(--white);color:var(--black)}.progress-container{display:flex;flex-direction:column;gap:.5rem;background:var(--white);border:var(--border);box-shadow:var(--shadow);padding:1.5rem}.progress-bar{width:100%;height:24px;background:var(--white);border:var(--border);position:relative;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-right:var(--border);transition:width .3s ease}.progress-text{font-family:var(--font-display);font-size:1.2rem;font-weight:900;color:var(--black);text-align:right}.server-processing{display:flex;align-items:center;justify-content:center;gap:1rem;background:var(--accent)}.server-processing p{font-family:var(--font-display);font-weight:900;text-transform:uppercase;color:var(--black);font-size:1.1rem}.spinner{width:32px;height:32px;border:5px solid var(--black);border-top-color:var(--white);animation:spin .6s steps(8) infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-card{border-color:var(--primary);background:var(--primary);color:var(--white)}.error-text{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:1rem}.image-preview-card{background:var(--white);border:var(--border);box-shadow:var(--shadow);overflow:visible}.image-preview-labels{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-bottom:var(--border);background:var(--secondary);margin:-var(--border-width);margin-bottom:0}.image-label{font-family:var(--font-display);font-size:1rem;font-weight:900;text-transform:uppercase;color:var(--black)}.image-preview-container{position:relative;width:100%;cursor:ew-resize;overflow:hidden;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:#eee;border-top:none}.preview-image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.preview-image-result{display:block}.preview-image-clip{position:absolute;top:0;left:0;width:100%;height:100%}.preview-image-clip .preview-image{width:100%;height:100%;object-fit:contain}.preview-slider{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.preview-slider-line{position:absolute;top:0;bottom:0;width:6px;background:var(--black)}.preview-slider-handle{width:50px;height:50px;background:var(--accent);border:var(--border);box-shadow:var(--shadow-sm);color:var(--black)}.download-btn{display:flex;align-items:center;justify-content:center;gap:1.2rem;width:100%;padding:1.8rem;background:var(--success);border:var(--border);box-shadow:10px 10px 0 0 var(--black);color:var(--black);font-family:var(--font-display);font-size:1.8rem;font-weight:900;text-transform:uppercase;cursor:pointer;transition:all var(--transition)}.download-btn:hover{background:#96ff00;transform:translate(-4px,-4px);box-shadow:16px 16px 0 0 var(--black)}.download-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--black)}@media(max-width:600px){.app{padding:2rem 1rem 4rem}.header-title{font-size:2rem}.header-tagline{font-size:.9rem}.dropzone{padding:3rem 1.25rem}.action-buttons{flex-direction:column}.download-btn{font-size:1.2rem}}