<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
		.container {
			width: 100%;
			height: calc(100vh - 60px); /* ë²„íŠ¼ ì˜ì—­ ë†’ì´ë¥¼ ëº€ ê°’ */
			overflow: auto;
		}

		#diagram {
			min-width: 200%;
			min-height: 90%;
			background-color: #ffffff;
			background-image: 
				linear-gradient(rgba(114, 103, 245, 0.1) 1px, transparent 1px),
				linear-gradient(90deg, rgba(114, 103, 245, 0.1) 1px, transparent 1px);
			background-size: 20px 20px;
			position: relative;
		}

		#buttons {
			height: 60px; /* ë²„íŠ¼ ì˜ì—­ ë†’ì´ */
			padding: 10px;
			background-color: #f8f9fa;
			border-top: 1px solid #dee2e6;
		}

		#addNode {
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 28px;
			box-shadow: 0 4px 8px rgba(0,0,0,0.2);
			position:absolute;
			width: 50px; 
			height: 50px; 
			z-index: 1000;
			bottom: 30px;
			left: 350px;
		}
		#addNode:hover {
			transform: scale(1.1);
			transition: transform 0.2s;
		}


		/* ë‚˜ë¨¸ì§€ ìŠ¤íƒ€ì¼ì€ ê·¸ëŒ€ë¡œ ìœ&nbsp;ì§€ */
        .node {
            font-size: 0.85rem;
            position: absolute;
            border-radius: 0.3rem;
            border: 2px solid;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #ffffff;
        }
        .node-text {
            background-color: #7267f5;
            border-color: #5549e3;
            width: 60px;
            height: 60px;
            font-size: 24px;
        }
        .node-llm {
            background-color: #64c5eb;
            border-color: #4da8cc;
            width: 250px;
            padding: 10px;
            color: #333333;
            flex-direction: column;
            align-items: stretch;
        }
        .node-switch {
			background-color: #f75c84;
			border-color: #e54b70;
            width: 60px;
            height: 60px;
			font-size: 18px;
			position: relative;  /* ì¶”ê°€ */
			padding: 10px;  /* ì¶”ê°€ */
		}
        .node-api {
			background-color: #2ecc71 ;
			border-color: #229954;
            width: 60px;
            height: 60px;
			font-size: 18px;
			padding: 10px;  /* ì¶”ê°€ */
		}
		.node-docsRetriever {
			background-color: #ffc107;
			border-color: #cc9a05;
			width: 250px;
			height: 80px;  /* ë†’ì´ë¥¼ ì¡°ê¸ˆ ëŠ˜ë&nbsp;¸ìŠµë‹ˆë‹¤ */
			font-size: 14px;  /* í°íŠ¸ í¬ê¸°ë¥¼ ì¡°ê¸ˆ ì¤„ì˜€ìŠµë‹ˆë‹¤ */
			padding: 10px;
			display: flex;
			align-items: center;
		}

		.node-docsRetriever .node-content {
			display: flex;
			width: 100%;
			height: 100%;
		}

		.node-docsRetriever .node-icon {
			width: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 24px;
			color: #fff;
		}

		.node-docsRetriever .node-inputs {
			flex-grow: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding-left: 10px;
		}

		.node-docsRetriever select,
		.node-docsRetriever input {
			width: 100%;
			margin-bottom: 5px;
		}

		.node-docsRetriever select {
			height: 30px;
			padding: 2px 5px;
		}

		.node-docsRetriever input {
			height: 30px;
			padding: 2px 5px;
		}
		
		.node-sheetRetriever {
			background-color: #4caf50;
			border-color: #357c38;
			width: 250px;
			height: 80px;  /* ë†’ì´ë¥¼ ì¡°ê¸ˆ ëŠ˜ë&nbsp;¸ìŠµë‹ˆë‹¤ */
			font-size: 14px;  /* í°íŠ¸ í¬ê¸°ë¥¼ ì¡°ê¸ˆ ì¤„ì˜€ìŠµë‹ˆë‹¤ */
			padding: 10px;
			display: flex;
			align-items: center;
		}

		.node-sheetRetriever .node-content {
			display: flex;
			width: 100%;
			height: 100%;
		}

		.node-sheetRetriever .node-icon {
			width: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 24px;
			color: #fff;
		}

		.node-sheetRetriever .node-inputs {
			flex-grow: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding-left: 10px;
		}

		.node-sheetRetriever select,
		.node-sheetRetriever input {
			width: 100%;
			margin-bottom: 5px;
		}

		.node-sheetRetriever select {
			height: 30px;
			padding: 2px 5px;
		}

		.node-sheetRetriever input {
			height: 30px;
			padding: 2px 5px;
		}


		.node .add-socket-btn {
            font-size: 0.8rem;
			display: none;
			position: absolute;
			right: -35px;
		    top: calc(50% - 12px); /* 50%ì—ì„œ 12px ìœ„ë¡œ ì´ë™ */
			width: 24px;  /* ë²„íŠ¼ ë„ˆë¹„ ì¶•ì†Œ */
			height: 24px; /* ë²„íŠ¼ ë†’ì´ ì¶•ì†Œ */
			border-radius: 50%;
			color: #7267f5;
			background: rgba(255, 255, 255, 0.7); /* íˆ¬ëª…ë„ ìžˆëŠ” í° ë°°ê²½ */
			cursor: pointer;
			font-size: 16px;
			z-index: 10;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0;
			border: none; /* ë¶ˆí•„ìš”í•œ í…Œë‘ë¦¬ ì&nbsp;œê±° */
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); /* ë” ë¶€ë“œëŸ¬ìš´ ê·¸ë¦¼ìž */
            padding: 0.25rem 0.5rem;
		}


		/* ë…¸ë“œì— ë§ˆìš°ìŠ¤ë¥¼ ì˜¬ë¦¬ê±°ë‚˜ ë²„íŠ¼ì— ë§ˆìš°ìŠ¤ë¥¼ ì˜¬ë¦´ ë•Œ ë³´ì´ë„ë¡ */
		.node:hover .add-socket-btn,
		.node .add-socket-btn:hover {
			display: flex;
		}



		
		
        .node-header {
            font-size: 0.9rem;
            font-weight: bold;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        .node-header i {
            margin-right: 5px;
        }
        .form-select, .form-control {
            font-size: 0.8rem;
            padding: 0.25rem 0.5rem;
            background-color: rgba(255, 255, 255, 0.9);
            margin-bottom: 8px;
            height: auto;
        }
        #buttons {
            margin-top: 20px;
        }
        #buttons button {
            margin-right: 10px;
        }
		
		
		
		.node-type-btn {
			display: flex;
			align-items: center;
			font-size: 1.1rem;
			padding: 15px;
		}

		.provider-logo {
			width: 32px;
			height: 32px;
			object-fit: contain;
		}

		.node-type-btn i {
			width: 32px;
			height: 32px;
			font-size: 32px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.node-header i {
			font-size: 1.1rem; /* ì•„ì´ì½˜ í¬ê¸° */
			line-height: 1; /* ì•„ì´ì½˜ ìˆ˜ì§ ì&nbsp;•ë&nbsp;¬ ì¡°ì&nbsp;• */
		}

		.node-header span {
			font-size: 1rem; /* í…ìŠ¤íŠ¸ í¬ê¸° */
			line-height: 1; /* í…ìŠ¤íŠ¸ì˜ ìˆ˜ì§ ì&nbsp;•ë&nbsp;¬ ì¡°ì&nbsp;• */
		}


		/* íœ´ì§€í†µ ë²„íŠ¼ ìŠ¤íƒ€ì¼ë§ */
		.node-delete {
			position: absolute;
			top: -24px; /* í•„ìš”ì— ë”°ë¼ ì¡°ì&nbsp;• */
			left: 50%;
			transform: translateX(-50%);
			display: none; /* ê¸°ë³¸ì&nbsp;ìœ¼ë¡œ ìˆ¨ê¹€ */
			cursor: pointer;
			border-radius: 50%;
			color: #999;
			width: 24px; /* ì»¨í…Œì´ë„ˆ ë„ˆë¹„ */
			height: 24px; /* ì»¨í…Œì´ë„ˆ ë†’ì´ */
			align-items: center; /* ìˆ˜ì§ ì¤‘ì•™ ì&nbsp;•ë&nbsp;¬ */
			justify-content: center; /* ìˆ˜í‰ ì¤‘ì•™ ì&nbsp;•ë&nbsp;¬ */
		}

		.node-delete i {
			font-size: 14px; /* ì•„ì´ì½˜ í¬ê¸° ì¡°ì&nbsp;ˆ */
		}

		/* ë§ˆìš°ìŠ¤ í˜¸ë²„ ì‹œ íœ´ì§€í†µ ë²„íŠ¼ í‘œì‹œ */
		.node:hover .node-delete,
		.node-delete:hover {
			display: flex; /* display: block ëŒ€ì‹&nbsp; flexë¡œ ë³€ê²½ */
		}
		
		/* Ensure endpoints are above connectors */
		.jtk-endpoint {
			position: relative; /* Required for z-index to take effect */
			z-index: 1000;
		}

		/* Ensure connectors are below endpoints */
		.jtk-connector {
			position: relative; /* Required for z-index to take effect */
			z-index: 500;
		}

		/* ë…¸ë“œ ì½˜í…ì¸&nbsp;ë¥¼ ìƒëŒ€ì&nbsp;ìœ¼ë¡œ ìœ„ì¹˜ì‹œí‚¤ê¸° ìœ„í•´ position ì„¤ì&nbsp;• */
		.node-content {
			position: relative;
		}



.tribute-container {
    background-color: #ffffff;
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    max-height: 300px;
    overflow-y: auto;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.tribute-container::-webkit-scrollbar {
    width: 8px;
}

.tribute-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 8px;
}

.tribute-container::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px;
}

.tribute-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.tribute-container ul {
    padding: 0;
    margin: 0;
}

/* ì„&nbsp;íƒ ì‹œ */
.tribute-container li.highlight {
    background: #7267f5 !important;
	color:#FFF !important;
}

.tribute-container ul {
    background: #FFF !important;
}

.tribute-container li {
    padding: 10px 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    list-style-type: none;
}

.tribute-container li:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
}

.tribute-container li:hover {
    background-color: #f7f9fc;
}

.tribute-container .highlight {
    background-color: #e8f0fe;
    color: #1a73e8;
}

.tribute-container .selected,
.tribute-container .selected .highlight {
    background-color: #1a73e8;
    color: white;
}</pre></body></html>