@import url('https://fonts.googleapis.com/css2?family=Anek+Malayalam:wght@400;500;600;700;800&display=swap');
#rf-fsd-app{font:14px 'Anek Malayalam',Arial,sans-serif;color:#173653;background:#f3f6fa;border:1px solid #d8e0e9;border-radius:10px;overflow:hidden}#rf-fsd-app *{box-sizing:border-box}#rf-fsd-app button{font:inherit;background:#fff;border:1px solid #cbd5df;border-radius:5px;padding:7px 9px;margin:2px;cursor:pointer;color:#173653}#rf-fsd-app .rf-top{background:#12345A;color:white;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}#rf-fsd-app .rf-top b{font-size:18px}#rf-fsd-app .rf-layout{display:grid;grid-template-columns:205px minmax(280px,1fr) 255px;min-height:760px}#rf-fsd-app aside{padding:11px;background:white;overflow:auto;max-height:calc(100vh - 140px)}#rf-fsd-app aside:first-child{border-right:1px solid #ddd}#rf-fsd-app aside:last-child{border-left:1px solid #ddd}#rf-fsd-app h3{font-size:14px;color:#12345A;margin:4px 0 8px}#rf-fsd-app h4{margin:14px 0 6px;font-size:12px}#rf-fsd-app aside>button{display:block;width:100%;text-align:left}#rf-fsd-app label{display:block;font-size:12px;font-weight:600;margin:7px 0;color:#42546a}#rf-fsd-app input:not([type=checkbox]),#rf-fsd-app textarea,#rf-fsd-app select{display:block;width:100%;padding:6px;margin-top:3px;border:1px solid #cbd5df;border-radius:4px;font:inherit;min-width:0}#rf-fsd-app input[type=color]{height:32px;padding:2px}#rf-fsd-app hr{border:0;border-top:1px solid #e1e6ec;margin:13px 0}#rf-fsd-app .rf-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px}#rf-fsd-app .rf-order,#rf-fsd-app .rf-themes{display:grid;grid-template-columns:1fr 1fr;gap:3px}#rf-fsd-app .rf-order button,#rf-fsd-app .rf-themes button{font-size:11px;padding:6px 3px}#rf-fsd-app .rf-stagehead{padding:10px;background:#f8fafc;font-weight:bold;display:flex;justify-content:space-between}#rf-fsd-app main{min-width:0;background:#e8edf3}#rf-stage{overflow:auto;padding:18px;min-height:650px}#rf-canvas{position:relative;background:#fff;box-shadow:0 5px 22px #172c4026;transform-origin:top left;overflow:hidden;flex:none}#rf-fsd-app .rf-el{position:absolute;display:flex;flex-direction:column;justify-content:center;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.25;cursor:move;user-select:none;touch-action:none}#rf-fsd-app .rf-el.sel{outline:2px solid #1684df;z-index:999!important}#rf-fsd-app .rf-handle{position:absolute;right:-2px;bottom:-2px;width:15px;height:15px;background:#1684df;border:2px solid white;border-radius:3px;cursor:nwse-resize;touch-action:none}#rf-fsd-app .rf-el.image{padding:0!important;border:0!important;background:transparent!important;overflow:hidden}#rf-fsd-app .rf-el img{width:100%;height:100%;display:block;pointer-events:none}#rf-fsd-app .rf-layer{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #e0e5eb;border-radius:4px;background:#f8fafc;margin:4px 0;cursor:grab}#rf-fsd-app .rf-layer.active{background:#e8f3ff;border-color:#1684df}#rf-fsd-app .rf-layer .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:transparent;border:0;padding:4px}#rf-fsd-app .rf-layer button{font-size:10px;padding:4px}#rf-fsd-app p{font-size:11px;color:#738195;line-height:1.45}#rf-toast{background:#12345A;color:white;padding:0 12px;max-height:0;overflow:hidden}#rf-toast.show{padding:9px 12px;max-height:60px}@media(max-width:1050px){#rf-fsd-app .rf-layout{grid-template-columns:175px minmax(250px,1fr)}#rf-fsd-app .rf-layout>aside:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #ddd;max-height:none}#rf-fsd-app .rf-layout>aside:first-child{max-height:none}}@media(max-width:650px){#rf-fsd-app .rf-layout{display:flex;flex-direction:column}#rf-fsd-app aside{max-height:none!important;overflow:visible}#rf-fsd-app .rf-layout>aside:first-child,#rf-fsd-app .rf-layout>aside:last-child{border:0;border-bottom:1px solid #ddd}#rf-stage{min-height:480px;padding:10px;overflow:auto}#rf-fsd-app .rf-top span{display:flex;flex-wrap:wrap}}

/* Touch-friendly editing: pinch gestures resize selected elements; handles remain available. */
#rf-canvas{touch-action:pan-x pan-y pinch-zoom}
#rf-canvas .rf-el{touch-action:none}
#rf-canvas .rf-el img{display:block;max-width:none}
#rf-canvas .rf-el.image{overflow:hidden}