@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.app-container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px}.header h1{font-size:2.8rem;font-weight:700;margin-bottom:10px;background:linear-gradient(90deg,var(--ios-blue),var(--android-green));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.content{display:flex;flex-direction:column;align-items:center;gap:30px}.input-container{width:100%;max-width:500px;position:relative}.text-input{width:100%;padding:18px 25px;font-size:1.1rem;border:none;border-radius:16px;background:#fff;box-shadow:0 5px 25px #00000014;transition:all .3s ease;outline:none}.text-input:focus{box-shadow:0 8px 30px #0071e333}.typing-indicator{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;gap:5px;opacity:0;transition:opacity .3s}.typing-indicator.active{opacity:1}.typing-indicator .dot{width:8px;height:8px;border-radius:50%;background:var(--ios-blue);animation:typing 1.2s infinite}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.dropdown-container{position:relative;width:100%;max-width:300px;z-index:10}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:16px;margin-top:8px;box-shadow:var(--dropdown-shadow);overflow:hidden;animation:fadeIn .3s ease forwards}.mobile-simulator{position:relative;width:100%;max-width:340px;height:600px;margin-top:20px;margin-left:130px}.iphone-frame{position:relative;width:100%;height:100%;border-radius:40px;background:#000;box-shadow:0 30px 60px #0003,0 0 0 14px #1a1a1a,inset 0 0 20px #ffffff0d;overflow:hidden}.iphone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:40px;z-index:10;display:flex;justify-content:center;padding-top:8px}.dynamic-island{width:120px;height:35px;background:#000;border-radius:40px;display:flex;align-items:center;justify-content:space-around;padding:0 15px}.camera,.sensor{background:#333;border-radius:50%}.camera{width:20px;height:20px}.sensor{width:8px;height:8px}.iphone-screen{position:absolute;inset:40px 10px 10px;background:linear-gradient(135deg,#f6f8fa,#e9edf1);border-radius:30px;overflow:hidden;display:flex;flex-direction:column}.ios-status-bar{display:flex;justify-content:space-between;padding:12px 20px;font-size:.9rem;font-weight:600;color:#000;background:transparent}.status-icons{display:flex;gap:10px}.screen-content{flex:1;overflow-y:auto;padding:20px;display:block;word-break:break-word;overflow-wrap:break-word}.display-text{font-size:1.8rem;font-weight:400;color:#1d1d1f;line-height:1.6;transition:all .3s ease;opacity:0;transform:translateY(20px);white-space:pre-wrap;text-align:left;width:100%;-webkit-hyphens:auto;hyphens:auto}.display-text.visible{opacity:1;transform:translateY(0)}.placeholder{display:flex;flex-direction:column;gap:10px;text-align:center;width:100%}.hello{font-size:3.5rem;font-weight:300;color:#8e8e93}.from-ios{font-size:1.5rem;color:var(--ios-blue);font-weight:500}.ios-home-indicator{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#000;border-radius:5px}.iphone-buttons{position:absolute;right:-4px;top:120px;height:180px;display:flex;flex-direction:column;justify-content:space-between}.volume-up,.volume-down,.side-button{background:#1a1a1a;border-radius:2px}.volume-up,.volume-down{width:4px;height:50px}.side-button{width:4px;height:80px}.galaxy-frame{position:relative;width:100%;height:100%;border-radius:36px;background:linear-gradient(to bottom,#3ddc84,#2ab572);box-shadow:0 30px 60px #00000026,0 0 0 10px #3ddc84,inset 0 0 20px #ffffff1a;overflow:hidden}.galaxy-screen{position:absolute;inset:10px 8px 8px;background:linear-gradient(135deg,#f0f4f7,#e2e9ef);border-radius:28px;overflow:hidden;display:flex;flex-direction:column}.galaxy-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:40px;z-index:10;display:flex;justify-content:center;padding-top:10px}.punch-hole{width:30px;height:30px;background:#000;border-radius:50%}.android-status-bar{display:flex;justify-content:space-between;padding:12px 20px;font-size:.9rem;font-weight:500;color:var(--android-dark);background:transparent}.android-navbar{display:flex;justify-content:space-around;padding:15px;background:#fffffff2;box-shadow:0 -2px 10px #0000000d}.nav-btn{font-size:1.8rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:var(--android-gray);border-radius:50%;transition:all .2s}.nav-btn.back{transform:scaleX(-1)}.from-android{font-size:1.5rem;color:var(--android-green);font-weight:500}.galaxy-buttons{position:absolute;right:-4px;top:150px;height:150px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.power-btn{width:4px;height:60px;background:#2ab572;border-radius:2px}.volume-btns{display:flex;flex-direction:column;gap:10px}.vol-up,.vol-down{width:4px;height:30px;background:#2ab572;border-radius:2px}.footer{text-align:center;margin-top:30px;padding:20px;color:#666;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.display-text.visible{animation:fadeIn .5s ease forwards}.ios .display-text{font-family:-apple-system,BlinkMacSystemFont,sans-serif}.android .display-text{font-family:Roboto,Helvetica Neue,sans-serif}@media (max-width: 768px){.header h1{font-size:2.2rem}.mobile-simulator{height:600px;max-width:300px}.dropdown-container{max-width:250px}}.dropdown-container{position:relative;width:100%;max-width:300px;z-index:100}.dropdown-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-radius:16px;cursor:pointer;box-shadow:var(--dropdown-shadow);transition:all .3s ease;border:2px solid #e0e3e7}.dropdown-toggle:hover{border-color:var(--ios-blue)}.selected-option{display:flex;align-items:center;gap:10px;font-weight:600}.icon{font-size:1.3rem}.dropdown-arrow{transition:transform .3s ease;font-size:.9rem;color:var(--ios-gray)}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:16px;margin-top:8px;box-shadow:var(--dropdown-shadow);overflow:hidden;z-index:101;animation:fadeIn .3s ease forwards}.dropdown-item{display:flex;align-items:center;gap:10px;padding:14px 20px;cursor:pointer;transition:all .2s ease;font-weight:600}.dropdown-item:hover{background:#f5f7fa}.dropdown-item.ios:hover{color:var(--ios-blue)}.dropdown-item.android:hover{color:var(--android-green)}.dropdown-item.active{background:#f0f8ff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.platform-tabs-container{width:100%;max-width:200px;margin:20px auto}.platform-tabs{display:flex;border:none;background-color:#f8f9fa;border-radius:8px;padding:4px}.platform-tabs .nav-item{flex:1;text-align:center}.platform-tabs .nav-link{border:none;color:#6c757d;font-weight:500;padding:8px 12px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.platform-tabs .nav-link:hover{color:#495057;background-color:#e9ecef}.platform-tabs .nav-link.active{color:#fff;background-color:#0d6efd}.platform-tabs .nav-link i{font-size:18px}.date-picker-container{width:100%!important;margin:40px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;font-family:Segoe UI,sans-serif}.rmdp-container{width:100%;height:50px!important}.custom-multiline-input{width:100%;padding:10px 14px;font-size:16px;border:2px solid #2b9439;border-radius:8px;resize:none;line-height:1.4;background-color:#fff;color:#333;box-shadow:inset 0 2px 4px #0000000d;cursor:pointer;transition:all .3s ease}.custom-multiline-input:focus{outline:none;border-color:#0056b3;box-shadow:0 0 5px #0056b34d}.date-picker-label{display:block;margin-bottom:8px;font-weight:600;color:#333}.custom-date-input{width:100%;padding:10px 14px;font-size:16px;border:2px solid #2b9439;border-radius:8px;transition:all .3s ease;outline:none;height:50px!important}.custom-date-input:focus{border-color:#0056b3;box-shadow:0 0 5px #0056b34d}.selected-dates{margin-top:0;color:#444;font-size:15px;background-color:#f5e6e3;border-radius:10px;padding:10px;overflow-y:auto;min-height:149px;max-height:149px;border:1px solid #ddd}.selected-dates ul{padding-left:3px;margin-top:0}.selected-dates li{margin-bottom:4px}.custom-calendar-container .rmdp-wrapper{border-radius:10px;box-shadow:0 8px 20px #00000026;overflow:hidden;border:1px solid #ddd}.custom-calendar-container .rmdp-day.rmdp-selected{background-color:#2b9439!important;color:#fff!important;border-radius:6px}.rmdp-day.rmdp-today span{background-color:#35ac45!important}.custom-calendar-container .rmdp-day:hover{background-color:#f0f0f0}.custom-calendar-container .rmdp-header{background-color:#f9f9f9;padding:8px 0}.custom-calendar-container .rmdp-week-day{color:#888;font-weight:500}