#fi-edition-wrapper {
    max-width: 600px; margin: 60px auto; background: #fff; padding: 40px; border: 1px solid #eaeaea; border-radius: 8px; font-family: -apple-system, sans-serif;
}
.fi-edition-heading { font-size: 32px; font-weight: 700; margin-bottom: 10px; color: #000; }
.fi-edition-subheading { font-size: 16px; color: rgba(0,0,0,0.6); margin-bottom: 30px; line-height: 1.5; }
#fi-edition-messages { padding: 15px; margin-bottom: 20px; border-radius: 4px; }
.fi-input-group { margin-bottom: 25px; }
.fi-input-group label { display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px; }
.fi-input-group input[type="text"] { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 16px; outline: none; }
.fi-input-group input[type="text"]:focus { border-color: #1a8917; }
.fi-slug-preview { display: flex; align-items: center; background: #fafafa; border: 1px solid #ddd; border-radius: 4px; padding-left: 12px; }
.fi-slug-preview .fi-slug-prefix { color: #888; font-size: 16px; }
.fi-slug-preview input { border: none !important; background: transparent; padding-left: 2px !important; }
.fi-input-group small { display: block; color: #888; margin-top: 5px; font-size: 12px; }
.fi-btn { padding: 10px 20px; border-radius: 20px; font-size: 16px; cursor: pointer; border: none; font-weight: 500; transition: 0.2s; }
.fi-btn-green { background: #1a8917; color: white; width: 100%; padding: 15px; font-size: 18px; margin-top: 10px; }
.fi-btn-green:hover:not(:disabled) { background: #156c12; }
.fi-btn-green:disabled { background: #ccc; cursor: not-allowed; }