*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--color-bg:#0f0f0f;--color-surface:#1a1a1a;--color-surface-hover:#252525;--color-border:#333;--color-text:#e5e5e5;--color-text-muted:#888;--color-primary:#6c63ff;--color-primary-hover:#5a52d5;--color-danger:#ff4757;--color-success:#2ed573;--radius:12px;--radius-sm:8px}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#app{max-width:960px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:40px}.header__title{letter-spacing:-.02em;font-size:2rem;font-weight:700}.header__subtitle{color:var(--color-text-muted);margin-top:8px;font-size:.95rem}.upload-area{border:2px dashed var(--color-border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:60px 40px;transition:border-color .2s,background .2s}.upload-area:hover,.upload-area--dragover{border-color:var(--color-primary);background:#6c63ff0d}.upload-area__icon{color:var(--color-text-muted);margin-bottom:16px}.upload-area__text{margin-bottom:8px;font-size:1.1rem;font-weight:500}.upload-area__hint{color:var(--color-text-muted);font-size:.85rem}.progress-bar{background:var(--color-surface);border-radius:3px;width:100%;height:6px;margin-top:8px;overflow:hidden}.progress-bar__fill{background:var(--color-primary);border-radius:3px;width:0%;height:100%;transition:width .3s}.model-status{text-align:center;background:var(--color-surface);border-radius:var(--radius-sm);margin-bottom:20px;padding:20px}.model-status__text{margin-bottom:4px;font-weight:500}.model-status__detail{color:var(--color-text-muted);margin-top:8px;font-size:.85rem}.batch-status{background:var(--color-surface);border-radius:var(--radius-sm);margin-top:24px;padding:16px 20px}.batch-status__text{margin-bottom:4px;font-size:.9rem}.gallery{margin-top:32px}.gallery__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.gallery__title{font-size:1.3rem;font-weight:600}.gallery__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.result-card{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);overflow:hidden}.result-card__preview{aspect-ratio:4/3;background-image:linear-gradient(45deg,#222 25%,#0000 25%),linear-gradient(-45deg,#222 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#222 75%),linear-gradient(-45deg,#0000 75%,#222 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:relative;overflow:hidden}.result-card__preview img{object-fit:contain;width:100%;height:100%}.result-card__compare{aspect-ratio:4/3;cursor:ew-resize;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.result-card__compare-before,.result-card__compare-after{position:absolute;top:0;bottom:0;left:0;right:0}.result-card__compare-before img,.result-card__compare-after img{object-fit:contain;width:100%;height:100%}.result-card__compare-before{clip-path:inset(0 var(--clip-right,50%) 0 0)}.result-card__compare-after{clip-path:inset(0 0 0 var(--clip-left,50%));background-image:linear-gradient(45deg,#222 25%,#0000 25%),linear-gradient(-45deg,#222 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#222 75%),linear-gradient(-45deg,#0000 75%,#222 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.result-card__compare-divider{top:0;bottom:0;left:var(--divider-pos,50%);z-index:2;pointer-events:none;background:#fff;width:3px;position:absolute;transform:translate(-50%)}.result-card__compare-divider:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.result-card__label{color:#fff;z-index:3;pointer-events:none;background:#0009;border-radius:4px;padding:2px 8px;font-size:.75rem;position:absolute;bottom:8px}.result-card__label--before{left:8px}.result-card__label--after{right:8px}.result-card__info{padding:12px 16px}.result-card__name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:.85rem;font-weight:500;overflow:hidden}.result-card__actions{gap:8px;display:flex}.result-card--processing .result-card__preview{background:var(--color-surface);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:background .15s;display:inline-flex}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface-hover);color:var(--color-text)}.btn--secondary:hover{background:var(--color-border)}.btn--danger{color:var(--color-danger);background:0 0}.btn--danger:hover{background:#ff47571a}.btn--small{padding:6px 12px;font-size:.8rem}.btn--full{justify-content:center;width:100%}.modal{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal__backdrop{background:#000000b3;position:absolute;top:0;bottom:0;left:0;right:0}.modal__content{background:var(--color-surface);border-radius:var(--radius);width:90%;max-width:600px;max-height:80vh;padding:32px;position:relative;overflow-y:auto}.modal__title{margin-bottom:8px;font-size:1.2rem}.modal__desc{color:var(--color-text-muted);margin-bottom:20px;font-size:.9rem}.modal__actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.sheet-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.sheet-preview__item{aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid var(--color-border);background-image:linear-gradient(45deg,#222 25%,#0000 25%),linear-gradient(-45deg,#222 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#222 75%),linear-gradient(-45deg,#0000 75%,#222 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;overflow:hidden}.sheet-preview__item img{object-fit:contain;width:100%;height:100%}.gallery__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.result-card{position:relative}.result-card__select{z-index:5;cursor:pointer;position:absolute;top:8px;left:8px}.result-card__select input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer;border-radius:4px}.editor-modal .modal__content{flex-direction:column;width:95vw;max-width:95vw;height:95vh;max-height:95vh;padding:16px;display:flex}.editor__header{flex-shrink:0;align-items:center;gap:16px;margin-bottom:12px;display:flex}.editor__header .modal__title{margin-bottom:0}.editor__filename{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.editor__toolbar{background:var(--color-surface-hover);border-radius:var(--radius-sm);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;margin-bottom:12px;padding:10px 12px;display:flex}.editor__tools{gap:4px;display:flex}.editor__tool-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;transition:all .15s;display:inline-flex}.editor__tool-btn:hover{background:var(--color-surface)}.editor__tool--active{border-color:var(--color-primary);color:#fff;background:var(--color-primary)!important}.editor__brush-group{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.editor__brush-size{width:120px;accent-color:var(--color-primary)}.editor__brush-label{text-align:right;min-width:40px;color:var(--color-text);font-size:.8rem}.editor__actions-bar{gap:6px;margin-left:auto;display:flex}.editor__viewport{border-radius:var(--radius-sm);background-color:#111;background-image:linear-gradient(45deg,#1a1a1a 25%,#0000 25%),linear-gradient(-45deg,#1a1a1a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1a1a1a 75%),linear-gradient(-45deg,#0000 75%,#1a1a1a 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.editor__canvas-wrapper{transform-origin:50%;position:relative}.editor__canvas{max-width:none;display:block}.editor__overlay{z-index:1;pointer-events:auto;cursor:crosshair;max-width:none;position:absolute;top:0;left:0}.editor-modal .modal__actions{flex-shrink:0;margin-top:12px}@media (max-width:600px){#app{padding:24px 16px}.header__title{font-size:1.5rem}.upload-area{padding:40px 20px}.gallery__grid{grid-template-columns:1fr}.modal__content{padding:24px}}