:root{--bg-color: #0c0e14;--panel-bg: rgba(255, 255, 255, .03);--border-color: rgba(255, 255, 255, .1);--primary-color: #00f2fe;--secondary-color: #4facfe;--text-color: #e0e0e0;--label-color: #a0a0a0;--accent-color: #ff8c00;--font-main: "Inter", sans-serif;--font-display: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-color);background-image:radial-gradient(at 0% 0%,rgba(79,172,254,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(0,242,254,.1) 0px,transparent 50%);color:var(--text-color);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}#app{width:100%;max-width:1000px;display:flex;flex-direction:column;gap:2rem}header{text-align:center}.logo{font-family:var(--font-display);font-size:3rem;font-weight:700;letter-spacing:-1px}.logo .rw{color:var(--primary-color)}.logo .immo{color:#fff}.logo .portal{color:var(--secondary-color);font-weight:300}.tagline{font-size:.9rem;color:var(--label-color);text-transform:uppercase;letter-spacing:2px;margin-top:.5rem}main{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}@media(max-width:900px){main{grid-template-columns:1fr}}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #0000004d}.selection-area{display:flex;gap:1.5rem}.field-group{flex:1;display:flex;flex-direction:column;gap:.5rem}label{font-size:.75rem;font-weight:600;color:var(--label-color);text-transform:uppercase;letter-spacing:1px}select,input,textarea{background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;padding:.75rem 1rem;color:#fff;font-family:var(--font-main);font-size:.95rem;transition:all .3s ease;outline:none}option{background-color:var(--bg-color);color:var(--text-color)}select:hover,input:hover{border-color:#fff3}select:focus,input:focus{border-color:var(--primary-color);background:#ffffff14}.divider{margin:2rem 0;border:0;border-top:1px solid var(--border-color)}.empty-state{text-align:center;padding:3rem 0;color:var(--label-color);font-style:italic}.checkbox-group{justify-content:flex-end;height:100%;padding-bottom:.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.85rem;color:#fff;text-transform:none;letter-spacing:0}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0;cursor:pointer;accent-color:var(--primary-color)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-full{grid-column:span 2}.output-area{display:flex;flex-direction:column;gap:1rem}h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.payload-box{background:#1a1d26;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;position:relative;min-height:300px}pre{font-family:Monaco,Consolas,monospace;font-size:.85rem;color:#a8b1c1;white-space:pre-wrap;word-break:break-all}#copy-btn{position:absolute;top:1rem;right:1rem;background:var(--primary-color);color:#000;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease}#copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00f2fe66}footer{text-align:center;font-size:.8rem;color:var(--label-color)}.section-title{grid-column:span 2;font-size:.85rem;font-weight:700;color:var(--primary-color);margin-top:1rem;text-transform:uppercase}.main-submit{grid-column:span 2;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#000;border:none;padding:1rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.main-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00f2fe66}.action-bar{display:flex;gap:1rem;margin-top:1rem}.result-box{background:#0006;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;margin-top:1rem}.result-box h4{font-size:.9rem;color:var(--primary-color);margin-bottom:.75rem;text-transform:uppercase}#result-content{font-size:.8rem;color:#fff;white-space:pre-wrap}.success-text{color:#0f8}.error-text{color:#ff4d4d}
