body{font-family:'Poppins', sans-serif;color:#2d3436;line-height:1.6;background-color:#f5f6fa;}.hero-section{background:linear-gradient(135deg, #FF9800 0%, #F57C00 100%);color:white;padding:80px 0;}.drop-zone{height:200px;border:3px dashed #e0e0e0;border-radius:20px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all 0.3s ease;background:#f8f9fa;position:relative;overflow:hidden;}.drop-zone:hover, .drop-zone.dragover{border-color:#FF9800;background:#fff3e0;}.preview-image{max-height:100%;max-width:100%;object-fit:contain;position:absolute;z-index:1;}.tab-preview{font-size:0.8rem;color:#444;}#canvas16{width:16px;height:16px;}#canvas32{width:32px;height:32px;}#canvas180{width:120px;height:120px;}.code-wrapper pre{margin:0;font-family:'Courier New', Courier, monospace;overflow-x:auto;}.form-control-color{width:60px;height:40px;padding:4px;}.btn-primary{background-color:#FF9800;border-color:#FF9800;}.btn-primary:hover{background-color:#F57C00;border-color:#F57C00;}.btn-outline-primary{color:#FF9800;border-color:#FF9800;}.btn-outline-primary:hover, .btn-check:checked+.btn-outline-primary{background-color:#FF9800;border-color:#FF9800;color:white;}.preview-panel{border-left-width:5px !important;border-left-color:#FF9800 !important;}.navbar{background-color:#fff;box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);}.navbar-brand{font-weight:600;color:#FF9800 !important;}