.attendee-creator{margin:32px 0 56px;scroll-margin-top:24px}.creator-heading{max-width:850px;margin-bottom:24px}.creator-heading h2{font-size:clamp(26px,3vw,36px);margin:8px 0 16px}.creator-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:32px}.creator-form{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.creator-form label:not(.creator-check){display:block;font-weight:700;margin:20px 0 8px}.creator-form input:not([type=checkbox]){width:100%;min-height:48px;padding:12px;background:#0c0b1c;color:var(--text);border:1px solid #8c80a5;border-radius:8px;font:inherit}.creator-form input[type=file]{padding:8px;font-size:14px}.creator-form input::file-selector-button{font:inherit;font-weight:700;min-height:44px;border:0;border-radius:6px;padding:10px;margin-right:8px;background:#eadff9;color:#24133d;cursor:pointer}.creator-form .help,.creator-preview .help{font-size:14px;color:var(--muted)}.creator-form .help{margin:8px 0 16px}.creator-form .button{width:100%;font:inherit;font-weight:700;line-height:1.45;cursor:pointer;white-space:normal;margin-top:12px}.creator-form .button:disabled{opacity:.6;cursor:wait}.creator-check{display:flex;align-items:flex-start;gap:12px;margin:24px 0 8px;min-height:44px;cursor:pointer}.creator-check input{width:22px;height:22px;flex:0 0 22px;margin-top:3px;accent-color:var(--accent)}.creator-reset{display:block;min-height:44px;margin:20px auto 0;background:transparent;border:0;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer}.creator-error{padding:12px;border:1px solid #ff8799;border-radius:8px;color:#ffe5eb;background:#391d2d}.creator-form :is(input,button,a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.logo-options{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;margin-top:24px}.logo-options summary{padding:12px 0;min-height:44px;cursor:pointer;font-weight:700}.creator-preview{position:sticky;top:24px;min-width:0}.creator-preview h3{margin:0 0 12px;font-size:22px}.creator-canvas{aspect-ratio:1;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at top,#24105f,#121746 55%,#120a1d);display:grid;place-items:center}.creator-canvas canvas{display:block;width:100%;height:auto}.creator-canvas [hidden],.creator-form [hidden]{display:none!important}#preview-empty{text-align:center;padding:32px;max-width:350px;color:var(--muted)}#preview-empty span{display:inline-flex;align-items:center;justify-content:center;padding:24px;min-height:144px;border:1px dashed #a69bbf;border-radius:16px;font-size:14px;letter-spacing:.1em}#creator-status{min-height:26px}.creator-form>p:first-child{margin-top:0}#ready-made{scroll-margin-top:24px}.intro-actions{display:flex;gap:12px;flex-wrap:wrap}.intro-actions .button{white-space:normal;text-align:center}.creator-form button,.creator-form summary{touch-action:manipulation}
.creator-form fieldset{min-width:0;border:0;padding:0;margin:0}.creator-form fieldset>p:first-child{margin-top:0}header nav a{display:inline-flex;align-items:center;min-height:44px}header nav{align-items:center;row-gap:0}
@media(max-width:900px){.creator-grid{grid-template-columns:1fr 1.1fr;gap:24px}}
@media(max-width:700px){.creator-grid{grid-template-columns:1fr}.creator-preview{position:static}.creator-form{padding:20px}.creator-heading{margin-bottom:20px}.attendee-creator{margin-top:32px}.intro-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}