:root{--bg:#f5f6f8;--surface:#fff;--text:#1d2330;--muted:#667085;--border:#e3e6eb;--accent:#0a7c55;--accent-text:#fff;--danger:#c0392b;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}.app{max-width:1100px;margin:0 auto;padding:32px 16px 64px}.app-header h1{margin:0 0 4px;font-size:28px}.app-header p{color:var(--muted);margin:0 0 24px}.layout{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;display:grid}.column{flex-direction:column;gap:20px;min-width:0;display:flex}@media (width<=800px){.layout{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.card h2{margin:0 0 12px;font-size:17px}.hint{color:var(--muted);margin:0 0 12px;font-size:13px}.preview{flex-direction:column;align-items:center;gap:16px;display:flex}.preview-avatar{width:260px;height:260px}button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);border-radius:8px;padding:8px 14px;font-size:14px}button.secondary{color:var(--accent);background:0 0}button.link{color:var(--accent);background:0 0;border:none;padding:4px 6px}button.link.danger{color:var(--danger)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button-row{gap:8px;display:flex}.hash{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.hash .label{color:var(--muted);font-size:13px}.hash code{background:var(--bg);border-radius:6px;padding:4px 8px}.inline-form{gap:8px;width:100%;display:flex}.inline-form input{flex:1;min-width:0}input,select{font:inherit;color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:8px 10px;font-size:14px}select:disabled{opacity:.5}.option-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.option{flex-direction:column;gap:4px;font-size:13px;display:flex}.option>span{color:var(--muted)}.option .hint{margin:0;font-size:12px}.collection-group+.collection-group{margin-top:16px}.collection-group h3{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:600}.look-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.look-card{background:var(--surface);color:var(--text);border:2px solid var(--border);flex-direction:column;align-items:center;gap:6px;padding:8px;font-size:13px;display:flex}.look-card.active{border-color:var(--accent)}.look-avatar{width:84px;height:84px}.gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.gallery li{flex-direction:column;align-items:center;display:flex}.gallery-load{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.gallery-avatar{width:80px;height:80px}.gallery-load span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}