.portfolio[data-v-36bc8d6e]{position:fixed;top:0;left:0;right:0;bottom:0;color:#fff;font-family:system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.background[data-v-36bc8d6e]{position:fixed;inset:0;background:#0a0a0f;z-index:-2}.upload-screen[data-v-36bc8d6e]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem}.upload-container[data-v-36bc8d6e]{max-width:600px;width:100%}h1[data-v-36bc8d6e]{font-size:2.5rem;font-weight:600;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;text-align:center}.description[data-v-36bc8d6e]{color:hsla(0,0%,100%,.7);margin-bottom:2rem;text-align:center;font-size:1.1rem}.upload-area[data-v-36bc8d6e]{background:hsla(0,0%,100%,.06);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:3rem;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.3)}.upload-area[data-v-36bc8d6e]:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}.upload-label[data-v-36bc8d6e]{cursor:pointer;display:block;color:hsla(0,0%,100%,.9);text-align:center}.upload-icon[data-v-36bc8d6e]{font-size:3rem;margin:0 0 1rem 0;filter:grayscale(.3) brightness(1.1)}.preview-screen[data-v-36bc8d6e]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.fullscreen-preview[data-v-36bc8d6e]{padding:2rem;padding-bottom:220px}.fullscreen-preview[data-v-36bc8d6e],.preview-with-grid[data-v-36bc8d6e]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-with-grid[data-v-36bc8d6e]{position:relative;max-width:100%;max-height:100%}.preview-image[data-v-36bc8d6e]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.4);display:block}.grid-overlay[data-v-36bc8d6e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto;border-radius:8px;cursor:grab}.grid-overlay[data-v-36bc8d6e]:active{cursor:grabbing}.controls-island[data-v-36bc8d6e]{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:hsla(0,0%,100%,.08);backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.15);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:calc(100vw - 4rem);width:700px;z-index:100}.controls-header[data-v-36bc8d6e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.file-name[data-v-36bc8d6e]{color:hsla(0,0%,100%,.8);font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 40px)}.close-btn[data-v-36bc8d6e]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.8);width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;padding:0;flex-shrink:0}.close-btn[data-v-36bc8d6e]:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}.controls-content[data-v-36bc8d6e]{display:flex;flex-direction:column;gap:1rem}.control-row[data-v-36bc8d6e]{display:grid;grid-template-columns:60px 1fr auto auto;align-items:center;gap:.75rem}.control-row label[data-v-36bc8d6e]{color:hsla(0,0%,100%,.8);font-size:.9rem;font-weight:500}.slider[data-v-36bc8d6e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:hsla(0,0%,100%,.15);outline:none;transition:all .2s ease}.slider[data-v-36bc8d6e]:hover{background:hsla(0,0%,100%,.2)}.slider[data-v-36bc8d6e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:rgba(66,185,131,.9);cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:2px solid rgba(66,185,131,.5)}.slider[data-v-36bc8d6e]::-webkit-slider-thumb:hover{background:#42b983;transform:scale(1.15);box-shadow:0 0 12px rgba(66,185,131,.6)}.slider[data-v-36bc8d6e]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:rgba(66,185,131,.9);cursor:pointer;-moz-transition:all .2s ease;transition:all .2s ease;border:2px solid rgba(66,185,131,.5)}.slider[data-v-36bc8d6e]::-moz-range-thumb:hover{background:#42b983;transform:scale(1.15);box-shadow:0 0 12px rgba(66,185,131,.6)}.number-input[data-v-36bc8d6e]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;padding:.4rem .6rem;color:#fff;font-size:.9rem;outline:none;transition:all .2s ease;width:70px;text-align:center}.number-input[data-v-36bc8d6e]:focus{background:hsla(0,0%,100%,.15);border-color:rgba(66,185,131,.5)}.value-display[data-v-36bc8d6e]{color:hsla(0,0%,100%,.6);min-width:60px;font-size:.85rem;font-weight:500}.control-actions[data-v-36bc8d6e]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.lock-label[data-v-36bc8d6e]{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:hsla(0,0%,100%,.8);font-size:.9rem}.checkbox[data-v-36bc8d6e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-radius:4px;background:hsla(0,0%,100%,.05);cursor:pointer;transition:all .2s ease;position:relative}.checkbox[data-v-36bc8d6e]:checked{background:rgba(66,185,131,.3);border-color:rgba(66,185,131,.6)}.checkbox[data-v-36bc8d6e]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#42b983;font-size:12px;font-weight:700}.button-group[data-v-36bc8d6e]{display:flex;gap:.5rem}.apply-btn[data-v-36bc8d6e],.download-btn[data-v-36bc8d6e]{padding:.6rem 1.5rem;font-size:.9rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;backdrop-filter:blur(15px)}.apply-btn[data-v-36bc8d6e]{background:rgba(66,153,225,.3);color:#fff;border:1px solid rgba(66,153,225,.5)}.apply-btn[data-v-36bc8d6e]:hover{background:rgba(66,153,225,.4);border-color:rgba(66,153,225,.7);transform:translateY(-1px);box-shadow:0 4px 12px rgba(66,153,225,.3)}.download-btn[data-v-36bc8d6e]{background:rgba(66,185,131,.3);color:#fff;border:1px solid rgba(66,185,131,.5)}.download-btn[data-v-36bc8d6e]:hover:not(:disabled){background:rgba(66,185,131,.4);border-color:rgba(66,185,131,.7);transform:translateY(-1px);box-shadow:0 4px 12px rgba(66,185,131,.3)}.download-btn[data-v-36bc8d6e]:disabled{opacity:.5;cursor:not-allowed}.reset-offset-btn[data-v-36bc8d6e]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.8);width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding:0;flex-shrink:0}.reset-offset-btn[data-v-36bc8d6e]:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}.error-overlay[data-v-36bc8d6e],.status-overlay[data-v-36bc8d6e]{position:fixed;top:2rem;left:50%;transform:translateX(-50%);z-index:200}.status[data-v-36bc8d6e]{background:rgba(66,153,225,.2);border:1px solid rgba(66,153,225,.4);border-radius:12px;color:hsla(0,0%,100%,.9)}.error[data-v-36bc8d6e],.status[data-v-36bc8d6e]{padding:1rem 2rem;backdrop-filter:blur(20px);font-size:.95rem}.error[data-v-36bc8d6e]{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);color:hsla(0,100%,85%,.95);border-radius:12px}.fade-enter-active[data-v-36bc8d6e],.fade-leave-active[data-v-36bc8d6e]{transition:all .3s ease}.fade-enter-from[data-v-36bc8d6e],.fade-leave-to[data-v-36bc8d6e]{opacity:0}.slide-up-enter-active[data-v-36bc8d6e]{transition:all .4s ease-out}.slide-up-leave-active[data-v-36bc8d6e]{transition:all .3s ease-in}.slide-up-enter-from[data-v-36bc8d6e]{opacity:0;transform:translateX(-50%) translateY(30px)}.slide-up-leave-to[data-v-36bc8d6e]{opacity:0;transform:translateX(-50%) translateY(20px)}.bottom-text-disclaimer[data-v-36bc8d6e]{filter:grayscale(1) brightness(.8);position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);text-align:center;z-index:50;font-size:.85rem}@media (max-width:768px){h1[data-v-36bc8d6e]{font-size:2rem}.description[data-v-36bc8d6e]{font-size:1rem}.bottom-text-disclaimer[data-v-36bc8d6e]{font-size:.75rem;bottom:1rem}.upload-screen[data-v-36bc8d6e]{align-items:flex-start;padding-top:4rem}.upload-area[data-v-36bc8d6e]{padding:2rem}.upload-icon[data-v-36bc8d6e]{font-size:2.5rem}.fullscreen-preview[data-v-36bc8d6e]{padding:1rem;padding-bottom:300px}.preview-image[data-v-36bc8d6e]{max-height:calc(100vh - 300px)}.controls-island[data-v-36bc8d6e]{bottom:1rem;width:auto;max-width:calc(100vw - 4rem);padding:1rem;font-size:.85rem}.controls-header[data-v-36bc8d6e]{margin-bottom:.75rem;padding-bottom:.75rem}.file-name[data-v-36bc8d6e]{font-size:.8rem}.control-row[data-v-36bc8d6e]{gap:.5rem}.control-row label[data-v-36bc8d6e]{font-size:.8rem}.number-input[data-v-36bc8d6e]{width:60px;padding:.3rem .4rem;font-size:.8rem}.apply-btn[data-v-36bc8d6e],.download-btn[data-v-36bc8d6e]{padding:.5rem 1rem;font-size:.8rem}.reset-offset-btn[data-v-36bc8d6e]{width:28px;height:28px;font-size:1rem}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app,body,html{margin:0;padding:0;-ms-overflow-style:none;scrollbar-width:none}#app::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body{padding:20px;background-color:#f5f5f5}