body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.info-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.info-modal-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:650px;overflow-y:auto;padding:25px;width:90%}.info-modal-content h3{border-bottom:1px solid #eee;color:#333;margin-bottom:15px;margin-top:0;padding-bottom:10px}.info-modal-content pre{word-wrap:break-word;background-color:#f9f9f9;border-radius:5px;color:#444;flex-grow:1;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;line-height:1.6;margin-bottom:20px;padding:15px;white-space:pre-wrap}.info-modal-content button{align-self:flex-end;background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.95em;margin-top:auto;padding:10px 18px}.info-modal-content button:hover{background-color:#0056b3}.clickable-node{cursor:help}.clickable-node:hover{box-shadow:0 0 0 2px #007bff,0 0 10px #007bff80}.artemis-clickable-node:hover{box-shadow:0 0 0 2px #00bf9c,0 0 10px #00bf9c80}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.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{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray: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;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;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{margin:15px;position:absolute;z-index:5}.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:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.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-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.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-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.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{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 #0059dccc}.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{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.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.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.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.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-path{stroke-width:3!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:5 5;animation:dashdraw .5s linear infinite}@keyframes dashdraw{to{stroke-dashoffset:-10}}.react-flow__arrowhead{fill:currentColor!important;stroke:currentColor!important;stroke-width:1.5!important}.arrow-marker-primary{fill:#3b82f6!important}.arrow-marker-success{fill:#10b981!important}.arrow-marker-warning{fill:#f59e0b!important}.arrow-marker-danger{fill:#ef4444!important}.arrow-marker-info{fill:#6366f1!important}.react-flow__edge:hover .react-flow__edge-path{stroke-width:5!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.react-flow__edge-text{fill:#1f2937!important;background:#ffffffe6;border-radius:4px;box-shadow:0 2px 4px #0000001a;font-size:14px!important;font-weight:600!important;padding:4px 8px}.enhanced-node{cursor:pointer;position:relative;transition:all .3s ease}.enhanced-node:hover{box-shadow:0 8px 24px #00000026!important;transform:translateY(-2px)}.enhanced-node:after,.enhanced-node:before{background:#3b82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:12px;opacity:0;position:absolute;transition:opacity .3s ease;width:12px}.enhanced-node:hover:after,.enhanced-node:hover:before{opacity:1}.enhanced-node:before{left:-6px;top:50%;transform:translateY(-50%)}.enhanced-node:after{right:-6px;top:50%;transform:translateY(-50%)}.react-flow__controls,.react-flow__minimap{background-color:#fffffff2!important;border:2px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important}.react-flow__controls-button{background-color:#fff!important;border:1px solid #e5e7eb!important;transition:all .2s ease}.react-flow__controls-button:hover{background-color:#f3f4f6!important;transform:scale(1.1)}.react-flow__background-pattern{opacity:.5!important}.react-flow__selection{background:#3b82f61a!important;border:2px dashed #3b82f6!important}.arrow-indicator{border-style:solid;height:0;position:absolute;width:0}.arrow-indicator-right{border-color:#0000 #0000 #0000 #3b82f6;border-width:8px 0 8px 12px;right:-20px;top:50%;transform:translateY(-50%)}.arrow-indicator-left{border-color:#0000 #3b82f6 #0000 #0000;border-width:8px 12px 8px 0;left:-20px;top:50%;transform:translateY(-50%)}.arrow-indicator-top{border-color:#3b82f6 #0000 #0000;border-width:12px 8px 0;left:50%;top:-20px;transform:translateX(-50%)}.arrow-indicator-bottom{border-color:#0000 #0000 #3b82f6;border-width:0 8px 12px;bottom:-20px;left:50%;transform:translateX(-50%)}.flow-direction-overlay{align-items:center;background:#fffffff2;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px;position:absolute;right:10px;top:10px;z-index:10}.flow-direction-arrow{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.node-tooltip{background:#1f2937f2;border-radius:6px;color:#fff;font-size:12px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transition:opacity .3s ease;white-space:nowrap;z-index:1000}.node-tooltip.visible{opacity:1}.node-tooltip:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #1f2937f2;bottom:-4px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.edge-type-primary{stroke:#3b82f6!important}.edge-type-secondary{stroke:#6b7280!important;stroke-dasharray:8 4!important}.edge-type-success{stroke:#10b981!important}.edge-type-warning{stroke:#f59e0b!important}.edge-type-danger{stroke:#ef4444!important}.edge-type-feedback{stroke:#8b5cf6!important;stroke-dasharray:4 4!important}@keyframes pulse-edge{0%{stroke-width:3;opacity:1}50%{stroke-width:6;opacity:.7}to{stroke-width:3;opacity:1}}.pulse-edge{animation:pulse-edge 2s ease-in-out infinite}.gradient-edge-horizontal{stroke:url(#edge-gradient-horizontal)!important}.gradient-edge-vertical{stroke:url(#edge-gradient-vertical)!important}.roadmap-container{background-color:#f9f9f9;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:calc(100vh - 60px);padding:20px}.roadmap-timeline-view{display:flex;flex-direction:row;gap:20px;overflow-x:auto;padding-bottom:20px}.roadmap-quarter-column{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;min-width:300px;padding:15px}.roadmap-quarter-column h4{border-bottom:2px solid #4a148c;color:#4a148c;margin-bottom:20px;margin-top:0;padding-bottom:10px;text-align:center}.roadmap-quarter-items{display:flex;flex-direction:column;gap:20px}.roadmap-item-container{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #00000008;display:flex;padding:15px;position:relative}.roadmap-item-timeline{align-items:center;display:flex;flex-direction:column;margin-right:15px;position:relative}.roadmap-item-dot{background-color:#4a148c;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #4a148c;height:16px;width:16px;z-index:1}.roadmap-item-line{background-color:#4a148c;flex-grow:1;margin-bottom:4px;margin-top:4px;width:2px}.roadmap-item-content{flex-grow:1}.roadmap-item-content h3{color:#4a148c;font-size:1.1em;margin-bottom:8px;margin-top:0}.roadmap-item-content p{color:#555;font-size:.9em;line-height:1.5;margin-bottom:10px}.roadmap-item-content ul{color:#555;font-size:.85em;list-style-type:disc;margin-bottom:10px;padding-left:20px}.roadmap-item-content ul li{margin-bottom:5px}.roadmap-item-status{border-radius:4px;display:inline-block;font-size:.8em;font-weight:700;padding:4px 8px;text-transform:uppercase}.roadmap-item-status.planned{background-color:#e3f2fd;color:#1565c0}.roadmap-item-status.inprogress{background-color:#fffde7;color:#fbc02d}.roadmap-item-status.completed{background-color:#e8f5e9;color:#2e7d32}.evoml-roadmap-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.evoml-roadmap-title{color:#00796b;font-size:2rem;margin-bottom:30px;padding-top:20px;text-align:center}.evoml-roadmap-filter{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.evoml-filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-button{background-color:#f0f0f0;border:none;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.filter-button.active{background-color:#00796b;color:#fff}.filter-button:hover:not(.active){background-color:#e0e0e0}.evoml-search{min-width:250px;position:relative}.evoml-search input{border:1px solid #ddd;border-radius:20px;font-size:14px;padding:8px 30px 8px 12px;width:100%}.clear-search{background:none;border:none;color:#888;cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.evoml-roadmap-timeline-view{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.evoml-roadmap-quarter-column{background-color:#f9f9f9;border-radius:8px;padding:15px}.evoml-roadmap-quarter-column h4{border-bottom:2px solid #00796b;color:#00796b;font-size:1.2rem;margin:0 0 15px;padding-bottom:10px;text-align:center}.evoml-roadmap-quarter-items{display:flex;flex-direction:column;gap:20px}.evoml-roadmap-item-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #00000014;display:flex;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.evoml-roadmap-item-container:hover{box-shadow:0 6px 18px #00000021;transform:translateY(-2px) scale(1.02)}.evoml-roadmap-item-container.highlight{box-shadow:0 0 0 2.5px #00796b}.evoml-roadmap-item-timeline{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;padding:15px 0;width:32px}.evoml-roadmap-item-dot{background-color:#bdbdbd;border-radius:50%;height:16px;margin-bottom:3px;width:16px}.evoml-roadmap-item-dot.completed{background-color:#4caf50}.evoml-roadmap-item-dot.in-progress{background-color:#ff9800}.evoml-roadmap-item-dot.planned{background-color:#2196f3}.evoml-roadmap-item-line{background-color:#bdbdbd;flex-grow:1;margin-top:5px;width:2px}.evoml-roadmap-item-content{display:flex;flex-direction:column;flex-grow:1;padding:15px 20px 12px 17px}.evoml-roadmap-item-content h3{color:#295056;font-size:1.06rem;margin-top:0}.evoml-roadmap-item-content p{color:#5a6770;font-size:.93rem;line-height:1.55;margin-bottom:10px}.evoml-roadmap-item-content ul{margin:8px 0;padding-left:22px}.evoml-roadmap-item-content li{color:#495464;font-size:.89rem;margin-bottom:5px}.evoml-roadmap-item-status{border-radius:12px;display:inline-block;font-size:.77rem;font-weight:600;letter-spacing:.38px;margin-top:3px;padding:3px 12px;text-transform:uppercase}.evoml-roadmap-item-status.completed{background-color:#e8f5e9;color:#2e7d32}.evoml-roadmap-item-status.in-progress{background-color:#fff3e0;color:#e65100}.evoml-roadmap-item-status.planned{background-color:#e1f5fe;color:#0277bd}.evoml-tag{background:#e1e9f0;border-radius:11px;color:#4051a3;display:inline-block;font-size:.71rem;font-weight:500;letter-spacing:.3px;margin-right:3px;padding:2.5px 9px;text-transform:capitalize}.evoml-tag-agentic{background:#e3f2fd;color:#1565c0}.evoml-tag-genai{background:#f3e5f5;color:#7b1fa2}.evoml-tag-auditability{background:#fff8e1;color:#f57c00}.evoml-tag-banking{background:#e8f5e9;color:#2e7d32}.evoml-tag-integration{background:#e9f5f0;color:#00796b}.evoml-tag-artemis{background:#fce4ec;color:#c2185b}.evoml-tag-enterprise{background:#e3eafc;color:#194b90}.evoml-tag-explainability{background:#fffde7;color:#bc5100}.evoml-tag-monitoring{background:#eafaea;color:#388e3c}.evoml-no-results{color:#666;padding:45px 0;text-align:center}.evoml-no-results button{background-color:#00796b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:16px;padding:8px 18px}mark{background-color:#fff9c4;border-radius:2px;padding:0 2px}.view-toggle{background:#f5f5f5;border-radius:10px;gap:8px;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px;padding:8px}.toggle-btn{border:none;border-radius:8px;color:#666;flex:1 1;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;padding:10px 16px}.toggle-btn.active{background:#00796b;box-shadow:0 2px 8px #00796b4d}.toggle-btn:hover:not(.active){background:#e0e0e0}.high-level-roadmap{margin:0 auto;max-width:800px}.roadmap-subtitle{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:40px;text-align:center}.high-level-timeline{position:relative}.high-level-roadmap-item{display:flex;margin-bottom:40px;position:relative}.roadmap-timeline{align-items:center;display:flex;flex-direction:column;margin-right:30px;width:60px}.roadmap-dot{border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px currentColor;height:20px;margin-bottom:8px;width:20px}.roadmap-line{background:linear-gradient(180deg,#ddd,#f5f5f5);height:80px;margin-top:8px;width:3px}.roadmap-content{background:#fff;border-left:4px solid #00796b;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:1 1;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.roadmap-content:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.roadmap-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.roadmap-header h3{color:#00796b;font-size:1.3rem;font-weight:600;margin:0}.status-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.roadmap-content h4{color:#333;font-size:1.4rem;font-weight:700;margin:0 0 15px}.roadmap-content p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:20px}.highlights{display:flex;flex-wrap:wrap;gap:8px}.highlight-tag{background:linear-gradient(135deg,#e0f2f1,#b2dfdb);border:1px solid #4db6ac;border-radius:15px;color:#00695c;font-size:.85rem;font-weight:500;padding:6px 12px}@media (max-width:768px){.evoml-roadmap-filter{align-items:stretch;flex-direction:column}.evoml-search{width:100%}.evoml-roadmap-timeline-view{grid-template-columns:1fr}.view-toggle{flex-direction:column;gap:6px;max-width:320px}.toggle-btn{font-size:.95rem;padding:12px 16px}.high-level-roadmap-item{flex-direction:column}.roadmap-timeline{flex-direction:row;justify-content:center;margin-bottom:20px;margin-right:0;width:100%}.roadmap-line{display:none}.roadmap-content{margin-left:0}}.table-view{margin-top:20px}.table-controls{display:flex;justify-content:center;margin-bottom:30px}.download-png-button{align-items:center;background:linear-gradient(135deg,#00796b,#004d40);border:none;border-radius:8px;box-shadow:0 4px 12px #00796b4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.download-png-button:hover{background:linear-gradient(135deg,#004d40,#00695c);box-shadow:0 6px 16px #00796b66;transform:translateY(-2px)}.download-png-button:active{transform:translateY(0)}.roadmap-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:1400px;overflow:hidden}.table-header{background:linear-gradient(135deg,#00796b,#004d40);color:#fff;padding:30px;text-align:center}.table-header h2{font-size:2.2rem;font-weight:700;margin:0 0 10px}.table-subtitle{font-size:1.1rem;line-height:1.5;margin:0;opacity:.9}.roadmap-table{border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;width:100%}.roadmap-table th{background:#f8f9fa;border-bottom:3px solid #00796b;color:#2c3e50;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:18px 16px;text-align:left;text-transform:uppercase}.roadmap-table td{border-bottom:1px solid #e9ecef;line-height:1.6;padding:20px 16px;vertical-align:top}.roadmap-table tr:hover{background-color:#f8f9fa;transition:background-color .3s ease}.quarter-cell{color:#00796b;font-size:1.1rem;font-weight:600;min-width:100px}.status-cell{align-items:center;display:flex;gap:10px;min-width:130px}.status-indicator{border-radius:50%;display:inline-block;height:12px;width:12px}.status-text{font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.title-cell{color:#2c3e50;font-size:1.1rem;line-height:1.4;max-width:300px;min-width:200px}.description-cell{color:#5a6c7d;font-size:.95rem;line-height:1.5;max-width:350px}.highlights-cell{min-width:250px}.highlights-list{display:flex;flex-direction:column;gap:6px}.highlight-item{color:#34495e;font-size:.9rem;line-height:1.4;padding-left:4px}.roadmap-table tr.status-completed{border-left:4px solid #4caf50}.roadmap-table tr.status-in-progress{border-left:4px solid #ff9800}.roadmap-table tr.status-planned{border-left:4px solid #2196f3}@media (max-width:1200px){.roadmap-table-container{margin:0 10px}.roadmap-table{font-size:.9rem}.roadmap-table td,.roadmap-table th{padding:12px 10px}.table-header h2{font-size:1.8rem}.table-subtitle{font-size:1rem}}@media (max-width:768px){.roadmap-table-container{border-radius:8px;margin:0 5px}.table-header{padding:20px 15px}.table-header h2{font-size:1.5rem}.table-subtitle{font-size:.9rem}.roadmap-table{font-size:.8rem}.roadmap-table td,.roadmap-table th{padding:10px 8px}.quarter-cell,.status-cell,.title-cell{min-width:auto}.description-cell,.highlights-cell{max-width:none}.status-cell{align-items:flex-start;flex-direction:column;gap:5px}.download-png-button{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.roadmap-table{display:block;overflow-x:auto;white-space:nowrap}.roadmap-table td,.roadmap-table th{min-width:120px;white-space:normal}.table-header h2{font-size:1.3rem}}.evoml-deployment-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;padding:40px 30px}.deployment-title{align-items:center;color:#2c3e50;display:flex;font-size:2.5rem;gap:15px;justify-content:center;margin-bottom:50px;text-align:center}.title-icon{font-size:3rem}.deployment-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:50px}.deployment-card{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 10px 30px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.deployment-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.deployment-card.selected{border-width:3px;transform:scale(1.02)}.card-header{color:#fff;padding:30px;text-align:center}.card-icon{display:block;font-size:4rem;margin-bottom:15px}.card-header h2{font-size:1.8rem;font-weight:700;margin:0 0 10px}.card-header p{font-size:1.1rem;margin:0;opacity:.9}.card-body{padding:35px}.machine-requirements{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:25px;padding:20px}.machine-requirements h3{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;gap:8px;margin-bottom:15px}.machine-info p{font-size:.9rem;margin:8px 0}.machine-type{color:#2c3e50;font-size:1rem!important;font-weight:700}.machine-specs{color:#e74c3c;font-weight:600}.machine-details{color:#3498db}.machine-examples{color:#666;font-size:.85rem!important;font-style:italic}.features-section{margin-bottom:25px}.features-section h3{color:#2c3e50;font-size:1.2rem;margin-bottom:15px}.features-section ul{list-style:none;margin:0;padding:0}.features-section li{color:#555;font-size:.95rem;padding:8px 0 8px 25px;position:relative}.features-section li:before{color:#27ae60;content:"✓";font-weight:700;left:0;position:absolute}.metrics-section{display:flex;flex-direction:column;gap:12px}.metric{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.metric:last-child{border-bottom:none}.metric-label{color:#666;font-size:.9rem;font-weight:600}.metric-value{color:#2c3e50;font-size:.9rem;font-weight:500}.architecture-details{animation:slideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:50px;padding:40px}.architecture-details h2{color:#2c3e50;margin-bottom:30px;text-align:center}.components-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.component-block{border-radius:12px;box-shadow:0 5px 15px #0000001a;color:#fff;font-weight:600;padding:20px;text-align:center;transition:transform .2s ease}.component-block:hover{transform:translateY(-3px)}.deployment-comparison{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;padding:40px}.deployment-comparison h2{color:#2c3e50;margin-bottom:30px;text-align:center}.comparison-table{font-size:.95rem}.comparison-table td{padding:15px}.comparison-table tr:hover{background:#f8f9fa}.table-icon{font-size:1.2rem;margin-right:8px}.deployment-footer{background:#ecf0f1;border-radius:15px;padding:30px;text-align:center}.footer-note{color:#2c3e50;font-size:1.1rem;margin:0}.view-toggle{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.toggle-btn{align-items:center;background:#fff;border:2px solid #3498db;border-radius:30px;color:#3498db;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.toggle-btn:hover{box-shadow:0 5px 15px #3498db33;transform:translateY(-2px)}.toggle-btn.active{background:#3498db;color:#fff}.toggle-icon{font-size:1.2rem}.simple-view{animation:fadeIn .3s ease}.simple-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:50px}.simple-card{background:#fff;border:3px solid;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:all .3s ease}.simple-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.simple-header{color:#fff;padding:25px;text-align:center}.simple-icon{display:block;font-size:3.5rem;margin-bottom:10px}.simple-header h2{font-size:1.5rem;font-weight:700;margin:0}.simple-body{padding:30px;text-align:center}.simple-item{color:#2c3e50;font-size:1.2rem;font-weight:500;margin:15px 0}.simple-best-for{border-top:2px solid #ecf0f1;color:#7f8c8d;font-size:1.1rem;margin-top:25px;padding-top:25px}.simple-best-for strong{color:#2c3e50;display:block;font-size:1.2rem;margin-top:5px}.simple-summary{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px}.simple-summary h2{color:#2c3e50;font-size:2rem;margin-bottom:30px;text-align:center}.decision-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.decision-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:15px;padding:25px}.decision-item h3{color:#2c3e50;font-size:1.2rem;margin:0 0 10px}.decision-item p{color:#34495e;font-size:1.1rem;font-weight:500;margin:0}.security-section{background-color:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;margin-top:20px;padding:15px}.security-section h3{color:#28a745;font-size:16px;margin:0 0 10px}.security-features{list-style:none;margin:0;padding:0}.security-features li{color:#555;font-size:14px;padding:5px 0}.security-features li:before{color:#28a745;content:"✓ ";font-weight:700;margin-right:5px}.llm-section{background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;margin-top:20px;padding:15px}.llm-section h3{color:#1976d2;font-size:16px;margin:0 0 10px}.llm-details p{color:#555;font-size:14px;margin:8px 0}.llm-providers{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.provider-badge{background:#2196f3;border-radius:16px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.data-privacy{color:#666!important;font-style:italic;margin-top:10px!important}.export-buttons{display:flex;gap:10px;position:absolute;right:20px;top:20px;z-index:10}.export-btn{align-items:center;background:#34495e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:all .3s ease}.export-btn:hover{background:#2c3e50;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.deployment-comparison{position:relative}.simple-comparison-table{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-top:60px;padding:40px}.simple-comparison-table h2{color:#2c3e50;font-size:2rem;margin-bottom:30px;text-align:center}.table-container{margin-bottom:20px}.comparison-table{background:#fff;border-collapse:collapse;box-shadow:0 2px 10px #0000000d;width:100%}.comparison-table th{background:#34495e;border-bottom:3px solid #2c3e50;color:#fff;font-size:14px;font-weight:600;padding:15px;text-align:left}.comparison-table td{border-bottom:1px solid #ecf0f1;font-size:14px;padding:12px 15px}.comparison-table tr:nth-child(2n){background:#f8f9fa}.comparison-table tr:hover{background:#e8f5e9;transition:background .3s ease}.option-icon{font-size:20px;margin-right:8px}.security-standard{color:#f39c12;font-weight:600}.security-enhanced{color:#3498db;font-weight:600}.security-high{color:#9b59b6;font-weight:600}.security-maximum{color:#e74c3c;font-weight:600}.privacy-limited{color:#f39c12;font-weight:600}.privacy-medium{color:#3498db;font-weight:600}.privacy-high{color:#9b59b6;font-weight:600}.privacy-maximum{color:#e74c3c;font-weight:600}.no-internet{color:#27ae60;font-weight:600}.yes-internet{color:#3498db;font-weight:600}.table-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.security-compliance-info{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-top:60px;padding:40px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.section-header h3{color:#2c3e50;font-size:2rem;margin:0}.section-actions{display:flex;gap:10px}.info-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.info-card h4{align-items:center;color:#34495e;display:flex;font-size:1.2rem;gap:10px;margin-bottom:15px}.info-card p{color:#555;font-size:14px;line-height:1.6}@media (min-width:1200px){.deployment-grid{gap:40px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.deployment-title{font-size:2rem}.deployment-grid{gap:20px;grid-template-columns:1fr}.card-icon{font-size:3rem}.comparison-table{font-size:.85rem}.comparison-table td,.comparison-table th{padding:10px}.simple-comparison-table{padding:20px}.simple-comparison-table h2{font-size:1.5rem}.table-container{overflow-x:scroll}.security-compliance-info{padding:20px}.security-compliance-info h3{font-size:1.5rem}.info-card{padding:20px}.info-card h4{font-size:1.1rem}.decision-form,.interactive-decision-guide{padding:20px}.form-row{grid-template-columns:1fr}.recommendations-actions{align-items:center;flex-direction:column}.recommendation-card{flex-direction:column;text-align:center}.recommendation-rank{margin-bottom:10px}}.interactive-decision-guide{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-top:60px;padding:40px}.interactive-decision-guide h2{color:#2c3e50;font-size:2rem;margin-bottom:10px;text-align:center}.guide-subtitle{color:#7f8c8d;font-size:1.1rem;margin-bottom:30px;text-align:center}.decision-form{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:30px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#34495e;font-size:14px;font-weight:600;margin-bottom:8px}.form-group select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}.form-group select:hover{border-color:#3498db}.form-group select:focus{border-color:#2980b9;box-shadow:0 0 0 3px #3498db33;outline:none}.generate-recommendations-btn{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin:30px auto 0;padding:12px 30px;transition:all .3s ease}.generate-recommendations-btn:hover:not(:disabled){background:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.generate-recommendations-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.recommendations-results{margin-top:40px}.recommendations-results h3{color:#2c3e50;font-size:1.5rem;margin-bottom:25px;text-align:center}.recommendations-actions{display:flex;gap:15px;justify-content:center;margin-bottom:25px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.action-btn.copy-btn{background:#3498db;color:#fff}.action-btn.copy-btn:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.action-btn.download-btn{background:#f39c12;color:#fff}.action-btn.download-btn:hover{background:#e67e22;box-shadow:0 4px 12px #f39c124d;transform:translateY(-2px)}.recommendations-list{display:flex;flex-direction:column;gap:20px}.recommendation-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;display:flex;padding:20px;transition:all .3s ease}.recommendation-card:hover{border-color:#3498db;box-shadow:0 4px 15px #0000001a}.recommendation-rank{align-items:center;color:#3498db;display:flex;font-size:2rem;font-weight:700;margin-right:20px}.recommendation-content{flex:1 1}.recommendation-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.rec-icon{font-size:2rem}.recommendation-header h4{color:#2c3e50;flex:1 1;font-size:1.3rem;margin:0}.match-score{background:#27ae60;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:5px 15px}.recommendation-details p{color:#555;font-size:14px;line-height:1.6;margin:5px 0}.recommendation-details strong{color:#2c3e50}.chat-sidebar-overlay{background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:999}.chat-sidebar-overlay.open{opacity:1;visibility:visible}.chat-sidebar{background-color:#fff;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;left:-480px;position:fixed;top:0;transition:left .3s ease;width:480px;z-index:1000}.chat-sidebar.open{left:0}.chat-sidebar-header{align-items:center;background-color:#2c3e50;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.chat-sidebar-header h2{font-size:1.5rem;font-weight:600;margin:0}.close-button{border-radius:50%;color:#fff;font-size:2rem;height:40px;padding:0;transition:background-color .2s ease;width:40px}.close-button:hover{background-color:#ffffff1a}.chat-sidebar-messages{background-color:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.chat-message{animation:slideIn .3s ease-out;margin-bottom:20px}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.message-header{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.message-role{color:#2c3e50;font-weight:600}.message-time{color:#666;font-size:.75rem}.message-content{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;line-height:1.6;padding:15px}.chat-message.user .message-content{background-color:#3498db;color:#fff;margin-left:40px}.chat-message.assistant .message-content{background-color:#fff;color:#2c3e50;margin-right:40px}.chat-message.error .message-content{background-color:#ffe5e5;border:1px solid #fcc;color:#d32f2f}.thinking-indicator{display:flex;gap:5px;padding:5px 0}.thinking-dot{animation:thinking 1.4s infinite;background-color:#3498db;border-radius:50%;height:8px;width:8px}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinking{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.streaming-cursor{background-color:#3498db;width:2px}.chat-sidebar-actions{background-color:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;padding:20px}.export-actions{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.export-button{background-color:#ecf0f1;border:none;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:1.2rem;padding:8px 16px;transition:all .2s ease}.export-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.export-button.copy:hover{background-color:#3498db;color:#fff}.export-button.markdown:hover{background-color:#9b59b6;color:#fff}.export-button.pdf:hover{background-color:#e74c3c;color:#fff}.chat-input-container{align-items:flex-end;display:flex;gap:10px}.chat-input{border:2px solid #e0e0e0;font-size:1rem;min-height:50px;padding:12px;transition:border-color .3s ease}.chat-input:focus{border-color:#3498db;outline:none}.chat-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button{align-items:center;background-color:#3498db;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.send-button:hover:not(:disabled){background-color:#2980b9;transform:scale(1.05)}.send-button:disabled{background-color:#bdc3c7;cursor:not-allowed;opacity:.7}.message-content h1,.message-content h2,.message-content h3{color:inherit;margin-bottom:10px;margin-top:15px}.message-content p{margin-bottom:10px}.message-content ol,.message-content ul{margin-bottom:10px;margin-left:20px}.message-content code{background-color:#0000000d;border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:.9em;padding:2px 4px}.message-content pre{background-color:#f5f5f5;border-radius:6px;margin:10px 0;overflow-x:auto;padding:15px}.chat-message.user .message-content code{background-color:#fff3;color:#fff}.chat-message.user .message-content pre{background-color:#ffffff1a;color:#fff}.message-content table{background-color:#fff;border-collapse:collapse;border-radius:6px;font-size:.85rem;margin:15px 0;overflow:hidden;width:100%}.message-content td,.message-content th{border-bottom:1px solid #e0e0e0;padding:10px 12px;text-align:left}.message-content th{background-color:#2c3e50;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.message-content tr:last-child td{border-bottom:none}.message-content tr:nth-child(2n){background-color:#f8f9fa}.chat-message.user .message-content table{background-color:initial}.chat-message.user .message-content th{background-color:#ffffff26;color:#fff}.chat-message.user .message-content td{border-color:#fff3}.chat-sidebar-messages::-webkit-scrollbar{width:6px}.chat-sidebar-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-sidebar-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-sidebar-messages::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:600px){.chat-sidebar{left:-100%;width:100%}.chat-sidebar.open{left:0}.message-content{font-size:.9rem}.chat-message.assistant .message-content,.chat-message.user .message-content{margin-left:0;margin-right:0}}.product-selection,.template-selection{margin-bottom:20px}.radio-label{border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;display:block;margin:5px 0;padding:10px;transition:all .3s ease}.radio-label:hover{background-color:#f5f5f5;border-color:#007bff}.radio-label input[type=radio]{margin-right:10px}.radio-label input[type=radio]:checked+*{font-weight:600}.context-textarea{border:1px solid #ddd;border-radius:5px;font-size:14px;min-height:100px;padding:10px;resize:vertical;width:100%}.additional-context{margin-top:20px}.email-generator-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;padding:40px 30px}.output-mode-selection{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:20px}.output-mode-selection h3{color:#333;font-size:18px;margin:0 0 15px}.mode-options{display:flex;gap:20px}.mode-option{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:block;flex:1 1;padding:15px 20px;transition:all .3s ease}.mode-option:hover{background:#f0f0f0;border-color:#007bff}.mode-option input[type=radio]{margin-right:10px}.mode-option input[type=radio]:checked~.mode-label{color:#007bff;font-weight:600}.mode-option input[type=radio]:checked~*{color:#007bff}.mode-label{align-items:center;display:flex;gap:10px}.mode-icon{font-size:20px}.generator-title{align-items:center;color:#2c3e50;display:flex;font-size:2.5rem;gap:15px;justify-content:center;margin-bottom:40px;text-align:center}.generator-content{grid-gap:40px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:grid;gap:40px;grid-template-columns:1fr 1fr;padding:40px}.left-panel h3{color:#2c3e50;font-size:1.4rem;margin-bottom:20px}.options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.option-card{border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.option-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.option-card.selected{border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.option-header{color:#fff;padding:15px;text-align:center}.option-icon{display:block;font-size:2rem;margin-bottom:5px}.option-header h4{font-size:1rem;font-weight:600;margin:0}.option-details{background:#f8f9fa;padding:15px}.option-subtitle{color:#666;font-size:.85rem;margin:0 0 8px}.option-cost,.option-security{color:#555;font-size:.85rem;margin:4px 0}.selection-indicator{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.client-form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.client-form input,.client-form textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 15px;transition:border-color .3s ease}.client-form input:focus,.client-form textarea:focus{border-color:#3498db;outline:none}.client-form textarea{min-height:80px;resize:vertical}.generate-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.generate-button:hover:not(:disabled){background:#2980b9;box-shadow:0 5px 15px #3498db4d;transform:translateY(-1px)}.generate-button:disabled{background:#bdc3c7;cursor:not-allowed}.error-message{background:#ffe5e5;border:1px solid #f99;border-radius:8px;color:#c00;font-size:.9rem;margin-top:15px;padding:12px}.right-panel{display:flex;flex-direction:column}.output-tabs{display:flex;gap:10px;margin-bottom:20px}.tab-button{background:#ecf0f1;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px;transition:all .3s ease}.tab-button:hover{background:#d5dbdd}.tab-button.active{background:#3498db;color:#fff}.output-content{background:#f8f9fa;border-radius:12px;flex:1 1;min-height:500px;overflow:hidden;padding:20px;position:relative}.output-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;max-width:500px;position:absolute;right:20px;top:20px;z-index:10}.copy-button{background:#27ae60;border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.copy-button:hover{background:#229954}.copy-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.65}.copy-button.markdown-button{background:#5c7cfa}.copy-button.markdown-button:hover{background:#4c6ef5}.copy-button.text-button{background:#f39c12}.copy-button.text-button:hover{background:#e67e22}.generated-content{height:100%;overflow-y:auto;padding-right:10px}.generated-content pre{word-wrap:break-word;background-color:#f5f5f5;border-radius:5px;color:#2c3e50;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6;margin:15px 0;overflow-x:auto;padding:15px;white-space:pre-wrap}.markdown-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-top:50px}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:#2c3e50;margin-bottom:10px;margin-top:20px}.markdown-content table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:.85rem;margin:20px 0;overflow:hidden;width:100%}.markdown-content td,.markdown-content th{border-bottom:1px solid #e0e0e0;padding:12px 15px;text-align:left}.markdown-content th{background-color:#2c3e50;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.markdown-content tr:last-child td{border-bottom:none}.markdown-content tr:nth-child(2n){background-color:#f8f9fa}.markdown-content tr:hover{background-color:#e8f4f8;transition:background-color .2s ease}.markdown-content ol,.markdown-content ul{margin-bottom:10px;margin-left:20px}.markdown-content li{margin-bottom:5px}.markdown-content strong{color:#2c3e50;font-weight:600}.markdown-content p{line-height:1.6;margin-bottom:10px}.pdf-button{background:#e74c3c!important}.pdf-button:hover{background:#c0392b!important}.options-section{margin:20px 0}.checkbox-label{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:1rem;gap:10px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.placeholder{align-items:center;display:flex;height:100%;justify-content:center;text-align:center}.placeholder p{color:#95a5a6;font-size:1.1rem;margin:0}.generated-content::-webkit-scrollbar{width:8px}.generated-content::-webkit-scrollbar-track{background:#e0e0e0;border-radius:4px}.generated-content::-webkit-scrollbar-thumb{background:#95a5a6;border-radius:4px}.generated-content::-webkit-scrollbar-thumb:hover{background:#7f8c8d}@media (max-width:1200px){.generator-content{gap:30px;grid-template-columns:1fr}.output-content{min-height:400px}}@media (max-width:768px){.generator-title{font-size:2rem}.generator-content{padding:20px}.options-grid{grid-template-columns:1fr}.output-tabs{flex-direction:column}.copy-button{font-size:.8rem;padding:6px 12px}}.code-block{background-color:#1e1e1e;border:1px solid #3e3e3e;border-radius:8px;margin:8px 0;overflow:hidden;transition:all .3s ease}.code-block.expanded{box-shadow:0 2px 8px #0000004d}.code-header{align-items:center;background-color:#2d2d2d;border-bottom:1px solid #3e3e3e;display:flex;font-size:13px;justify-content:space-between;padding:0}.code-block.collapsed .code-header{border-bottom:none}.expand-button{align-items:center;background:none;border:none;color:#ccc;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;gap:8px;padding:10px 12px;text-align:left;transition:background-color .2s}.expand-button:hover{background-color:#3e3e3e}.expand-icon{color:grey;display:inline-block;font-size:10px;transition:transform .2s}.code-filename{align-items:center;color:#ccc;display:flex;font-family:Consolas,Monaco,Courier New,monospace;gap:6px}.file-icon{color:#4ec9b0;font-size:14px}.line-count{color:grey;font-size:12px;margin-left:4px}.header-actions{padding-right:8px}.diff-badge{background-color:#4ec9b0;border-radius:4px;color:#1e1e1e;font-size:11px;font-weight:600;padding:2px 8px}.copy-button{align-items:center;background-color:initial;border:1px solid #4e4e4e;border-radius:4px;color:#ccc;cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:4px;padding:4px 10px;transition:all .2s}.copy-button:hover{background-color:#3e3e3e;border-color:#5e5e5e}.copy-button:active{background-color:#4e4e4e}.code-body{animation:slideDown .3s ease;overflow:hidden}.code-content{background-color:#1e1e1e;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;margin:0;max-height:400px;overflow-x:auto;overflow-y:auto;padding:16px 16px 16px 8px;text-align:left;white-space:pre}.code-content.diff{padding:0}.diff-line{display:block;margin:0;padding:2px 16px 2px 8px;position:relative;white-space:pre}.diff-add{background-color:#10b9811a;color:#10b981}.diff-add:before{background-color:#10b981;content:"";height:100%;left:0;position:absolute;width:3px}.diff-remove{background-color:#ef44441a;color:#ef4444}.diff-remove:before{background-color:#ef4444;content:"";height:100%;left:0;position:absolute;width:3px}.diff-header{background-color:#3b82f61a;color:#3b82f6;font-weight:600;padding:4px 16px}.code-content::-webkit-scrollbar{height:8px;width:8px}.code-content::-webkit-scrollbar-track{background:#2d2d2d}.code-content::-webkit-scrollbar-thumb{background:#4e4e4e;border-radius:4px}.code-content::-webkit-scrollbar-thumb:hover{background:#5e5e5e}.code-block.collapsed:hover{border-color:#4e4e4e}.code-suggestions-table{background-color:#1e1e1e;border:1px solid #3e3e3e;border-radius:8px;margin:12px 0;overflow:hidden}.table-header{background-color:#2d2d2d;border-bottom:1px solid #3e3e3e;justify-content:space-between;padding:12px 16px}.header-info,.table-header{align-items:center;display:flex}.header-info{gap:12px}.header-actions{gap:8px}.suggestions-title{align-items:center;color:#ccc;display:flex;font-size:14px;font-weight:500;gap:8px}.suggestions-icon{font-size:16px}.suggestions-context{color:grey;font-size:12px;font-style:italic}.weights-btn{background-color:#3e3e3e;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-family:inherit;font-size:12px;padding:6px 16px;transition:background-color .2s;white-space:nowrap}.weights-btn:hover{background-color:#4e4e4e}.expand-all-btn{background-color:#3e3e3e;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-family:inherit;font-size:12px;padding:6px 16px;transition:background-color .2s;white-space:nowrap}.expand-all-btn:hover{background-color:#4e4e4e}.table-container{background-color:#252526;overflow-x:auto}.suggestions-table{border-collapse:collapse;font-size:13px;width:100%}.suggestions-table thead{background-color:#2d2d2d;position:-webkit-sticky;position:sticky;top:0;z-index:10}.suggestions-table th{border-bottom:2px solid #3e3e3e;color:#ccc;font-weight:500;padding:12px 16px;text-align:left;white-space:nowrap}.suggestions-table th.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.suggestions-table th.sortable:hover{background-color:#3e3e3e}.sort-icon{color:#606060;display:inline-block;font-size:12px;margin-left:6px;transition:color .2s}.sort-icon.active{color:#4ec9b0;font-weight:700}.version-column{min-width:200px}.gen-column{width:80px}.avg-column,.gen-column{text-align:center!important}.avg-column{width:120px}.metric-column{text-align:center!important;width:140px}.action-column{text-align:center!important;width:100px}.suggestion-row{border-bottom:1px solid #3e3e3e;transition:background-color .2s}.suggestion-row:hover{background-color:#ffffff05}.suggestion-row.expanded{background-color:#0084ff0d}.version-cell{padding:16px;position:relative}.version-info{display:flex;flex-direction:column;gap:4px;position:relative}.version-name{color:#ccc;cursor:default;font-size:13px;font-weight:500}.version-info:has(.version-tooltip) .version-name{border-bottom:1px dotted #606060;cursor:help}.version-tooltip{background-color:#2d2d2d;border:1px solid #4e4e4e;border-radius:6px;box-shadow:0 4px 12px #00000080;left:0;margin-top:8px;max-width:400px;min-width:200px;opacity:0;padding:12px;pointer-events:none;position:absolute;top:100%;transition:opacity .2s,visibility .2s;visibility:hidden;z-index:100}.version-info:hover .version-tooltip{opacity:1;visibility:visible}.version-tooltip p{color:#a0a0a0;font-size:12px;line-height:1.4;margin:0}.version-description{color:grey;font-size:12px;line-height:1.4}.gen-cell{padding:16px;text-align:center}.generation-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 12px;text-transform:uppercase}.generation-badge.gen-1{background-color:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.generation-badge.gen-2{background-color:#a855f733;border:1px solid #a855f74d;color:#a855f7}.generation-badge.gen-3{background-color:#ec489933;border:1px solid #ec48994d;color:#ec4899}.avg-cell{padding:16px;text-align:center}.avg-score{align-items:center;display:flex;flex-direction:column;gap:6px}.score-value{color:#4ec9b0;font-size:24px;font-weight:600}.score-bar{background-color:#3e3e3e;border-radius:3px;height:6px;overflow:hidden;width:80px}.score-fill{background-color:#4ec9b0;height:100%;transition:width .3s ease}.metric-cell{padding:16px;position:relative;text-align:center}.metric-display{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative}.stars{display:flex;gap:2px}.star{transition:color .2s}.star.empty{color:#4a4a4a}.metric-score{color:grey;font-size:11px}.metric-tooltip{background-color:#2d2d2d;border:1px solid #4e4e4e;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #00000080;left:50%;margin-bottom:8px;max-width:300px;min-width:200px;opacity:0;padding:12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;z-index:100}.metric-display:hover .metric-tooltip{opacity:1;visibility:visible}.metric-tooltip:after{border:6px solid #0000;border-top-color:#4e4e4e;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.metric-tooltip strong{color:#ccc;display:block;font-size:13px;margin-bottom:6px}.metric-tooltip p{color:#a0a0a0;font-size:12px;line-height:1.4;margin:0}.action-cell{padding:16px;text-align:center}.toggle-code-btn{background-color:#3e3e3e;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-family:inherit;font-size:12px;padding:6px 16px;transition:background-color .2s;white-space:nowrap}.toggle-code-btn:hover{background-color:#4e4e4e}.code-row td{background-color:#1e1e1e;padding:0}.code-container{padding:16px}.code-container .code-block{border:1px solid #3e3e3e;margin:0}.table-footer{background-color:#2d2d2d;border-top:1px solid #3e3e3e;padding:12px 16px}.legend{align-items:center;display:flex;font-size:12px;gap:16px}.legend-title{color:grey;font-weight:500}.legend-items{display:flex;flex-wrap:wrap;gap:16px}.legend-item{align-items:center;color:#a0a0a0;display:flex;gap:4px}@media (max-width:1200px){.table-container{overflow-x:scroll}.suggestions-table{min-width:800px}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#2d2d2d}.table-container::-webkit-scrollbar-thumb{background:#4e4e4e;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#5e5e5e}.weights-panel{animation:slideDown .3s ease;background-color:#252526;border-bottom:1px solid #3e3e3e;padding:16px}.weights-header{margin-bottom:16px}.weights-header h4{color:#ccc;font-size:14px;margin:0 0 4px}.weights-header p{color:grey;font-size:12px;margin:0}.weights-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.weight-control{align-items:center;background-color:#1e1e1e;border:1px solid #3e3e3e;border-radius:6px;display:flex;gap:12px;padding:8px 12px}.weight-control label{color:#ccc;flex:0 0 120px;font-size:12px;font-weight:500}.weight-slider{-webkit-appearance:none;appearance:none;background:#3e3e3e;cursor:pointer;flex:1 1;height:4px;opacity:.8;outline:none;transition:opacity .2s}.weight-slider:hover{opacity:1}.weight-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4ec9b0;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;width:16px}.weight-slider::-moz-range-thumb{background:#4ec9b0;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;width:16px}.weight-value{color:#4ec9b0;flex:0 0 40px;font-size:12px;font-weight:600;text-align:right}.weights-footer{align-items:center;border-top:1px solid #3e3e3e;display:flex;justify-content:space-between;padding-top:12px}.reset-weights-btn{background-color:#3e3e3e;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-size:11px;padding:6px 12px;transition:background-color .2s}.reset-weights-btn:hover{background-color:#4e4e4e}.weights-hint{color:#606060;font-size:11px;font-style:italic}.weight-indicator{background-color:#4ec9b033;border-radius:3px;color:#4ec9b0;display:inline-block;font-size:10px;font-weight:600;margin-left:4px;padding:2px 6px}.openai-container{background-color:#1e1e1e;box-sizing:border-box;color:#d4d4d4;display:flex;font-family:Consolas,Monaco,Courier New,monospace;height:100vh;left:0;margin:0;padding:0;position:fixed;top:0;width:100vw}.api-key-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:20px;padding:20px}.api-key-warning h3{margin-top:0}.api-key-warning pre{background-color:#f8f9fa;border-radius:4px;padding:10px}.code-editor-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-splitter{background-color:#3e3e3e;cursor:col-resize;flex-shrink:0;height:100%;position:relative;transition:background-color .2s;width:4px}.panel-splitter:hover{background-color:#4e4e4e}.panel-splitter.resizing{background-color:#0084ff}.splitter-handle{background-color:#606060;border-radius:1px;height:30px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:2px}.panel-splitter.resizing .splitter-handle,.panel-splitter:hover .splitter-handle{opacity:1}.panel-splitter.resizing .splitter-handle{background-color:#0084ff;height:50px}.openai-container.resizing *{-webkit-user-select:none!important;user-select:none!important}.editor-header{align-items:center;background-color:#2d2d2d;border-bottom:1px solid #3e3e3e;display:flex;flex-shrink:0;font-size:14px;gap:10px;padding:10px 20px}.editor-header .file-icon{color:#4ec9b0}.editor-header .file-type{color:#6c6c6c;font-size:12px}.code-editor-wrapper{flex:1 1;overflow:hidden;position:relative}.code-editor{background-color:#1e1e1e;border:none;caret-color:#d4d4d4;color:#d4d4d4;font-family:inherit;font-size:14px;height:100%;line-height:1.6;outline:none;padding:20px;resize:none;tab-size:2;width:100%}.chat-panel{background-color:#252526;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{align-items:center;background-color:#2d2d2d;border-bottom:1px solid #3e3e3e;color:#ccc;display:flex;justify-content:space-between;padding:10px 20px}.chat-header-title{align-items:center;display:flex;gap:10px}.chat-header-title .chat-icon{color:#4ec9b0}.chat-header-title span{font-size:16px}.clear-chat-btn{background-color:#3e3e3e;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.clear-chat-btn:hover{background-color:#4e4e4e}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px;position:relative}.welcome-message{color:grey;margin-top:50px;padding:0 20px;text-align:center}.welcome-message h3{color:#ccc;margin-bottom:10px}.welcome-message p{font-size:14px;line-height:1.5}.quick-actions{display:flex;gap:12px;justify-content:center;margin:24px 0}.quick-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s}.quick-action-btn:disabled{cursor:not-allowed;opacity:.5}.action-icon{font-size:18px}.score-btn{background-color:#3b82f6;color:#fff}.score-btn:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.optimize-btn{background-color:#10b981;color:#fff}.optimize-btn:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.quick-action-btn:active:not(:disabled){transform:translateY(0)}.welcome-examples{color:#606060;font-size:13px;margin-top:20px}.welcome-examples ul{list-style:none;margin-top:10px;padding:0}.message-wrapper{display:flex;margin-bottom:5px}.message-wrapper.user{justify-content:flex-end}.message-wrapper.assistant{justify-content:flex-start}.message-bubble{font-size:14px;line-height:1.5;max-width:80%;padding:10px 14px;word-break:break-word}.message-bubble.user{background-color:#0084ff;border-radius:18px 18px 4px 18px;color:#fff}.message-bubble.assistant{background-color:#3e3e3e;border-radius:18px 18px 18px 4px;color:#d4d4d4}.message-content{white-space:pre-wrap}.text-content{line-height:1.5;margin:4px 0}.text-content:first-child{margin-top:0}.text-content:last-child{margin-bottom:0}.message-bubble .code-block{margin:12px -4px}.message-bubble .code-block:first-child{margin-top:8px}.message-bubble .code-block:last-child{margin-bottom:8px}.streaming-cursor{animation:blink 1s infinite;background-color:#007bff;display:inline-block;height:16px;margin-left:2px;vertical-align:text-bottom;width:8px}.typing-indicator{display:flex;gap:4px}.typing-dot{animation:bounce 1.4s ease-in-out infinite;background-color:grey;border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}.input-area{align-items:flex-end;background-color:#2d2d2d;border-top:1px solid #3e3e3e;display:flex;gap:10px;padding:15px}.chat-input{background-color:#3e3e3e;border:1px solid #4e4e4e;border-radius:8px;color:#d4d4d4;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;min-height:40px;outline:none;padding:10px 15px;resize:none;transition:border-color .2s}.chat-input:focus{border-color:#0084ff}.send-btn{align-items:center;background-color:#0084ff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:10px 20px;transition:background-color .2s}.send-btn:hover{background-color:#06c}.send-btn:disabled{background-color:#4e4e4e;color:grey;cursor:not-allowed}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:#4e4e4e;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#5e5e5e}.floating-actions{bottom:20px;display:flex;flex-direction:column;gap:8px;position:absolute;right:20px;z-index:50}.floating-action-btn{align-items:center;background-color:#2d2d2d;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#ccc;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .2s;width:48px}.floating-action-btn:hover:not(:disabled){box-shadow:0 4px 12px #0006;transform:scale(1.1)}.floating-action-btn:first-child:hover{background-color:#3b82f6}.floating-action-btn:nth-child(2):hover{background-color:#10b981}.floating-action-btn:disabled{cursor:not-allowed;opacity:.5}.floating-action-btn:active:not(:disabled){transform:scale(.95)}.token-counter{align-items:center;animation:fadeIn .3s ease-in;background:#007bff1a;border-radius:16px;color:#007bff;display:inline-flex;font-size:12px;gap:6px;margin-top:8px;padding:4px 12px}.token-icon{font-size:14px}.token-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.final-token-count{align-items:center;background:#007bff0d;border:1px solid #007bff33;border-radius:8px;color:#06c;display:inline-flex;font-size:13px;gap:8px;margin-top:12px;padding:6px 14px}.final-token-count .token-icon,.star{font-size:16px}.star{margin-right:1px}.star.filled,.star.half{color:#fbbf24}.star.half{position:relative}.star.empty{color:#d1d5db}.modern-nav{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{color:#333;font-size:18px;font-weight:600;gap:12px;text-decoration:none;transition:opacity .2s ease}.nav-brand:hover{opacity:.8}.brand-icon{font-size:24px}.brand-text{color:#673ab7}.nav-menu{align-items:center;display:flex;gap:8px}.nav-dropdown{position:relative}.nav-dropdown-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.nav-dropdown-toggle:hover{background:#f5f5f5;color:#333}.nav-dropdown-toggle.active{background:#e8e0f7;color:#673ab7}.nav-dropdown-toggle.open{background:#f5f5f5}.dropdown-icon{font-size:18px}.dropdown-arrow{font-size:10px;margin-left:4px;transition:transform .2s ease}.nav-dropdown-toggle.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{animation:slideDown .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #0000001a;left:0;margin-top:8px;min-width:240px;padding:8px;position:absolute;top:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:100%}a.dropdown-item{color:inherit;text-decoration:none}.dropdown-item:hover{background:#f5f5f5;color:#333;transform:translateX(4px)}.dropdown-item.active{background:#e8e0f7;color:#673ab7;font-weight:500}.item-icon{font-size:18px;text-align:center;width:24px}.item-label{flex:1 1}@media (max-width:768px){.nav-container{padding:0 16px}.nav-brand{font-size:16px}.brand-text{display:none}.nav-dropdown-toggle{font-size:14px;padding:8px 12px}.dropdown-label{display:none}.dropdown-menu{min-width:200px}.nav-menu{gap:4px}}@media (max-width:480px){.dropdown-menu{left:auto;right:0}}.summary-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:40px 20px}.summary-header{margin-bottom:50px;text-align:center}.summary-header h1{color:#1a1a1a;font-size:2.5em;margin-bottom:10px}.subtitle{color:#666;font-size:1.3em;font-weight:300}.summary-section{background:#f8f9fa;border-radius:10px;box-shadow:0 2px 5px #0000000d;margin-bottom:50px;padding:30px}.summary-section h2{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.8em;margin-bottom:20px;padding-bottom:10px}.resource-item{margin-bottom:20px}.resource-item h3{color:#34495e;font-size:1.2em;margin-bottom:10px}.resource-item ul{list-style:none;padding:0}.resource-item li{margin-bottom:10px;padding-left:20px;position:relative}.resource-item li:before{color:#3498db;content:"→";left:0;position:absolute}.resource-link{color:#3498db;text-decoration:none;transition:color .3s ease}.resource-link:hover{color:#2980b9;text-decoration:underline}.demo-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.demo-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.demo-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.demo-item h4{color:#2c3e50;font-size:1.1em;margin-bottom:8px}.demo-item p{color:#666;font-size:.9em;margin-bottom:12px;min-height:40px}.demo-link{color:#3498db;font-size:.9em;font-weight:500;text-decoration:none;transition:color .3s ease}.demo-link:hover{color:#2980b9}.integration-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.integration-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:15px;transition:transform .2s ease}.integration-item:hover{transform:translateX(5px)}.integration-name{color:#34495e;font-size:.95em}.integration-link{color:#3498db;font-weight:500;text-decoration:none;white-space:nowrap}.integration-link:hover{color:#2980b9}.deployment-content,.next-content{background:#fff;border-radius:6px;line-height:1.6;padding:20px}.deployment-content p,.next-content p{color:#444;margin-bottom:15px}.deployment-content ul{list-style:none;margin:15px 0;padding:0}.deployment-content li{margin-bottom:10px;padding-left:20px;position:relative}.deployment-content li:before{color:#3498db;content:"•";font-weight:700;left:0;position:absolute}.note{background:#f0f4f8;border-left:4px solid #3498db;border-radius:4px;color:#666;font-style:italic;margin-top:15px;padding:15px}@media (max-width:768px){.summary-header h1{font-size:2em}.demo-grid,.integration-list{grid-template-columns:1fr}.summary-section{padding:20px}}.password-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.password-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.password-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.password-modal-header h2{color:#333;font-size:1.5em;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background-color:#f0f0f0;color:#333}.password-modal-content{padding:20px}.password-modal-content p{color:#666;margin-bottom:20px}.password-input{border:2px solid #e0e0e0;border-radius:6px;font-size:16px;margin-bottom:16px;outline:none;padding:12px 16px;transition:border-color .2s ease;width:100%}.password-input:focus{border-color:#3498db}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#e74c3c;font-size:14px;margin-bottom:16px;padding:8px 12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-button,.submit-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-button{background-color:#f0f0f0;color:#666}.cancel-button:hover{background-color:#e0e0e0}.submit-button{background-color:#3498db;color:#fff}.submit-button:hover{background-color:#2980b9}.submit-button:active{transform:translateY(1px)}@media (max-width:480px){.password-modal{margin:20px;width:95%}.modal-actions{flex-direction:column;gap:8px}.cancel-button,.submit-button{width:100%}}.runner-settings-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:800px;padding:20px}.settings-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.settings-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.status-indicator{align-items:center;display:flex}.check-icon{height:24px;width:24px}.settings-content{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:24px}.info-section{display:flex;gap:16px}.info-icon{flex-shrink:0;margin-top:4px}.info-icon svg{height:24px;width:24px}.info-content{flex:1 1}.info-content h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.info-content p{color:#4b5563;line-height:1.6;margin:0 0 20px}.setup-steps{color:#4b5563;margin:0;padding-left:20px}.setup-steps li{line-height:1.6;margin-bottom:16px}.link{color:#3b82f6;font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.credentials-section{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;margin-top:16px}.credential-field{align-items:center;display:flex;gap:12px}.credential-field label{color:#374151;font-weight:500;min-width:100px}.credential-input{align-items:center;display:flex;flex:1 1;gap:8px}.credential-input input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;flex:1 1;font-family:monospace;font-size:14px;outline:none;padding:8px 12px}.credential-input input:focus{background-color:#fff;border-color:#3b82f6}.placeholder-text{color:#6b7280;font-style:italic}.icon-button{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.icon-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.icon-button:active{background-color:#e5e7eb}.icon{color:#6b7280;height:18px;width:18px}.icon-button:hover .icon{color:#374151}.method-selector{display:flex;gap:12px;margin:12px 0}.method-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.method-button:hover{background-color:#f9fafb;border-color:#3b82f6}.method-button.active{background-color:#eff6ff;border-color:#3b82f6;color:#1e40af}.method-icon{height:20px;width:20px}.command-section{margin:16px 0}.commands-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}.command-box{align-items:center;background-color:#1e293b;border-radius:6px;display:flex;font-family:Consolas,Monaco,Courier New,monospace;gap:12px;padding:12px 16px}.command-box code{color:#e2e8f0;flex:1 1;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.copy-command-button{background-color:#334155;border:1px solid #475569;border-radius:4px;color:#e2e8f0;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.copy-command-button:hover{background-color:#475569;border-color:#64748b}.copy-command-button:active{background-color:#1e293b}.all-in-one-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:16px}.all-in-one-label{color:#475569;font-size:14px;font-weight:500;margin:0 0 8px}.command-box.all-in-one{background-color:#0f172a}.command-box.all-in-one code{font-size:13px}.quick-start-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;margin:20px 0;padding:20px}.quick-start-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.quick-start-icon{height:24px;width:24px}.quick-start-title{color:#92400e;font-size:18px;font-weight:600}.quick-start-text{color:#78350f;font-size:14px;margin:0 0 12px}.command-box.highlight{background-color:#451a03;border:2px solid #f59e0b}.copy-command-button.highlight{background-color:#f59e0b;border-color:#d97706;color:#451a03;font-weight:600}.copy-command-button.highlight:hover{background-color:#d97706;border-color:#b45309}.divider{margin:30px 0;position:relative;text-align:center}.divider:before{background-color:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background-color:#f0fdf4;color:#6b7280;font-size:14px;font-weight:500;padding:0 16px;position:relative}.requirements-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:30px;padding:16px}.requirements-box h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.requirements-list{list-style-type:none;margin:0;padding-left:20px}.requirements-list li{color:#4b5563;font-size:14px;margin-bottom:8px;padding-left:24px;position:relative}.requirements-list li:before{color:#22c55e;content:"✓";font-weight:700;left:0;position:absolute}.os-selector{display:flex;gap:8px;margin:16px 0}.os-button{background:#fff;border:2px solid #f59e0b;border-radius:6px;color:#92400e;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.os-button:hover{background-color:#fef3c7}.os-button.active{background-color:#f59e0b;color:#fff}.troubleshooting-box{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-top:30px;padding:20px}.troubleshooting-box h4{color:#92400e;font-size:18px;font-weight:600;margin:0 0 16px}.troubleshooting-item{border-bottom:1px solid #fde68a;margin-bottom:20px;padding-bottom:20px}.troubleshooting-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.troubleshooting-item strong{color:#78350f;display:block;font-size:15px;margin-bottom:8px}.troubleshooting-item p{color:#92400e;font-size:14px;margin:4px 0}.inline-code{background-color:#451a03;border-radius:4px;color:#fef3c7;font-family:monospace;font-size:13px;padding:2px 6px}.help-section{background-color:#eff6ff;border:1px solid #3b82f6;border-radius:8px;margin-top:30px;padding:20px}.help-content{align-items:center;display:flex;gap:16px}.help-icon{flex-shrink:0;height:32px;width:32px}.help-content div{color:#1e40af;flex:1 1;font-size:15px}.help-content strong{font-weight:600}.progress-indicator{background-color:#f8fafc;border-radius:8px;margin:20px 0;padding:16px}.progress-bar{background-color:#e5e7eb;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#6b7280;font-size:14px;font-weight:500;margin:0;text-align:center}@keyframes pulse{0%{box-shadow:0 0 0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}@media (max-width:640px){.runner-settings-container,.settings-content{padding:16px}.credential-field,.info-section{flex-direction:column}.credential-field{align-items:flex-start}.credential-field label{min-width:auto}.credential-input{width:100%}.method-selector{flex-direction:column}.method-button{width:100%}.command-box{align-items:stretch;flex-direction:column}.copy-command-button{width:100%}.runner-architecture-section>div>div>div:first-child{flex-direction:column}.runner-architecture-section>div>div>div:first-child>div:nth-child(2){margin:20px 0;transform:rotate(90deg)}}.prompt-management{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.prompt-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.prompt-header h1{color:#2c3e50;font-size:2rem;margin:0}.header-actions{align-items:center;display:flex;gap:15px}.search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 15px;width:250px}.export-btn,.import-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s ease}.export-btn:hover,.import-btn:hover{background:#2980b9;box-shadow:0 2px 8px #3498db4d;transform:translateY(-1px)}.import-btn{background:#27ae60}.import-btn:hover{background:#229954}.prompt-content{display:flex;gap:30px;min-height:600px}.category-sidebar{display:flex;flex-direction:column;gap:10px;width:250px}.category-btn{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;position:relative;text-align:left;transition:all .3s ease}.category-btn:hover{background:#e9ecef;border-color:#3498db}.category-btn.active{background:#3498db;border-color:#3498db;color:#fff}.custom-count{background:#e74c3c;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.prompts-list{background:#f8f9fa;border-radius:10px;flex:1 1;overflow-y:auto;padding:30px}.prompts-list h2{color:#2c3e50;font-size:1.5rem;margin:0 0 20px}.prompts-grid{display:flex;flex-direction:column;gap:20px}.prompt-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.prompt-item h3{color:#34495e;font-size:1.1rem;font-weight:600;margin:0 0 15px}.prompt-value{position:relative}.prompt-value pre{word-wrap:break-word;background:#f5f6fa;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;line-height:1.5;margin:0 0 10px;max-height:300px;overflow-y:auto;padding:15px;white-space:pre-wrap}.customized-badge{background:#f39c12;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;right:10px;top:10px}.prompt-actions{display:flex;gap:10px}.cancel-btn,.copy-btn,.edit-btn,.reset-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 15px;transition:all .3s ease}.edit-btn{background:#3498db;color:#fff}.edit-btn:hover{background:#2980b9}.reset-btn{background:#e74c3c;color:#fff}.reset-btn:hover{background:#c0392b}.copy-btn{background:#95a5a6;color:#fff}.copy-btn:hover{background:#7f8c8d}.save-btn{background:#27ae60;color:#fff}.save-btn:hover{background:#229954}.cancel-btn{background:#e74c3c;color:#fff}.cancel-btn:hover{background:#c0392b}.edit-prompt{margin-top:15px}.edit-prompt textarea{border:1px solid #ddd;border-radius:6px;font-family:monospace;font-size:13px;padding:10px;resize:vertical;width:100%}.edit-actions{display:flex;gap:10px;margin-top:10px}.prompt-info{background:#ecf0f1;border-radius:8px;margin-top:30px;padding:20px;text-align:center}.prompt-info p{color:#555;font-size:14px;margin:0}@media (max-width:768px){.prompt-header{align-items:flex-start;flex-direction:column;gap:20px}.header-actions{flex-wrap:wrap}.search-input{width:100%}.prompt-content{flex-direction:column}.category-sidebar{flex-direction:row;overflow-x:auto;padding-bottom:10px;width:100%}.prompts-list{padding:20px}}
/*# sourceMappingURL=main.791f8702.css.map*/