.g108-creator{max-width:1160px;margin:0 auto;padding:32px 24px 70px;color:#e7dcc5}.g108-creator>header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.g108-creator h1{font-size:clamp(25px,3vw,36px);margin:8px 0}.g108-creator small,.g108-label{color:#9cb7c0;font-size:11px;letter-spacing:2px}.g108-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(340px,1.2fr);gap:24px;align-items:start}.g108-preview{position:sticky;top:24px;padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 25%,#244652,#091e2a 80%);border-radius:16px}.g108-preview .portrait.hero{width:min(100%,300px)!important;height:auto!important;aspect-ratio:4/5;margin:18px auto;border:1px solid #a99763;border-radius:90px 90px 16px 16px;overflow:hidden}.g108-portrait svg{display:block;width:100%;height:100%;object-fit:cover}.g108-preview h2{font-size:28px;margin:16px 0 5px}.g108-preview p{line-height:1.6}.g108-preview .btn{width:100%;margin-top:16px}.g108-editor{padding:24px;border-radius:16px;background:#102a37}.g108-editor h2{display:flex;align-items:center;gap:12px;font-size:20px;margin:28px 0 18px}.g108-editor h2:first-child{margin-top:0}.g108-editor h2 small{color:#dfbf77;letter-spacing:0;background:#213d46;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.g108-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.g108-field{display:flex;flex-direction:column;gap:8px;color:#b6ccd1;font-size:13px}.g108-field select,.g108-field input{width:100%;min-width:0;min-height:44px;background:#091e2a;color:#f0e6cc;border:1px solid #527080;border-radius:8px;padding:10px 12px;font:inherit;font-size:15px}.g108-field option{background:#102a37;color:#f0e6cc}.g108-mode{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.g108-colors{border:0;padding:0;margin:22px 0;display:flex;gap:10px;flex-wrap:wrap}.g108-colors legend{font-size:13px;color:#b6ccd1;margin-bottom:12px}.g108-colors button{width:38px;height:38px;border-radius:50%;background:var(--swatch);border:3px solid #344b56;cursor:pointer}.g108-colors button[aria-pressed=true]{border-color:#f3d99b;box-shadow:0 0 0 3px #91764e}.g108-creator :focus-visible{outline:3px solid #81deea;outline-offset:4px}.g108-hint{color:#92afb9;font-size:13px;line-height:1.6}.g108-submit{margin-top:22px;border-top:1px solid #36535e;padding-top:16px}.g108-submit .btn{width:100%;min-height:50px}.g108-submit p{color:#e1c07e}.g108-creator button:disabled{opacity:.5;cursor:wait}@media(max-width:700px){.g108-creator{padding:18px 12px 40px}.g108-creator>header{align-items:flex-start}.g108-creator>header .btn{font-size:12px;padding:10px}.g108-layout{grid-template-columns:1fr;gap:16px}.g108-preview{position:static;padding:18px}.g108-preview .portrait.hero{width:190px!important}.g108-preview .muted{font-size:13px}.g108-editor{padding:18px}.g108-fields{gap:12px}.g108-field{font-size:12px}}