/* Shortcode widget.

   The only thing this file styles is the EDITOR placeholder — on the front end
   the widget's root wraps another plugin's markup, and imposing anything on it
   would be this builder deciding what somebody else's shortcode looks like.

   The placeholder class is only ever emitted when is_editor_preview() is true
   (widgets/shortcode.php), so these rules match nothing on a published page. */

.ractro-shortcode-widget .ractro-shortcode__placeholder {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    padding: 20px;
    text-align: center;
    border: 2px dashed #ccc;
    border-radius: 6px;
    background: #f9f9f9;
    color: #666;
}

.ractro-shortcode-widget .ractro-shortcode__label {
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.75;
}

.ractro-shortcode-widget .ractro-shortcode__code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 13px;
    word-break: break-word;
    color: #334155;
}

.ractro-shortcode-widget .ractro-shortcode__hint {
    font-size: 11px;
    opacity: 0.75;
}