.flexi-builder-container{color:#c5c6c7;background-color:#0b0c10;width:100%;min-height:calc(100vh - 80px);font-family:Inter,sans-serif;display:flex}.fx-sidebar{z-index:10;background-color:#1f2833;border-right:1px solid #ffffff0d;flex-direction:column;width:380px;padding:30px;display:flex;overflow-y:auto;box-shadow:2px 0 20px #00000080}.fx-sidebar h2{color:#ffb347;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #ffb34733;margin-bottom:25px;padding-bottom:15px;font-size:24px;font-weight:700}.upload-box{flex-direction:column;gap:10px;margin-bottom:25px;display:flex}.upload-label{cursor:pointer;text-align:center;background:#0003;border:2px dashed #ffb34766;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:30px;transition:all .3s;display:flex}.upload-label:hover{background:#ffb3470d;border-color:#ffb347}.upload-icon{margin-bottom:10px;font-size:30px}.upload-label p{color:#888;margin-top:5px;font-size:12px}.btn-demo{color:#ffb347;cursor:pointer;background:#ffb3471a;border:1px solid #ffb3474d;border-radius:8px;padding:12px;font-weight:700;transition:all .2s}.btn-demo:hover{background:#ffb34733;border-color:#ffb347}.thumbnail-wrapper{flex-direction:column;gap:10px;width:100%;margin-bottom:25px;display:flex;position:relative}.svg-preview{color:#ffb347;background:#ffb3470d;border:1px solid #ffb34733;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:120px;font-weight:700;display:flex}.btn-cancel{color:#ff6b6b;cursor:pointer;background:0 0;border:1px solid #f006;border-radius:6px;align-self:flex-start;padding:8px 15px;font-size:13px;transition:all .2s}.btn-cancel:hover{background:#ff00001a;border-color:#ff6b6b}.fx-control-group{background:#0003;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:20px;padding:15px}.fx-control-group label{text-transform:uppercase;letter-spacing:1px;color:#a0a0a0;justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.fx-control-group span{color:#ffb347;font-weight:700}.fx-control-group input[type=range]{accent-color:#ffb347;width:100%;margin-bottom:5px}.fx-control-group select{color:#fff;background-color:#0b0c10;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:10px;font-size:14px;transition:all .3s}.helper-text{color:#777;margin-top:5px;font-size:11px;line-height:1.4}.btn-export{color:#0b0c10;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#ffb347 0%,#ff7b00 100%);border:none;border-radius:8px;margin-top:20px;padding:16px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-export:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #ffb3474d}.btn-export:disabled{opacity:.5;cursor:not-allowed;color:#888;background:#444}.fx-canvas-area{background:radial-gradient(circle,#1f2833 0%,#0b0c10 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.empty-state{text-align:center;color:#888;pointer-events:none;z-index:10}.empty-state h3{color:#fff;margin-bottom:10px}@media (max-width:900px){.flexi-builder-container{flex-direction:column}.fx-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;width:100%;max-height:50vh}.fx-canvas-area{min-height:50vh}}