.texture-page{padding:34px 0 18px}.texture-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.texture-title h1{font-size:26px}.texture-title h1 small{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.texture-title>a{font-size:11px;color:var(--accent)}.texture-disclaimer{display:flex;align-items:flex-start;gap:11px;padding:15px 18px;background:#fff9e8;border:1px solid #eee4c9;border-radius:12px;color:#8a7851;line-height:1.9;font-size:11px;margin-bottom:24px}.texture-disclaimer p{margin:0}.info-icon{display:inline-grid;place-items:center;width:17px;height:17px;flex-shrink:0;border:1px solid currentColor;border-radius:50%;margin-top:2px;font-family:Georgia,serif;font-size:12px}.texture-shell{padding:26px;min-height:410px}.texture-engine{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;color:var(--muted);font-size:11px}.texture-engine strong{color:var(--ink);font-size:13px;font-weight:500}.texture-drop{border:2px dashed #a8d4ce;background:linear-gradient(140deg,#f8fcfa,#f1f8f7);border-radius:15px;transition:.2s}.texture-drop.dragover{border-color:var(--accent);background:#e8f6f0}.texture-upload{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;min-height:280px;width:100%;border:0;background:transparent;color:var(--ink);padding:30px}.texture-upload:disabled{cursor:default;opacity:.7}.texture-upload>strong{font-size:19px;font-weight:500}.texture-upload>small{font-size:11px;color:#81998d;text-align:center;line-height:1.9}.upload-icon{width:47px;height:47px;border:1px solid #b3cdc5;border-radius:12px;display:grid;place-items:center;color:#67998b;font-size:28px;font-weight:300}.texture-upload-preview{padding:20px;display:flex;align-items:center;gap:20px;border-top:1px dashed #c9ded5}.texture-upload-preview img{width:90px;height:100px;object-fit:contain;background:#fff;border-radius:8px}.texture-upload-preview p{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.texture-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.texture-controls .generate{width:auto;min-width:190px;justify-content:center}.texture-controls .cancel{width:auto;margin:0}.texture-status{font-size:11px;line-height:1.9;color:var(--muted);margin:18px 0 0}.texture-progress-panel{margin:24px 0;padding:19px 24px;border:1px solid var(--line);border-radius:14px;background:#fff}.texture-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}#texture-progress{display:block;width:100%;height:8px;border:0;border-radius:20px;overflow:hidden;margin:15px 0 0;background:#e9f0eb}#texture-progress::-webkit-progress-bar{background:#e9f0eb;border-radius:20px}#texture-progress::-webkit-progress-value{background:linear-gradient(90deg,#173c37,#079e8e,#a6d69d);border-radius:20px;transition:width .25s}#texture-progress::-moz-progress-bar{background:linear-gradient(90deg,#173c37,#079e8e,#a6d69d);border-radius:20px}.texture-result{margin-top:24px}.texture-result-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.texture-result-top>div{display:flex;gap:12px}.texture-result-top .generate{width:auto;font-size:12px;box-shadow:none}.texture-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.texture-compare figure{margin:0}.texture-compare img{display:block;width:100%;max-height:460px;object-fit:contain;background:#f4f7f3;border-radius:12px}.texture-compare figcaption{padding:10px 0;font-size:11px;color:var(--muted)}.texture-boundary{font-size:10px;line-height:1.9;color:var(--muted);margin:20px 0 0}.texture-result-copy{width:100%;max-height:360px;object-fit:contain;border-radius:12px;background:#f4f7f3}.beta-label{font-size:9px!important;background:#edf4e9;border:1px solid #dbe7d6;padding:3px 5px!important;color:#6f826a!important}.history-shortcut{font-size:11px;color:var(--accent)}
@media(max-width:740px){.texture-page{padding-top:26px}.texture-title{align-items:flex-start}.texture-title h1{font-size:22px}.texture-title h1 small{display:block;margin-top:8px;font-size:11px}.texture-disclaimer{padding:13px;font-size:10px}.texture-shell{padding:16px}.texture-engine{flex-direction:column;align-items:flex-start;gap:7px}.texture-upload{min-height:250px;padding:25px 15px}.texture-upload>small{font-size:10px}.texture-controls .generate{flex:1}.texture-upload-preview{padding:15px;gap:12px}.texture-upload-preview img{width:70px;height:80px}.texture-compare{gap:10px}.texture-result-top{flex-wrap:wrap}.texture-result-top .outline-button{font-size:10px}.texture-progress-panel{padding:16px}.texture-progress-heading{align-items:flex-start;flex-direction:column;gap:5px}nav{gap:22px}nav a{font-size:11px}nav .beta-label{font-size:8px!important;padding:2px 3px!important}.texture-title>a{white-space:nowrap;font-size:10px}}