@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--font-serif: "Georgia", serif;color-scheme:light;--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--primary-950: #082f49}.dark{color-scheme:dark}::selection{background-color:#bae6fd;color:#082f49}.dark ::selection{background-color:#075985;color:#fff}body{@apply bg-white text-slate-900 antialiased;}.dark body{@apply bg-slate-950 text-slate-50;}}@layer components{.glass-card{@apply bg-white/70 dark:bg-slate-900/70 backdrop-blur-xl border border-slate-200/50 dark:border-slate-800/50 shadow-sm;}.btn-primary{@apply inline-flex items-center justify-center px-6 py-3 rounded-2xl bg-primary-600 text-white font-bold text-sm uppercase tracking-widest hover:bg-primary-700 focus:ring-4 focus:ring-primary-500/20 transition-all duration-300 shadow-xl shadow-primary-500/20 active:scale-95;}.btn-secondary{@apply inline-flex items-center justify-center px-6 py-3 rounded-2xl bg-white dark:bg-slate-900 text-slate-700 dark:text-slate-200 font-bold text-sm uppercase tracking-widest border border-slate-200 dark:border-slate-800 hover:bg-slate-50 dark:hover:bg-slate-800 transition-all duration-300 shadow-sm active:scale-95;}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{@apply bg-slate-200 dark:bg-slate-800 rounded-full border-2 border-white dark:border-slate-950;}::-webkit-scrollbar-thumb:hover{@apply bg-slate-300 dark:bg-slate-700;}.ProseMirror{@apply min-h-[500px] outline-none;cursor:text!important;caret-color:#0f172a!important}.dark .ProseMirror{caret-color:#fff!important}.ProseMirror *{cursor:text!important;caret-color:inherit!important}[data-type=copy-block],[data-type=link-action]{position:relative;min-height:100px;padding-top:52px!important;cursor:text!important;caret-color:#0f172a!important}.dark [data-type=copy-block],.dark [data-type=link-action]{caret-color:#fff!important}[data-type=copy-block]:before{content:"Blok Salin (Editor Mode)";position:absolute;top:10px;left:16px;padding:2px 12px;background-color:#0284c7;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;border-radius:9999px;z-index:10;pointer-events:none}[data-type=copy-block]:after{content:"Tip: Nama Tombol di baris pertama.";display:block;position:absolute;top:34px;left:16px;font-size:10px;font-weight:700;color:#94a3b8;z-index:5;pointer-events:none}[data-type=link-action]:before{content:"Blok Link & Salin (Editor Mode)";position:absolute;top:10px;left:16px;padding:2px 12px;background-color:#0284c7;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;border-radius:9999px;z-index:10;pointer-events:none}[data-type=link-action]:after{content:"Masukkan URL di bawah. User akan melihat tombol.";display:block;position:absolute;top:34px;left:16px;font-size:10px;font-weight:700;color:#0ea5e9;z-index:5;pointer-events:none}.content-display{@apply prose prose-zinc max-w-none dark:prose-invert;}.content-display p,.content-display li,.content-display h1,.content-display h2,.content-display h3,.content-display h4,.content-display h5,.content-display h6{@apply text-slate-800 dark:text-slate-200;}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}