Update app.css

app.css

@@ -547,4 +547,117 @@ footer, .footer, div[class*="footer"], #footer {
     min-width: calc(50% - 8px);
     margin: 4px;
   }
+/* 배포 섹션 스타일링 */
+.deploy-section {
+  margin-top: 15px;
+  background-color: var(--neutral-100);
+  border-radius: var(--radius-md);
+  overflow: hidden;
+}
+
+.deploy-header {
+  padding: 10px 15px;
+  font-weight: 600;
+  background-color: var(--neutral-200);
+  border-bottom: 1px solid var(--neutral-300);
+}
+
+.deploy-result-box {
+  padding: 15px;
+  min-height: 80px;
+}
+
+.no-deploy {
+  color: var(--text-tertiary);
+  font-style: italic;
+  text-align: center;
+  padding: 20px 0;
+}
+
+.deploy-success {
+  background-color: rgba(52, 199, 89, 0.1);
+  border-radius: var(--radius-md);
+  padding: 15px;
+  margin: 10px 0;
+}
+
+.deploy-error {
+  background-color: rgba(255, 59, 48, 0.1);
+  border-radius: var(--radius-md);
+  padding: 15px;
+  margin: 10px 0;
+}
+
+.deploy-loading {
+  background-color: rgba(0, 122, 255, 0.1);
+  border-radius: var(--radius-md);
+  padding: 15px;
+  margin: 10px 0;
+  display: flex;
+  align-items: center;
+}
+
+.loading-spinner {
+  border: 3px solid #f3f3f3;
+  border-top: 3px solid var(--primary);
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  animation: spin 2s linear infinite;
+  margin-right: 10px;
+}
+
+.success-icon, .error-icon {
+  display: inline-block;
+  font-size: 24px;
+  margin-right: 10px;
+}
+
+.loading-message, .success-message, .error-message {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.url-box {
+  margin-top: 10px;
+  background: var(--neutral-100);
+  padding: 10px 15px;
+  border-radius: var(--radius-md);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  word-break: break-all;
+}
+
+.url-box a {
+  flex: 1;
+  color: var(--primary);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.url-box a:hover {
+  text-decoration: underline;
+}
+
+.copy-btn {
+  background: var(--primary);
+  color: white;
+  border: none;
+  border-radius: var(--radius-sm);
+  padding: 5px 10px;
+  margin-left: 10px;
+  cursor: pointer;
+  font-size: 12px;
+  transition: background 0.2s;
+}
+
+.copy-btn:hover {
+  background: var(--secondary);
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}  
 }