.creator-intro{padding-top:44px;padding-bottom:24px}.creator-intro h1{font-size:clamp(30px,4vw,48px);line-height:1.25;letter-spacing:-1.6px;margin-bottom:12px}.creator-intro>p:last-child{max-width:780px;line-height:1.8;margin-bottom:0}.creator-workspace{padding-bottom:38px}.creator-setup{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.creator-picker,.creator-motions{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}.creator-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.creator-section-heading h2{font-size:12px;font-weight:600;margin:0;letter-spacing:.3px}.creator-section-heading>span{font:10px monospace;color:var(--muted);white-space:nowrap}.creator-search{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);margin-bottom:12px}.creator-search>span:first-child{font-size:22px;line-height:1;color:var(--muted)}.creator-search input{min-width:0;width:100%;border:0;background:transparent;color:var(--ink);font-size:12px;padding:3px}.creator-search:focus-within{outline:2px solid #687c36;outline-offset:2px}.creator-search input:focus-visible{outline:none}.creator-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-height:172px;overflow:auto;padding:5px;scrollbar-width:thin;scrollbar-color:#c7d0bd transparent}.creator-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;background:var(--paper);color:var(--ink);min-width:0;min-height:75px;padding:12px 4px 8px}.creator-icon svg{flex-shrink:0;overflow:visible}.creator-icon>span{display:block;font-size:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-icon:hover{background:#edf2e7}.creator-icon[aria-pressed=true]{border-color:#7c935d;background:#eaf1da;box-shadow:inset 0 0 0 1px #7c935d}.creator-motion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.creator-motion{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:79px;padding:10px 6px;font-size:11px;color:var(--ink);border:1px solid var(--line);border-radius:10px;background:var(--paper);overflow-wrap:anywhere}.creator-motion>span{font-size:25px;line-height:1.1;font-family:Arial,Helvetica,sans-serif}.creator-motion:hover{background:#edf2e7}.creator-motion[aria-pressed=true]{background:var(--ink);color:var(--lime);border-color:var(--ink)}.creator-motion-note{font-size:11px;line-height:1.8;color:var(--muted);margin:17px 0 0}.creator-empty{grid-column:1/-1;text-align:center;padding:28px 12px;font-size:12px;color:var(--muted)}.creator-empty p{margin-bottom:5px}.creator-current{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:25px 2px 16px}.creator-current h2{font-size:14px;font-weight:500;margin:0}.creator-current a{font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.creator-workspace .controls-heading{gap:10px}.creator-workspace .controls-heading h2{line-height:1.5}@media(max-width:1000px){.creator-setup{grid-template-columns:1fr 1fr}.creator-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.creator-intro{padding-top:32px;padding-bottom:20px}.creator-intro h1{font-size:32px;letter-spacing:-1px}.creator-setup{grid-template-columns:1fr;gap:12px}.creator-picker,.creator-motions{padding:18px}.creator-icon-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:165px}.creator-motion-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.creator-motion{font-size:10px;min-height:65px;padding:8px 3px}.creator-motion>span{font-size:22px}.creator-motion-note{margin-top:12px}.creator-current{padding-top:21px}.creator-workspace .controls-panel{padding:20px}.creator-workspace .preview-panel{padding:20px 16px}}@media(max-width:360px){.creator-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.creator-section-heading{gap:8px}.creator-section-heading h2{font-size:11px}.creator-current a{line-height:1.6}.creator-workspace .control-field{gap:10px}}