:root{color-scheme:dark;--bg:#1f1f1f;--surface:#222;--field:#202020;--line:#bcbcbc;--muted:#6e6e6e;--text:#c8c8c8;--blue:#308aff;--success:#9fca51;font-family:"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg);color:var(--text);user-select:none}.workspace{width:min(1120px,calc(100% - 40px));min-height:100vh;margin:auto;display:grid;grid-template-columns:minmax(0,760px) minmax(260px,320px);gap:34px;align-items:center;justify-content:center;padding:48px 0}.generator{position:relative;min-height:570px;padding:76px 56px 54px;border:1px solid #303030;border-radius:26px;background:rgba(31,31,31,.92)}.refresh-button{position:absolute;top:24px;right:30px}.input-grid{display:grid;grid-template-columns:1fr 1fr 90px;gap:34px 24px;align-items:center}.master-field{grid-column:1/-1;width:min(380px,100%);justify-self:center;margin-bottom:8px}.gateway-field{grid-column:1}.service-field{grid-column:2}.index-field{grid-column:3}.floating-field{position:relative}.floating-field input{width:100%;height:66px;padding:0 20px;border:2px solid var(--line);border-radius:26px;outline:none;background:transparent;color:var(--text);font-size:1rem;transition:border-color .2s}.floating-field input:focus,.floating-field input:not(:placeholder-shown){border-color:var(--blue)}.floating-field label{position:absolute;top:50%;left:14px;transform:translateY(-50%);padding:0 8px;background:var(--bg);color:var(--muted);pointer-events:none;transition:.2s}.floating-field input:focus+label,.floating-field input:not(:placeholder-shown)+label{top:0;color:var(--muted)}.field-action{position:absolute;top:50%;right:13px;transform:translateY(-50%)}.master-field input{padding-right:58px}.index-field input{padding:0;text-align:center;font-variant-numeric:tabular-nums}.index-field input::-webkit-inner-spin-button{display:none}.icon-button{display:grid;width:42px;height:42px;padding:9px;place-items:center;border:0;border-radius:50%;background:transparent;color:#aaa;cursor:pointer;transition:color .18s,background .18s,transform .18s}.icon-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover:not(:disabled){color:var(--blue);background:rgba(48,138,255,.08)}.icon-button:active:not(:disabled){transform:scale(.92)}.icon-button:disabled{opacity:.25;cursor:default}.field-action:active:not(:disabled){transform:translateY(-50%) scale(.92)}.output-wrap{position:absolute;left:56px;right:56px;bottom:54px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.output-wrap>input{width:100%;height:70px;padding:0 24px;border:0;border-radius:22px;outline:none;background:#c7c7c7;color:#202020;box-shadow:0 6px 25px rgba(210,210,210,.18);font:500 1.06rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;user-select:text}.output-actions{display:flex;align-items:center;gap:4px}.output-actions .saved{color:var(--success)}.output-actions .copied{color:var(--success);transform:scale(.9)}.profiles{align-self:center;max-height:570px;overflow:auto;padding:14px;border-left:1px solid #343434}.profile-list{display:grid;gap:12px}.profile-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:15px 12px 15px 18px;border:1px solid #3a3a3a;border-radius:18px;background:transparent}.profile-main{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.profile-main strong,.profile-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-main strong{color:#d0d0d0;font-size:.92rem;font-weight:500}.profile-main span{margin-top:5px;color:#686868;font-size:.72rem}.profile-meta{display:flex;align-items:center;gap:4px}.profile-index{min-width:38px;color:#777;font:500 .72rem/1 ui-monospace,monospace;text-align:center}.profile-delete{width:36px;height:36px;padding:7px}.profile-delete:hover{color:#d67a7a!important;background:rgba(214,122,122,.08)!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:900px){.workspace{grid-template-columns:1fr;width:min(720px,calc(100% - 28px));align-content:center;gap:22px}.generator{min-height:560px}.profiles{max-height:240px;border-left:0;border-top:1px solid #343434}.profile-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.workspace{padding:20px 0}.generator{min-height:610px;padding:74px 22px 38px;border-radius:20px}.input-grid{grid-template-columns:1fr 82px;gap:28px 12px}.master-field{grid-column:1/-1}.gateway-field{grid-column:1/-1}.service-field{grid-column:1}.index-field{grid-column:2}.floating-field input{height:60px;border-radius:23px}.output-wrap{left:22px;right:22px;bottom:38px;grid-template-columns:1fr}.output-actions{justify-content:flex-end}.profile-list{grid-template-columns:1fr}}