@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;font-feature-settings:"rlig" 1,"calt" 1}html{scroll-behavior:smooth}}@layer components{.btn-primary{@apply bg-primary-600 text-white px-4 py-2 rounded-lg hover:bg-primary-700 transition-colors duration-200 font-medium shadow-sm hover:shadow-md focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2;}.btn-secondary{@apply bg-gray-100 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-200 transition-colors duration-200 font-medium border border-gray-300 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2;}.btn-ghost{@apply text-gray-600 hover:text-gray-900 hover:bg-gray-100 px-3 py-2 rounded-lg transition-colors duration-200 font-medium focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2;}.card{@apply bg-white rounded-xl border border-gray-200 shadow-soft hover:shadow-medium transition-all duration-300;}.card-header{@apply px-6 py-4 border-b border-gray-200;}.card-body{@apply px-6 py-4;}.input-field{@apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-colors duration-200;}.input-field-error{@apply border-red-300 focus:ring-red-500;}.code-editor{@apply font-mono text-sm leading-relaxed bg-gray-900 text-gray-100 rounded-lg p-4 overflow-x-auto;}#code-editor-textarea,#code-editor-textarea-basic{overflow-y:auto!important;overflow-x:auto!important;resize:none!important;white-space:pre!important;word-wrap:normal!important;min-height:400px!important;display:block!important;width:100%!important}#code-editor-textarea::-webkit-scrollbar,#code-editor-textarea-basic::-webkit-scrollbar{width:8px;height:8px}#code-editor-textarea::-webkit-scrollbar-track,#code-editor-textarea-basic::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}#code-editor-textarea::-webkit-scrollbar-thumb,#code-editor-textarea-basic::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:4px}#code-editor-textarea::-webkit-scrollbar-thumb:hover,#code-editor-textarea-basic::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}.prism #code-editor-textarea,.prism #code-editor-textarea-basic{background-color:#f8f8f8!important}.prism-dark #code-editor-textarea,.prism-dark #code-editor-textarea-basic{background-color:#2d2d2d!important}.preview-frame{@apply border border-gray-200 rounded-lg bg-white w-full h-full min-h-[400px];}.loading-spinner{@apply animate-spin rounded-full border-2 border-gray-300 border-t-primary-600;}.tooltip{@apply absolute z-10 px-2 py-1 text-xs text-white bg-gray-900 rounded opacity-0 pointer-events-none transition-opacity duration-200;}.tooltip-visible{@apply opacity-100;}.modal-overlay{@apply fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50;}.modal-content{@apply bg-white rounded-xl shadow-strong max-w-md w-full mx-4 max-h-[90vh] overflow-y-auto;}.sidebar{@apply bg-gray-50 border-r border-gray-200 w-64 h-full overflow-y-auto;}.navbar{@apply bg-white border-b border-gray-200 h-16 flex items-center px-6 shadow-sm;}.tabs{@apply flex border-b border-gray-200;}.tab{@apply px-4 py-2 text-gray-600 hover:text-gray-900 border-b-2 border-transparent hover:border-gray-300 transition-colors duration-200 cursor-pointer;}.tab-active{@apply text-primary-600 border-primary-600;}.breadcrumb{@apply flex items-center space-x-2 text-sm text-gray-600;}.breadcrumb-item{@apply hover:text-gray-900 transition-colors duration-200;}.breadcrumb-separator{@apply text-gray-400;}.badge{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;}.badge-primary{@apply bg-primary-100 text-primary-800;}.badge-success{@apply bg-success-100 text-success-800;}.badge-warning{@apply bg-warning-100 text-warning-800;}.badge-danger{@apply bg-danger-100 text-danger-800;}.placeholder-tag{@apply inline-block bg-blue-100 text-blue-800 px-2 py-1 rounded-md text-xs font-mono font-medium;}.notification{@apply fixed top-4 right-4 max-w-sm w-full bg-white rounded-lg shadow-strong border border-gray-200 p-4 z-50 transform transition-all duration-300;}.notification-success{@apply border-l-4 border-l-success-500;}.notification-warning{@apply border-l-4 border-l-warning-500;}.notification-error{@apply border-l-4 border-l-danger-500;}.notification-info{@apply border-l-4 border-l-primary-500;}}@layer utilities{.text-truncate{@apply truncate;}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgb(203 213 225) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.shadow-soft{box-shadow:0 2px 15px -3px #00000012,0 10px 20px -2px #0000000a}.shadow-medium{box-shadow:0 4px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-strong{box-shadow:0 10px 40px -10px #00000026,0 4px 25px -5px #0000001a}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc;border:1px solid rgba(255,255,255,.2)}.glass-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;border:1px solid rgba(255,255,255,.1)}}.dark{color-scheme:dark}.dark body{@apply bg-gray-900 text-gray-100;}.dark .card{@apply bg-gray-800 border-gray-700;}.dark .card-header{@apply border-gray-700;}.dark .input-field{@apply bg-gray-800 border-gray-600 text-gray-100;}.dark .navbar,.dark .sidebar{@apply bg-gray-800 border-gray-700;}.dark .tabs{@apply border-gray-700;}.dark .tab{@apply text-gray-400 hover:text-gray-200 hover:border-gray-600;}.dark .tab-active{@apply text-primary-400 border-primary-500;}.dark .notification{@apply bg-gray-800 border-gray-700;}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-scale-in{animation:scaleIn .2s ease-out}@media (max-width: 768px){.hide-mobile{display:none}}@media (min-width: 769px){.hide-desktop{display:none}}@media print{.no-print{display:none!important}.print-break-before{page-break-before:always}.print-break-after{page-break-after:always}}