:root{--oiib-primary-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.oiib-placeholder{text-align:center;background:linear-gradient(135deg, color-mix(in srgb, var(--oiib-primary-color) 5%, white) 0%, color-mix(in srgb, var(--oiib-primary-color) 2%, white) 100%);border:2px dashed color-mix(in srgb, var(--oiib-primary-color) 25%, transparent);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:240px;padding:48px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.oiib-placeholder:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--oiib-primary-color) 10%, white) 0%, color-mix(in srgb, var(--oiib-primary-color) 5%, white) 100%);border-color:color-mix(in srgb, var(--oiib-primary-color) 50%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--oiib-primary-color) 10%, transparent);transform:translateY(-2px)}.oiib-placeholder-icon{width:72px;height:72px;box-shadow:0 4px 16px color-mix(in srgb, var(--oiib-primary-color) 15%, transparent), 0 0 0 1px color-mix(in srgb, var(--oiib-primary-color) 10%, transparent);background:#fff;border-radius:20px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.oiib-placeholder:hover .oiib-placeholder-icon{box-shadow:0 8px 24px color-mix(in srgb, var(--oiib-primary-color) 25%, transparent), 0 0 0 1px color-mix(in srgb, var(--oiib-primary-color) 20%, transparent);transform:scale(1.05)rotate(3deg)}.oiib-placeholder-icon svg{width:40px;height:40px;color:var(--oiib-primary-color);filter:drop-shadow(0 2px 4px color-mix(in srgb, var(--oiib-primary-color) 20%, transparent))}.oiib-placeholder-content{flex-direction:column;gap:8px;max-width:400px;display:flex}.oiib-placeholder h4{color:#1f2937;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.oiib-placeholder p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.oiib-placeholder-footer{justify-content:center;align-items:center;margin-top:4px;display:flex}.oiib-placeholder-hint{color:#9ca3af;border:1px solid color-mix(in srgb, var(--oiib-primary-color) 15%, transparent);box-shadow:0 2px 4px color-mix(in srgb, var(--oiib-primary-color) 5%, transparent);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;transition:all .2s;display:inline-flex}.oiib-placeholder:hover .oiib-placeholder-hint{border-color:color-mix(in srgb, var(--oiib-primary-color) 30%, transparent);color:var(--oiib-primary-color)}.oiib-placeholder-hint svg{color:var(--oiib-primary-color);flex-shrink:0}