.uip-shell{--gold:#d7b46a;--gold2:#f2d58b;--panel:#15130f;--panel2:#1e1a13;--ink:#fff9ee;--muted:#aaa294;max-width:1240px;margin:0 auto;padding:24px;color:var(--ink);font-family:inherit}.uip-banner{position:sticky;top:8px;z-index:5;display:flex;gap:10px;align-items:center;width:max-content;max-width:100%;padding:8px 13px;color:#e9d7aa;background:rgba(38,31,20,.94);border:1px solid rgba(215,180,106,.38);border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.22);font-size:12px}.uip-banner span{color:#c9bfae}.uip-layout{display:block;margin-top:14px}.uip-layout main{min-width:0}.uip-layout header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:24px 4px}.uip-kicker{color:var(--gold);font-size:11px;letter-spacing:.16em}.uip-layout h1{margin:7px 0;font-size:clamp(28px,4vw,42px)}.uip-layout header p{max-width:720px;margin:0;color:var(--muted);line-height:1.65}.uip-compare{flex:0 0 auto;color:#cdb77d;font-size:12px;text-decoration:none;border-bottom:1px solid rgba(215,180,106,.35)}.uip-card,.uip-result{margin-bottom:16px;padding:22px;background:linear-gradient(145deg,rgba(30,26,19,.98),rgba(19,17,13,.98));border:1px solid rgba(255,249,238,.11);border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.uip-card h2,.uip-result h2{margin:0 0 17px;font-size:18px}.uip-upload-grid,.uip-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.uip-upload{min-height:145px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px;color:var(--ink);background:rgba(255,249,238,.025);border:1px dashed rgba(215,180,106,.48);border-radius:14px}.uip-upload input{max-width:100%;color:var(--muted)}.uip-upload input::file-selector-button{margin-right:10px;padding:8px 12px;color:#211a0f;background:var(--gold);border:0;border-radius:8px}.uip-upload span,.uip-upload em,.uip-label span{font-size:13px;color:var(--muted)}.uip-field{min-width:0;padding:16px;background:rgba(255,249,238,.025);border:1px solid rgba(255,249,238,.1);border-radius:14px}.uip-label{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.uip-choices{display:flex;flex-wrap:wrap;gap:8px}.uip-choice{display:flex;align-items:center;gap:7px;padding:9px 11px;color:#d9d0c2;background:#11100e;border:1px solid rgba(255,249,238,.14);border-radius:10px;cursor:pointer}.uip-choice:hover{border-color:rgba(215,180,106,.65)}.uip-choice.selected{color:#211a0f;background:var(--gold);border-color:var(--gold)}.uip-choice input{width:16px;height:16px;margin:0;accent-color:#8c6b2d}.uip-choice small{display:none}.uip-more summary{padding:10px 12px;color:#e2cc92;background:#11100e;border:1px solid rgba(215,180,106,.22);border-radius:10px;cursor:pointer}.uip-more[open] summary{margin-bottom:10px}.uip-search{display:grid;gap:8px}.uip-search input,.uip-search select,.uip-field>input,.uip-field textarea{box-sizing:border-box;width:100%;padding:11px;color:var(--ink);background:#0f0e0c;border:1px solid rgba(255,249,238,.15);border-radius:9px;outline:none}.uip-search input:focus,.uip-search select:focus,.uip-field>input:focus,.uip-field textarea:focus{border-color:var(--gold)}.uip-search select option{color:var(--ink);background:#17140f}.uip-search select[multiple]{min-height:150px}.uip-field textarea{min-height:105px;resize:vertical}.uip-count{margin-top:10px;color:#a99e8d;font-size:12px}.uip-count button{color:#d9bf7e;background:none;border:0}.uip-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.uip-cap{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#11100e;border:1px solid rgba(255,249,238,.1);border-radius:13px}.uip-cap input{width:20px;height:20px;accent-color:var(--gold)}.uip-cap span{display:flex;flex-direction:column;gap:5px}.uip-cap em{padding:2px 6px;color:#231b0c;background:var(--gold);border-radius:8px;font-size:10px}.uip-cap small{color:var(--muted)}.uip-cap-readonly{border-color:rgba(215,180,106,.2)}.uip-consent{display:flex;align-items:flex-start;gap:11px;margin:20px 0;padding:15px 16px;background:rgba(215,180,106,.07);border:1px solid rgba(215,180,106,.22);border-radius:12px}.uip-consent input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--gold)}.uip-consent span{display:grid;gap:3px}.uip-consent small{color:var(--muted);line-height:1.5}.uip-generate{width:100%;padding:15px;color:#1b160d;background:linear-gradient(90deg,#c9a45b,#edcf85);border:0;border-radius:12px;font-size:16px;font-weight:800;box-shadow:0 10px 24px rgba(215,180,106,.16)}.uip-safe,.uip-copy-note{text-align:center;color:#a99e8d}.uip-result{margin-top:18px}.uip-result details summary{color:#d8bd79;cursor:pointer}.uip-result article{margin:14px 0}.uip-result pre{padding:14px;color:#ddd3c5;background:#0f0e0c;border:1px solid rgba(255,249,238,.08);border-radius:10px;white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.7}.uip-warnings{padding:10px;color:#f0c49a;background:rgba(145,72,25,.2);border-radius:10px}.uip-loading,.uip-login{max-width:680px;margin:80px auto;padding:30px;color:var(--ink);text-align:center;background:var(--panel);border:1px solid rgba(255,249,238,.1);border-radius:18px}.uip-shell.mobile{padding:12px}.uip-shell.mobile .uip-layout{display:block}.uip-shell.mobile .uip-upload-grid,.uip-shell.mobile .uip-fields,.uip-shell.mobile .uip-capabilities{grid-template-columns:1fr}.uip-shell.mobile .uip-layout h1{font-size:27px}.uip-shell.mobile .uip-layout header{align-items:flex-start;flex-direction:column}.uip-shell.mobile .uip-compare{display:none}@media(max-width:800px){.uip-shell{padding:12px}.uip-layout{display:block}.uip-upload-grid,.uip-fields,.uip-capabilities{grid-template-columns:1fr}.uip-layout header{align-items:flex-start;flex-direction:column}.uip-compare{display:none}}
.uip-combobox{position:relative}.uip-combobox>input{box-sizing:border-box;width:100%;padding:11px;color:var(--ink);background:#0f0e0c;border:1px solid rgba(255,249,238,.15);border-radius:9px;outline:none}.uip-combobox>input:focus{border-color:var(--gold)}.uip-combo-menu{position:absolute;z-index:12;top:calc(100% + 6px);right:0;left:0;max-height:260px;overflow:auto;padding:6px;background:#11100e;border:1px solid rgba(215,180,106,.35);border-radius:11px;box-shadow:0 18px 35px rgba(0,0,0,.45)}.uip-combo-menu[hidden]{display:none}.uip-combo-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px;color:#ddd3c5;text-align:left;background:transparent;border:0;border-radius:7px}.uip-combo-menu button:hover,.uip-combo-menu button.active{color:#211a0f;background:var(--gold)}.uip-combo-menu button b{font-size:11px}.uip-combo-empty{margin:8px;padding:10px;color:var(--muted);text-align:center}.uip-selected-values{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.uip-selected-values span{padding:4px 8px;color:#e5cf98;background:rgba(215,180,106,.1);border:1px solid rgba(215,180,106,.24);border-radius:999px;font-size:11px}.uip-dependent-empty{padding:12px;color:#9f9688;background:#0f0e0c;border:1px dashed rgba(255,249,238,.15);border-radius:9px}.uip-field-notice{display:block;margin-top:5px;color:#e1bd75}.uip-capabilities:has(.uip-cap:only-child){grid-template-columns:minmax(0,680px)}.uip-card:has(.uip-capabilities .uip-cap:only-child){padding-block:16px}.uip-card:has(.uip-capabilities .uip-cap:only-child) h2{margin-bottom:10px;font-size:15px}.uip-card:has(.uip-capabilities .uip-cap:only-child) .uip-cap{padding:12px 14px}
.uip-image-help,.uip-image-count{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.uip-image-sources{display:grid;gap:9px}.uip-image-source{display:grid;gap:6px}.uip-image-source>span{color:#ddc989;font-size:12px}.uip-image-source input[type="url"]{box-sizing:border-box;width:100%;padding:10px;color:var(--ink);background:#0f0e0c;border:1px solid rgba(255,249,238,.15);border-radius:9px;outline:none}.uip-image-source input[type="url"]:focus{border-color:var(--gold)}.uip-image-previews{display:grid;gap:8px}.uip-image-preview{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;background:#0f0e0c;border:1px solid rgba(255,249,238,.1);border-radius:10px}.uip-image-preview img,.uip-url-preview{width:52px;height:52px;object-fit:cover;border-radius:8px}.uip-url-preview{display:grid;place-items:center;color:#d8bd79;background:rgba(215,180,106,.1);font-size:10px}.uip-image-preview div{min-width:0;display:grid;gap:3px}.uip-image-preview small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.uip-image-preview button{padding:6px 8px;color:#e4c679;background:transparent;border:1px solid rgba(215,180,106,.25);border-radius:7px}.uip-image-error{margin:0;padding:9px;color:#efbf92;background:rgba(145,72,25,.2);border-radius:8px;font-size:12px}
.uip-requirement-card{margin:12px 0;background:#0f0e0c;border:1px solid rgba(255,249,238,.1);border-radius:12px;overflow:hidden}.uip-requirement-card summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;cursor:pointer}.uip-requirement-card summary>span{display:flex;align-items:center;gap:8px;min-width:0}.uip-requirement-card summary>span:first-child{align-items:flex-start;flex-direction:column}.uip-requirement-card summary small,.uip-requirement-card summary i{color:var(--muted);font-size:12px;font-style:normal}.uip-requirement-card summary button{padding:7px 11px;color:#20180c;background:var(--gold);border:0;border-radius:8px;font-weight:700}.uip-requirement-card pre{margin:0 12px 12px}.uip-copy-status{min-height:18px;margin:0 14px 10px;color:#e1bd75;font-size:12px}@media(max-width:600px){.uip-requirement-card summary{align-items:flex-start;flex-direction:column}.uip-requirement-card summary>span:last-child{width:100%;justify-content:space-between}.uip-requirement-card summary button{min-width:76px}.uip-image-preview{grid-template-columns:44px minmax(0,1fr)}.uip-image-preview button{grid-column:1/-1}.uip-image-preview img,.uip-url-preview{width:44px;height:44px}}