diff --git a/src/core/ui/launcher.templ b/src/core/ui/launcher.templ
index 2d88780..3f76a7a 100644
--- a/src/core/ui/launcher.templ
+++ b/src/core/ui/launcher.templ
@@ -110,40 +110,43 @@ templ workspaceCSS() {
 			font-weight:600;font-size:15px;color:#fff;flex-shrink:0
 		}
 		.avatar.sm{width:32px;height:32px;font-size:13px}
-		.content{flex:1;padding:20px 16px;max-width:1200px;margin:0 auto;width:100%}
-		.greeting{display:flex;align-items:center;gap:14px;margin-bottom:28px}
-		.greeting-text h1{font-size:1.4rem;font-weight:600;color:var(--text);line-height:1.3}
-		.greeting-text p{color:var(--text2);font-size:0.9rem;margin-top:2px}
+		.content{flex:1;padding:24px 16px;max-width:900px;margin:0 auto;width:100%}
+		.greeting{display:flex;align-items:center;gap:12px;margin-bottom:24px}
+		@media(min-width:600px){.greeting{margin-bottom:32px}}
+		.greeting-text h1{font-size:1.25rem;font-weight:600;color:var(--text);line-height:1.3}
+		.greeting-text p{color:var(--text2);font-size:0.85rem;margin-top:2px}
 
 		/* App Grid */
 		.app-grid{
 			display:grid;
-			grid-template-columns:repeat(2,1fr);
-			gap:10px
+			grid-template-columns:repeat(3,1fr);
+			gap:20px 10px; padding:8px 0
 		}
-		@media(min-width:600px){.app-grid{grid-template-columns:repeat(3,1fr);gap:12px}}
-		@media(min-width:900px){.app-grid{grid-template-columns:repeat(4,1fr);gap:14px}}
+		@media(min-width:600px){.app-grid{grid-template-columns:repeat(4,1fr);gap:24px 14px}}
+		@media(min-width:900px){.app-grid{grid-template-columns:repeat(6,1fr);gap:28px 16px}}
 
 		/* App Card */
 		.app-card{
-			background:var(--surface); border:1px solid var(--border);
-			border-radius:var(--radius-sm); padding:16px 12px;
-			cursor:pointer; transition:all 0.2s; text-decoration:none; color:inherit;
-			display:flex; flex-direction:column; align-items:center; gap:8px;
-			aspect-ratio:1; justify-content:center; position:relative
+			display:flex; flex-direction:column; align-items:center; gap:6px;
+			cursor:pointer; text-decoration:none; color:inherit; padding:8px 4px;
+			border-radius:12px; transition:all 0.15s; -webkit-tap-highlight-color:transparent
 		}
-		.app-card:active{transform:scale(0.97)}
-		.app-card:hover{border-color:var(--surface3); box-shadow:0 2px 12px rgba(0,0,0,0.2)}
+		.app-card:active{transform:scale(0.92)}
+		.app-card:hover{background:rgba(255,255,255,0.03)}
 		.app-card .app-icon{
-			width:44px;height:44px;border-radius:var(--radius-sm);
+			width:56px;height:56px;border-radius:14px;
 			display:flex;align-items:center;justify-content:center;flex-shrink:0
 		}
-		.app-card .app-icon svg{width:22px;height:22px}
-		.app-card .app-name{font-size:0.85rem;font-weight:500;color:var(--text);text-align:center;line-height:1.2}
-		.app-card .app-badge{
-			font-size:0.7rem;color:var(--text3);position:absolute;bottom:6px
+		@media(min-width:600px){.app-card .app-icon{width:64px;height:64px;border-radius:16px}}
+		.app-card .app-icon svg{width:28px;height:28px}
+		@media(min-width:600px){.app-card .app-icon svg{width:32px;height:32px}}
+		.app-card .app-name{
+			font-size:0.72rem;font-weight:400;color:var(--text);text-align:center;
+			line-height:1.2;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
 		}
-		.app-card.disabled{opacity:0.4;cursor:default}
+		@media(min-width:600px){.app-card .app-name{font-size:0.78rem}}
+		.app-card .app-badge{display:none}
+		.app-card.disabled{opacity:0.35;cursor:default}
 		.app-card.disabled:active{transform:none}
 
 		/* Overlay & Modal */
diff --git a/src/core/ui/launcher_templ.go b/src/core/ui/launcher_templ.go
index a4b8c4e..825b648 100644
--- a/src/core/ui/launcher_templ.go
+++ b/src/core/ui/launcher_templ.go
@@ -196,7 +196,7 @@ func workspaceCSS() templ.Component {
 			templ_7745c5c3_Var8 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 11, "<style type=\"text/css\">\n\t\t*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n\t\t:root{\n\t\t\t--bg:#0d1117; --surface:#161b22; --surface2:#21262d; --surface3:#30363d;\n\t\t\t--border:#30363d; --text:#e6edf3; --text2:#8b949e; --text3:#6e7681;\n\t\t\t--blue:#58a6ff; --green:#3fb950; --orange:#d2991d; --red:#f85149;\n\t\t\t--purple:#a371f7; --pink:#db61a2; --teal:#39d353;\n\t\t\t--radius:16px; --radius-sm:10px\n\t\t}\n\t\thtml{font-size:15px}\n\t\tbody{\n\t\t\tfont-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;\n\t\t\tbackground:var(--bg); color:var(--text); min-height:100vh; min-height:100dvh;\n\t\t\t-webkit-tap-highlight-color:transparent; -webkit-user-select:none; user-select:none\n\t\t}\n\t\t.shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}\n\t\t.topbar{\n\t\t\tdisplay:flex; justify-content:space-between; align-items:center;\n\t\t\tpadding:12px 16px; background:var(--surface); border-bottom:1px solid var(--border);\n\t\t\tposition:sticky; top:0; z-index:100\n\t\t}\n\t\t.topbar-left{display:flex;align-items:center;gap:10px}\n\t\t.logo-icon{\n\t\t\twidth:32px;height:32px;border-radius:8px;background:var(--blue);\n\t\t\tdisplay:flex;align-items:center;justify-content:center;\n\t\t\tfont-weight:700;font-size:16px;color:#fff\n\t\t}\n\t\t.logo-text{font-weight:600;font-size:18px;color:var(--text)}\n\t\t.topbar-right{display:flex;align-items:center;gap:8px}\n\t\t.icon-btn{\n\t\t\twidth:36px;height:36px;border-radius:50%;border:none;background:transparent;\n\t\t\tcolor:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;\n\t\t\ttransition:all 0.15s\n\t\t}\n\t\t.icon-btn:hover{background:var(--surface2);color:var(--text)}\n\t\t.avatar{\n\t\t\twidth:40px;height:40px;border-radius:50%;background:var(--purple);\n\t\t\tdisplay:flex;align-items:center;justify-content:center;\n\t\t\tfont-weight:600;font-size:15px;color:#fff;flex-shrink:0\n\t\t}\n\t\t.avatar.sm{width:32px;height:32px;font-size:13px}\n\t\t.content{flex:1;padding:20px 16px;max-width:1200px;margin:0 auto;width:100%}\n\t\t.greeting{display:flex;align-items:center;gap:14px;margin-bottom:28px}\n\t\t.greeting-text h1{font-size:1.4rem;font-weight:600;color:var(--text);line-height:1.3}\n\t\t.greeting-text p{color:var(--text2);font-size:0.9rem;margin-top:2px}\n\n\t\t/* App Grid */\n\t\t.app-grid{\n\t\t\tdisplay:grid;\n\t\t\tgrid-template-columns:repeat(2,1fr);\n\t\t\tgap:10px\n\t\t}\n\t\t@media(min-width:600px){.app-grid{grid-template-columns:repeat(3,1fr);gap:12px}}\n\t\t@media(min-width:900px){.app-grid{grid-template-columns:repeat(4,1fr);gap:14px}}\n\n\t\t/* App Card */\n\t\t.app-card{\n\t\t\tbackground:var(--surface); border:1px solid var(--border);\n\t\t\tborder-radius:var(--radius-sm); padding:16px 12px;\n\t\t\tcursor:pointer; transition:all 0.2s; text-decoration:none; color:inherit;\n\t\t\tdisplay:flex; flex-direction:column; align-items:center; gap:8px;\n\t\t\taspect-ratio:1; justify-content:center; position:relative\n\t\t}\n\t\t.app-card:active{transform:scale(0.97)}\n\t\t.app-card:hover{border-color:var(--surface3); box-shadow:0 2px 12px rgba(0,0,0,0.2)}\n\t\t.app-card .app-icon{\n\t\t\twidth:44px;height:44px;border-radius:var(--radius-sm);\n\t\t\tdisplay:flex;align-items:center;justify-content:center;flex-shrink:0\n\t\t}\n\t\t.app-card .app-icon svg{width:22px;height:22px}\n\t\t.app-card .app-name{font-size:0.85rem;font-weight:500;color:var(--text);text-align:center;line-height:1.2}\n\t\t.app-card .app-badge{\n\t\t\tfont-size:0.7rem;color:var(--text3);position:absolute;bottom:6px\n\t\t}\n\t\t.app-card.disabled{opacity:0.4;cursor:default}\n\t\t.app-card.disabled:active{transform:none}\n\n\t\t/* Overlay & Modal */\n\t\t.overlay{\n\t\t\tposition:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:1000;\n\t\t\tdisplay:flex;align-items:center;justify-content:center;\n\t\t\tbackdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px)\n\t\t}\n\t\t.modal{\n\t\t\tbackground:var(--surface); border:1px solid var(--border);\n\t\t\tborder-radius:var(--radius); width:92%; max-width:420px; max-height:85vh; overflow-y:auto\n\t\t}\n\t\t.modal-head{\n\t\t\tdisplay:flex;justify-content:space-between;align-items:center;\n\t\t\tpadding:18px 20px 12px\n\t\t}\n\t\t.modal-head h2{font-size:1.1rem;font-weight:600}\n\t\t.modal-body{padding:0 20px 20px}\n\t\t.close-btn{\n\t\t\twidth:32px;height:32px;border-radius:50%;border:none;background:transparent;\n\t\t\tcolor:var(--text2);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center\n\t\t}\n\t\t.modal-body h3{font-size:0.85rem;font-weight:600;color:var(--text2);margin:14px 0 6px;text-transform:uppercase;letter-spacing:0.5px}\n\t\t.modal-body ol{padding-left:18px}\n\t\t.modal-body li{font-size:0.85rem;color:var(--text);margin-bottom:4px;line-height:1.5}\n\t\t.modal-body code{background:var(--surface2);padding:1px 5px;border-radius:4px;font-size:0.8rem}\n\t\t.modal-body .btn{\n\t\t\tdisplay:block;width:100%;padding:12px;margin-top:16px;border:none;border-radius:var(--radius-sm);\n\t\t\tbackground:var(--blue);color:#fff;font-size:0.9rem;font-weight:600;cursor:pointer;text-align:center\n\t\t}\n\t\t.modal-body .btn:hover{opacity:0.9}\n\t</style>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 11, "<style type=\"text/css\">\n\t\t*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n\t\t:root{\n\t\t\t--bg:#0d1117; --surface:#161b22; --surface2:#21262d; --surface3:#30363d;\n\t\t\t--border:#30363d; --text:#e6edf3; --text2:#8b949e; --text3:#6e7681;\n\t\t\t--blue:#58a6ff; --green:#3fb950; --orange:#d2991d; --red:#f85149;\n\t\t\t--purple:#a371f7; --pink:#db61a2; --teal:#39d353;\n\t\t\t--radius:16px; --radius-sm:10px\n\t\t}\n\t\thtml{font-size:15px}\n\t\tbody{\n\t\t\tfont-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;\n\t\t\tbackground:var(--bg); color:var(--text); min-height:100vh; min-height:100dvh;\n\t\t\t-webkit-tap-highlight-color:transparent; -webkit-user-select:none; user-select:none\n\t\t}\n\t\t.shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}\n\t\t.topbar{\n\t\t\tdisplay:flex; justify-content:space-between; align-items:center;\n\t\t\tpadding:12px 16px; background:var(--surface); border-bottom:1px solid var(--border);\n\t\t\tposition:sticky; top:0; z-index:100\n\t\t}\n\t\t.topbar-left{display:flex;align-items:center;gap:10px}\n\t\t.logo-icon{\n\t\t\twidth:32px;height:32px;border-radius:8px;background:var(--blue);\n\t\t\tdisplay:flex;align-items:center;justify-content:center;\n\t\t\tfont-weight:700;font-size:16px;color:#fff\n\t\t}\n\t\t.logo-text{font-weight:600;font-size:18px;color:var(--text)}\n\t\t.topbar-right{display:flex;align-items:center;gap:8px}\n\t\t.icon-btn{\n\t\t\twidth:36px;height:36px;border-radius:50%;border:none;background:transparent;\n\t\t\tcolor:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;\n\t\t\ttransition:all 0.15s\n\t\t}\n\t\t.icon-btn:hover{background:var(--surface2);color:var(--text)}\n\t\t.avatar{\n\t\t\twidth:40px;height:40px;border-radius:50%;background:var(--purple);\n\t\t\tdisplay:flex;align-items:center;justify-content:center;\n\t\t\tfont-weight:600;font-size:15px;color:#fff;flex-shrink:0\n\t\t}\n\t\t.avatar.sm{width:32px;height:32px;font-size:13px}\n\t\t.content{flex:1;padding:24px 16px;max-width:900px;margin:0 auto;width:100%}\n\t\t.greeting{display:flex;align-items:center;gap:12px;margin-bottom:24px}\n\t\t@media(min-width:600px){.greeting{margin-bottom:32px}}\n\t\t.greeting-text h1{font-size:1.25rem;font-weight:600;color:var(--text);line-height:1.3}\n\t\t.greeting-text p{color:var(--text2);font-size:0.85rem;margin-top:2px}\n\n\t\t/* App Grid */\n\t\t.app-grid{\n\t\t\tdisplay:grid;\n\t\t\tgrid-template-columns:repeat(3,1fr);\n\t\t\tgap:20px 10px; padding:8px 0\n\t\t}\n\t\t@media(min-width:600px){.app-grid{grid-template-columns:repeat(4,1fr);gap:24px 14px}}\n\t\t@media(min-width:900px){.app-grid{grid-template-columns:repeat(6,1fr);gap:28px 16px}}\n\n\t\t/* App Card */\n\t\t.app-card{\n\t\t\tdisplay:flex; flex-direction:column; align-items:center; gap:6px;\n\t\t\tcursor:pointer; text-decoration:none; color:inherit; padding:8px 4px;\n\t\t\tborder-radius:12px; transition:all 0.15s; -webkit-tap-highlight-color:transparent\n\t\t}\n\t\t.app-card:active{transform:scale(0.92)}\n\t\t.app-card:hover{background:rgba(255,255,255,0.03)}\n\t\t.app-card .app-icon{\n\t\t\twidth:56px;height:56px;border-radius:14px;\n\t\t\tdisplay:flex;align-items:center;justify-content:center;flex-shrink:0\n\t\t}\n\t\t@media(min-width:600px){.app-card .app-icon{width:64px;height:64px;border-radius:16px}}\n\t\t.app-card .app-icon svg{width:28px;height:28px}\n\t\t@media(min-width:600px){.app-card .app-icon svg{width:32px;height:32px}}\n\t\t.app-card .app-name{\n\t\t\tfont-size:0.72rem;font-weight:400;color:var(--text);text-align:center;\n\t\t\tline-height:1.2;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap\n\t\t}\n\t\t@media(min-width:600px){.app-card .app-name{font-size:0.78rem}}\n\t\t.app-card .app-badge{display:none}\n\t\t.app-card.disabled{opacity:0.35;cursor:default}\n\t\t.app-card.disabled:active{transform:none}\n\n\t\t/* Overlay & Modal */\n\t\t.overlay{\n\t\t\tposition:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:1000;\n\t\t\tdisplay:flex;align-items:center;justify-content:center;\n\t\t\tbackdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px)\n\t\t}\n\t\t.modal{\n\t\t\tbackground:var(--surface); border:1px solid var(--border);\n\t\t\tborder-radius:var(--radius); width:92%; max-width:420px; max-height:85vh; overflow-y:auto\n\t\t}\n\t\t.modal-head{\n\t\t\tdisplay:flex;justify-content:space-between;align-items:center;\n\t\t\tpadding:18px 20px 12px\n\t\t}\n\t\t.modal-head h2{font-size:1.1rem;font-weight:600}\n\t\t.modal-body{padding:0 20px 20px}\n\t\t.close-btn{\n\t\t\twidth:32px;height:32px;border-radius:50%;border:none;background:transparent;\n\t\t\tcolor:var(--text2);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center\n\t\t}\n\t\t.modal-body h3{font-size:0.85rem;font-weight:600;color:var(--text2);margin:14px 0 6px;text-transform:uppercase;letter-spacing:0.5px}\n\t\t.modal-body ol{padding-left:18px}\n\t\t.modal-body li{font-size:0.85rem;color:var(--text);margin-bottom:4px;line-height:1.5}\n\t\t.modal-body code{background:var(--surface2);padding:1px 5px;border-radius:4px;font-size:0.8rem}\n\t\t.modal-body .btn{\n\t\t\tdisplay:block;width:100%;padding:12px;margin-top:16px;border:none;border-radius:var(--radius-sm);\n\t\t\tbackground:var(--blue);color:#fff;font-size:0.9rem;font-weight:600;cursor:pointer;text-align:center\n\t\t}\n\t\t.modal-body .btn:hover{opacity:0.9}\n\t</style>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}