:root{--bg-color: #05060a;--panel-color: rgba(255, 255, 255, .04);--muted: #9ca3af;--text-color: #f5f7fb;--accent-color: #12ffd9;--accent-hover: #11d6e4;--border-color: rgba(255, 255, 255, .08);--radius-lg: 18px;font-family:Space Grotesk,Inter,SF Pro Display,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text-color);background-color:var(--bg-color);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(18,255,217,.06),transparent 25%),radial-gradient(circle at 80% 0%,rgba(69,151,255,.08),transparent 32%),#05060a}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:left;box-sizing:border-box}button{font-family:inherit;border:none}.result-wrapper{width:100%}.result-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem}@media(max-width:900px){.result-grid{grid-template-columns:1fr}}.model-container{background:#ffffff08;border-radius:18px;border:1px solid var(--border-color);overflow:hidden;position:relative;min-height:420px}.model-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.model-footer{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:.5rem;background:#00000073;padding:.35rem .6rem;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.model-footer a{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-color);text-decoration:none;font-weight:600}.model-badge{position:absolute;top:1rem;left:1rem;background:#0009;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.texture-card{background:#ffffff05;border-radius:16px;border:1px solid var(--border-color);padding:1rem;display:flex;flex-direction:column;gap:.8rem}.texture-head{display:flex;align-items:center;justify-content:space-between}.texture-head h4{margin:.2rem 0 0}.texture-preview{border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.texture-preview img{display:block;width:100%;height:auto}.texture-actions{display:flex;gap:.5rem}.action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem;border-radius:10px;text-decoration:none;color:var(--text-color);background:linear-gradient(120deg,#2af6cb,#11d6e4);font-weight:600}.action-btn.secondary{background:#ffffff0a;border:1px solid var(--border-color)}.app-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;padding-bottom:4rem}.header-section{text-align:left}h1{font-size:2.8rem;line-height:1.1;margin:.2em 0 0;font-weight:800;letter-spacing:-.02em;background:linear-gradient(120deg,#f3f5ff,#7ae8ff 45%,#12ffd9 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--muted);margin:.2rem 0 0;font-size:1.05rem}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:#9ae5ff;padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(154,229,255,.2);background:#9ae5ff0d;font-size:.9rem}.panel{background:var(--panel-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;text-align:left;box-shadow:0 20px 70px #00000040}.panel.light{background:#ffffff08}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel h3{margin:.1rem 0}.kicker{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#7ec2ff}.cloth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.empty-block{padding:1rem;color:var(--muted);border:1px dashed var(--border-color);border-radius:12px}.cloth-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:14px;padding:.75rem;color:inherit;text-align:left;display:flex;gap:.75rem;align-items:center;transition:border .2s,transform .2s,box-shadow .2s;cursor:pointer}.cloth-card:hover{border-color:#fff3;transform:translateY(-2px)}.cloth-card.active{border-color:var(--accent-color);box-shadow:0 10px 30px #12ffd926}.cloth-card .pill{margin-bottom:.25rem}.cloth-thumb{width:72px;height:72px;border-radius:12px;overflow:hidden;background:#0b0c12;border:1px solid var(--border-color)}.cloth-thumb img{width:100%;height:100%;object-fit:cover}.cloth-meta strong{font-size:1rem}.side-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.side-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.8rem}.side-card__header{display:flex;justify-content:space-between;align-items:center}.status{font-size:.85rem;padding:.3rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:var(--muted)}.status-loading{color:#ffd166;border-color:#ffd1664d}.status-done{color:#5cf5c7;border-color:#5cf5c759}.status-error{color:#ff6b6b;border-color:#ff6b6b59}.status-skipped{color:#9ca3af}.image-layer{position:relative;border-radius:12px;overflow:hidden;border:1px dashed var(--border-color);background:#0c0d16;aspect-ratio:1 / 1}.image-layer img{width:100%;height:100%;object-fit:contain;display:block}.generated-image{position:absolute;inset:0}.image-placeholder{width:100%;height:100%;background:repeating-linear-gradient(45deg,#ffffff0a,#ffffff0a 12px,#ffffff05 12px 24px)}.legend{position:absolute;top:10px;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;border:1px solid rgba(255,255,255,.12);background:#0006}.legend-base{left:10px}.legend-gen{right:10px;background:#12ffd933;border-color:#12ffd966}.corner-thumb{position:absolute;right:10px;bottom:10px;width:72px;height:72px;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;box-shadow:0 6px 20px #00000059}.corner-thumb img{width:100%;height:100%;object-fit:cover}.prompt-input{background:#ffffff0a;border:1px solid var(--border-color);border-radius:12px;padding:.75rem;color:var(--text-color);font-size:.95rem;min-height:96px;resize:vertical}.prompt-input:focus{outline:1px solid var(--accent-color)}.actions-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.primary-btn,.secondary-btn,.ghost-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.75rem 1.15rem;border-radius:12px;color:var(--text-color);cursor:pointer;transition:transform .15s,background .2s,opacity .2s}.primary-btn{background:linear-gradient(120deg,#2af6cb,#11d6e4);color:#031013;font-weight:700}.secondary-btn{background:#ffffff0a;border:1px solid var(--border-color)}.ghost-btn{background:#ffffff0f;border:1px dashed var(--border-color);color:#b7c2d0}.primary-btn:disabled,.secondary-btn:disabled,.ghost-btn:disabled{opacity:.6;cursor:not-allowed}.primary-btn:hover:not(:disabled),.secondary-btn:hover:not(:disabled),.ghost-btn:hover:not(:disabled){transform:translateY(-1px)}.inline-status{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted)}.inline-status.ghost{color:#7ec2ff}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:999px;font-size:.85rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.pill.ghost{border-style:dashed}.error-message{background:#ff6b6b14;border:1px solid rgba(255,107,107,.3);color:#ffc4c4;padding:.85rem 1rem;border-radius:12px}.preview-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.preview-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;padding:.75rem}.preview-card img{width:100%;border-radius:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){#root{padding:1.25rem}.panel-head{flex-direction:column;align-items:flex-start}}