/* Shortlink 모듈 기본 스타일 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');

/* 라이믹스 기본 css 초기화용 (지우지 말것) */
body {margin:0}

/* 기본 레이아웃 */
.shortlink_view {
  font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.shortlink_container {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

/* 프로필 영역 */
.shortlink_profile {
  margin-bottom: 30px;
}

.shortlink_profile_image {
  width: 120px;
  height: 120px;
  margin: 0 auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid rgba(255,255,255,0.3);
}

.shortlink_profile_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shortlink_title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

.shortlink_subtitle {
  font-size: 16px;
  opacity: 0.9;
  margin-bottom: 20px;
  line-height: 1.5;
}

/* SNS 아이콘 */
.shortlink_social_list {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-top: 20px;
}

.shortlink_social_icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
  font-size: 18px;
}

.shortlink_social_icon:hover {
  transform: translateY(-3px);
  opacity: 0.8;
}

/* 커스텀 SNS 아이콘 이미지 */
.shortlink_social_icon img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  filter: none;
}

/* 링크 버튼 */
.shortlink_button_list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 30px;
}

.shortlink_button {
  display: block;
  padding: 16px 20px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 2px solid;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  box-sizing: border-box;
}

.shortlink_button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* 버튼 스타일 */
.shortlink_button_rounded {
  border-radius: 12px;
}

.shortlink_button_pill {
  border-radius: 50px;
}

.shortlink_button_square {
  border-radius: 0;
}

/* ========== 테마 스타일 ========== */

/* 기본 테마 */
.theme-default {
  background-color: #ffffff;
  color: #333333;
}
.theme-default .shortlink_title { color: #333333; }
.theme-default .shortlink_subtitle { color: #666666; }
.theme-default .shortlink_social_icon { 
  background: #f0f0f0; 
  color: #666666; 
}
.theme-default .shortlink_button {
  background: #4CAF50;
  color: #ffffff;
  border-color: #4CAF50;
}

/* 다크 테마 */
.theme-dark {
  background-color: #1a1a1a;
  color: #ffffff;
}
.theme-dark .shortlink_title { color: #ffffff; }
.theme-dark .shortlink_subtitle { color: #cccccc; }
.theme-dark .shortlink_social_icon { 
  background: rgba(255,255,255,0.1);
  color: #ffffff; 
}
.theme-dark .shortlink_button {
  background: #333333;
  color: #ffffff;
  border-color: #555555;
}

/* 오션 테마 */
.theme-ocean {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
}
.theme-ocean .shortlink_title { color: #ffffff; }
.theme-ocean .shortlink_subtitle { color: #f0f0ff; }
.theme-ocean .shortlink_social_icon { 
  background: rgba(255,255,255,0.2);
  color: #ffffff; 
}
.theme-ocean .shortlink_button {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
  border-color: rgba(255,255,255,0.3);
  backdrop-filter: blur(10px);
}

/* 선셋 테마 */
.theme-sunset {
  background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
  color: #333333;
}
.theme-sunset .shortlink_title { color: #e65100; }
.theme-sunset .shortlink_subtitle { color: #ff9800; }
.theme-sunset .shortlink_social_icon { 
  background: rgba(255,255,255,0.5);
  color: #ff9800; 
}
.theme-sunset .shortlink_button {
  background: #ff6d00;
  color: #ffffff;
  border-color: #ff6d00;
}

/* 포레스트 테마 */
.theme-forest {
  background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);
  color: #2e7d32;
}
.theme-forest .shortlink_title { color: #2e7d32; }
.theme-forest .shortlink_subtitle { color: #66bb6a; }
.theme-forest .shortlink_social_icon { 
  background: rgba(255,255,255,0.6);
  color: #4caf50; 
}
.theme-forest .shortlink_button {
  background: #388e3c;
  color: #ffffff;
  border-color: #388e3c;
}

/* 라벤더 테마 */
.theme-lavender {
  background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
  color: #6a1b9a;
}
.theme-lavender .shortlink_title { color: #6a1b9a; }
.theme-lavender .shortlink_subtitle { color: #ab47bc; }
.theme-lavender .shortlink_social_icon { 
  background: rgba(255,255,255,0.6);
  color: #9c27b0; 
}
.theme-lavender .shortlink_button {
  background: #7b1fa2;
  color: #ffffff;
  border-color: #7b1fa2;
}

/* 미니멀 테마 */
.theme-minimal {
  background: #fafafa;
  color: #212121;
}
.theme-minimal .shortlink_title { color: #212121; }
.theme-minimal .shortlink_subtitle { color: #757575; }
.theme-minimal .shortlink_social_icon { 
  background: #ffffff;
  color: #424242;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.theme-minimal .shortlink_button {
  background: #ffffff;
  color: #212121;
  border-color: #e0e0e0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* 그라데이션 핑크 테마 */
.theme-gradient_pink {
  background: linear-gradient(135deg, #fce4ec 0%, #f06292 100%);
  color: #c2185b;
}
.theme-gradient_pink .shortlink_title { color: #c2185b; }
.theme-gradient_pink .shortlink_subtitle { color: #e91e63; }
.theme-gradient_pink .shortlink_social_icon { 
  background: rgba(255,255,255,0.5);
  color: #e91e63; 
}
.theme-gradient_pink .shortlink_button {
  background: #e91e63;
  color: #ffffff;
  border-color: #e91e63;
}

/* 네온 테마 */
.theme-neon {
  background: #0a0a0a;
  color: #ffffff;
}
.theme-neon .shortlink_title { 
  color: #00ffff;
  text-shadow: 0 0 20px #00ffff;
}
.theme-neon .shortlink_subtitle { 
  color: #ff00ff;
  text-shadow: 0 0 10px #ff00ff;
}
.theme-neon .shortlink_social_icon { 
  background: transparent;
  color: #00ff00;
  border: 1px solid #00ff00;
  box-shadow: 0 0 10px #00ff00;
}
.theme-neon .shortlink_button {
  background: transparent;
  color: #ff00ff;
  border-color: #ff00ff;
  box-shadow: 0 0 10px #ff00ff;
}
.theme-neon .shortlink_button:hover {
  background: #ff00ff;
  color: #000000;
}

/* 블루 그라데이션 테마 */
.theme-gradient_blue {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
}
.theme-gradient_blue .shortlink_title { color: #ffffff; }
.theme-gradient_blue .shortlink_subtitle { color: #f0f0ff; }
.theme-gradient_blue .shortlink_social_icon { 
  background: rgba(255,255,255,0.2);
  color: #ffffff; 
}
.theme-gradient_blue .shortlink_button {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
  border-color: rgba(255,255,255,0.3);
  backdrop-filter: blur(10px);
}

/* 오로라 테마 */
.theme-aurora {
  background: linear-gradient(45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  color: #ffffff;
}
.theme-aurora .shortlink_title { color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
.theme-aurora .shortlink_subtitle { color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
.theme-aurora .shortlink_social_icon { 
  background: rgba(255,255,255,0.25);
  color: #ffffff;
  backdrop-filter: blur(10px);
}
.theme-aurora .shortlink_button {
  background: rgba(255,255,255,0.25);
  color: #ffffff;
  border-color: rgba(255,255,255,0.4);
  backdrop-filter: blur(10px);
}

/* 코랄 테마 */
.theme-coral {
  background: linear-gradient(135deg, #ff6b6b 0%, #ffa07a 100%);
  color: #ffffff;
}
.theme-coral .shortlink_title { color: #ffffff; }
.theme-coral .shortlink_subtitle { color: #ffe0e0; }
.theme-coral .shortlink_social_icon { 
  background: rgba(255,255,255,0.3);
  color: #ffffff; 
}
.theme-coral .shortlink_button {
  background: #ffffff;
  color: #ff6b6b;
  border-color: #ffffff;
}

/* 민트 테마 */
.theme-mint {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  color: #00695c;
}
.theme-mint .shortlink_title { color: #00695c; }
.theme-mint .shortlink_subtitle { color: #00897b; }
.theme-mint .shortlink_social_icon { 
  background: rgba(255,255,255,0.3);
  color: #00695c; 
}
.theme-mint .shortlink_button {
  background: rgba(255,255,255,0.3);
  color: #00695c;
  border-color: rgba(255,255,255,0.4);
  backdrop-filter: blur(10px);
}

/* 피치 테마 */
.theme-peach {
  background: #fff5f3;
  color: #ff6b6b;
}
.theme-peach .shortlink_title { color: #ff6b6b; }
.theme-peach .shortlink_subtitle { color: #ffa07a; }
.theme-peach .shortlink_social_icon { 
  background: rgba(255,150,122,0.2);
  color: #ff8787; 
}
.theme-peach .shortlink_button {
  background: #ff6b6b;
  color: #ffffff;
  border-color: #ff6b6b;
}

/* 미드나잇 테마 */
.theme-midnight {
  background: #0f0c29;
  color: #ffffff;
}
.theme-midnight .shortlink_title { color: #ffffff; }
.theme-midnight .shortlink_subtitle { color: #a8a8a8; }
.theme-midnight .shortlink_social_icon { 
  background: rgba(99,102,241,0.2);
  color: #6366f1; 
}
.theme-midnight .shortlink_button {
  background: #6366f1;
  color: #ffffff;
  border-color: #6366f1;
}

/* 로즈골드 테마 */
.theme-rose_gold {
  background: #fdf4f5;
  color: #b76e79;
}
.theme-rose_gold .shortlink_title { color: #b76e79; }
.theme-rose_gold .shortlink_subtitle { color: #d4a5a5; }
.theme-rose_gold .shortlink_social_icon { 
  background: rgba(183,110,121,0.15);
  color: #c08b8b; 
}
.theme-rose_gold .shortlink_button {
  background: #b76e79;
  color: #ffffff;
  border-color: #b76e79;
}

/* 노르딕 테마 */
.theme-nordic {
  background: #eceff4;
  color: #2e3440;
}
.theme-nordic .shortlink_title { color: #2e3440; }
.theme-nordic .shortlink_subtitle { color: #4c566a; }
.theme-nordic .shortlink_social_icon { 
  background: #ffffff;
  color: #5e81ac; 
}
.theme-nordic .shortlink_button {
  background: #5e81ac;
  color: #ffffff;
  border-color: #5e81ac;
}

/* 트로피컬 테마 */
.theme-tropical {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  color: #ffffff;
}
.theme-tropical .shortlink_title { color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); }
.theme-tropical .shortlink_subtitle { color: #fff0f5; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
.theme-tropical .shortlink_social_icon { 
  background: rgba(255,255,255,0.3);
  color: #ffffff;
  backdrop-filter: blur(10px);
}
.theme-tropical .shortlink_button {
  background: rgba(255,255,255,0.3);
  color: #ffffff;
  border-color: rgba(255,255,255,0.4);
  backdrop-filter: blur(10px);
}

/* 크림슨 테마 */
.theme-crimson {
  background: linear-gradient(135deg, #DC143C, #8B0000);
  color: #ffffff;
}
.theme-crimson .shortlink_title { color: #ffffff; }
.theme-crimson .shortlink_subtitle { color: #ffcccc; }
.theme-crimson .shortlink_social_icon { 
  background: rgba(255,255,255,0.2);
  color: #ffffff; 
}
.theme-crimson .shortlink_button {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
  border-color: rgba(255,255,255,0.3);
}

/* 로얄 테마 */
.theme-royal {
  background: linear-gradient(135deg, #4169E1, #000080);
  color: #ffffff;
}
.theme-royal .shortlink_title { color: #ffffff; }
.theme-royal .shortlink_subtitle { color: #e0e0ff; }
.theme-royal .shortlink_social_icon { 
  background: rgba(255,255,255,0.2);
  color: #ffffff; 
}
.theme-royal .shortlink_button {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
  border-color: rgba(255,255,255,0.3);
}

/* 에메랄드 테마 */
.theme-emerald {
  background: linear-gradient(135deg, #50C878, #014421);
  color: #ffffff;
}
.theme-emerald .shortlink_title { color: #ffffff; }
.theme-emerald .shortlink_subtitle { color: #ccffcc; }
.theme-emerald .shortlink_social_icon { 
  background: rgba(255,255,255,0.2);
  color: #ffffff; 
}
.theme-emerald .shortlink_button {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
  border-color: rgba(255,255,255,0.3);
}

/* 퍼플 헤이즈 테마 */
.theme-purple_haze {
  background: linear-gradient(135deg, #9370DB, #4B0082);
  color: #ffffff;
}
.theme-purple_haze .shortlink_title { color: #ffffff; }
.theme-purple_haze .shortlink_subtitle { color: #e6ccff; }
.theme-purple_haze .shortlink_social_icon { 
  background: rgba(255,255,255,0.2);
  color: #ffffff; 
}
.theme-purple_haze .shortlink_button {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
  border-color: rgba(255,255,255,0.3);
}

/* 오션 브리즈 테마 */
.theme-ocean_breeze {
  background: linear-gradient(135deg, #00CED1, #005f5f);
  color: #ffffff;
}
.theme-ocean_breeze .shortlink_title { color: #ffffff; }
.theme-ocean_breeze .shortlink_subtitle { color: #b0ffff; }
.theme-ocean_breeze .shortlink_social_icon { 
  background: rgba(255,255,255,0.2);
  color: #ffffff; 
}
.theme-ocean_breeze .shortlink_button {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
  border-color: rgba(255,255,255,0.3);
}

/* 선셋 글로우 테마 */
.theme-sunset_glow {
  background: linear-gradient(135deg, #FF6347, #FF1493);
  color: #ffffff;
}
.theme-sunset_glow .shortlink_title { color: #ffffff; }
.theme-sunset_glow .shortlink_subtitle { color: #ffe0ec; }
.theme-sunset_glow .shortlink_social_icon { 
  background: rgba(255,255,255,0.2);
  color: #ffffff; 
}
.theme-sunset_glow .shortlink_button {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
  border-color: rgba(255,255,255,0.3);
}

/* 코스믹 테마 */
.theme-cosmic {
  background: linear-gradient(135deg, #2E0854, #000000);
  color: #ffffff;
}
.theme-cosmic .shortlink_title { color: #ffffff; }
.theme-cosmic .shortlink_subtitle { color: #ccb3ff; }
.theme-cosmic .shortlink_social_icon { 
  background: rgba(255,255,255,0.1);
  color: #ffffff; 
}
.theme-cosmic .shortlink_button {
  background: rgba(255,255,255,0.1);
  color: #ffffff;
  border-color: rgba(255,255,255,0.2);
}

/* 느와르 테마 */
.theme-noir {
  background: #000000;
  color: #ffffff;
}
.theme-noir .shortlink_title { color: #ffffff; }
.theme-noir .shortlink_subtitle { color: #999999; }
.theme-noir .shortlink_social_icon { 
  background: #1a1a1a;
  color: #ffffff; 
}
.theme-noir .shortlink_button {
  background: #1a1a1a;
  color: #ffffff;
  border-color: #333333;
}

/* 체리블라썸 테마 */
.theme-cherry_blossom {
  background: linear-gradient(135deg, #FFB7C5, #FF69B4);
  color: #333333;
}
.theme-cherry_blossom .shortlink_title { color: #333333; }
.theme-cherry_blossom .shortlink_subtitle { color: #666666; }
.theme-cherry_blossom .shortlink_social_icon { 
  background: rgba(255,255,255,0.5);
  color: #ff69b4; 
}
.theme-cherry_blossom .shortlink_button {
  background: rgba(255,255,255,0.5);
  color: #333333;
  border-color: rgba(255,255,255,0.6);
}

/* 딥 스페이스 테마 */
.theme-deep_space {
  background: linear-gradient(135deg, #000428, #004e92);
  color: #ffffff;
}
.theme-deep_space .shortlink_title { color: #ffffff; }
.theme-deep_space .shortlink_subtitle { color: #b3d9ff; }
.theme-deep_space .shortlink_social_icon { 
  background: rgba(255,255,255,0.1);
  color: #ffffff; 
}
.theme-deep_space .shortlink_button {
  background: rgba(255,255,255,0.1);
  color: #ffffff;
  border-color: rgba(255,255,255,0.2);
}

/* 볼케닉 테마 */
.theme-volcanic {
  background: linear-gradient(135deg, #FF4500, #8B0000);
  color: #ffffff;
}
.theme-volcanic .shortlink_title { color: #ffffff; }
.theme-volcanic .shortlink_subtitle { color: #ffccb3; }
.theme-volcanic .shortlink_social_icon { 
  background: rgba(255,255,255,0.2);
  color: #ffffff; 
}
.theme-volcanic .shortlink_button {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
  border-color: rgba(255,255,255,0.3);
}

/* 아이스 블루 테마 */
.theme-ice_blue {
  background: linear-gradient(135deg, #B0E0E6, #4682B4);
  color: #333333;
}
.theme-ice_blue .shortlink_title { color: #333333; }
.theme-ice_blue .shortlink_subtitle { color: #555555; }
.theme-ice_blue .shortlink_social_icon { 
  background: rgba(255,255,255,0.5);
  color: #4682b4; 
}
.theme-ice_blue .shortlink_button {
  background: rgba(255,255,255,0.5);
  color: #333333;
  border-color: rgba(255,255,255,0.6);
}

/* 골든 아워 테마 */
.theme-golden_hour {
  background: linear-gradient(135deg, #FFD700, #FFA500);
  color: #333333;
}
.theme-golden_hour .shortlink_title { color: #333333; }
.theme-golden_hour .shortlink_subtitle { color: #555555; }
.theme-golden_hour .shortlink_social_icon { 
  background: rgba(255,255,255,0.5);
  color: #ff8c00; 
}
.theme-golden_hour .shortlink_button {
  background: rgba(255,255,255,0.5);
  color: #333333;
  border-color: rgba(255,255,255,0.6);
}

/* 매트릭스 테마 */
.theme-matrix {
  background: #000000;
  color: #00ff00;
}
.theme-matrix .shortlink_title { 
  color: #00ff00; 
  text-shadow: 0 0 10px #00ff00;
}
.theme-matrix .shortlink_subtitle { 
  color: #00cc00; 
  text-shadow: 0 0 5px #00cc00;
}
.theme-matrix .shortlink_social_icon { 
  background: transparent;
  color: #00ff00;
  border: 1px solid #00ff00;
  box-shadow: 0 0 5px #00ff00;
}
.theme-matrix .shortlink_button {
  background: transparent;
  color: #00ff00;
  border-color: #00ff00;
  box-shadow: 0 0 5px #00ff00;
}
.theme-matrix .shortlink_button:hover {
  background: #00ff00;
  color: #000000;
}

/* 파스텔 드림 테마 */
.theme-pastel_dream {
  background: linear-gradient(135deg, #E6E6FA, #FFE4E1);
  color: #333333;
}
.theme-pastel_dream .shortlink_title { color: #333333; }
.theme-pastel_dream .shortlink_subtitle { color: #666666; }
.theme-pastel_dream .shortlink_social_icon { 
  background: rgba(255,255,255,0.6);
  color: #9999ff; 
}
.theme-pastel_dream .shortlink_button {
  background: rgba(255,255,255,0.6);
  color: #333333;
  border-color: rgba(255,255,255,0.7);
}

/* 사이버펑크 테마 */
.theme-cyberpunk {
  background: linear-gradient(135deg, #FF00FF, #00FFFF);
  color: #000000;
}
.theme-cyberpunk .shortlink_title { 
  color: #000000; 
  text-shadow: 2px 2px 0 #ff00ff;
}
.theme-cyberpunk .shortlink_subtitle { 
  color: #000000; 
  text-shadow: 1px 1px 0 #00ffff;
}
.theme-cyberpunk .shortlink_social_icon { 
  background: #000000;
  color: #00ffff; 
}
.theme-cyberpunk .shortlink_button {
  background: #000000;
  color: #ff00ff;
  border-color: #ff00ff;
}
.theme-cyberpunk .shortlink_button:hover {
  background: #ff00ff;
  color: #000000;
}

/* 트와일라잇 테마 */
.theme-twilight {
  background: linear-gradient(135deg, #483D8B, #2F4F4F);
  color: #ffffff;
}
.theme-twilight .shortlink_title { color: #ffffff; }
.theme-twilight .shortlink_subtitle { color: #ccccff; }
.theme-twilight .shortlink_social_icon { 
  background: rgba(255,255,255,0.15);
  color: #ffffff; 
}
.theme-twilight .shortlink_button {
  background: rgba(255,255,255,0.15);
  color: #ffffff;
  border-color: rgba(255,255,255,0.25);
}

/* 모노크롬 테마 */
.theme-monochrome {
  background: #2a2a2a;
  color: #ffffff;
}
.theme-monochrome .shortlink_title { color: #ffffff; }
.theme-monochrome .shortlink_subtitle { color: #b0b0b0; }
.theme-monochrome .shortlink_social_icon { 
  background: #404040;
  color: #ffffff; 
}
.theme-monochrome .shortlink_button {
  background: #404040;
  color: #ffffff;
  border-color: #606060;
}
.theme-monochrome .shortlink_button:hover {
  background: #606060;
}

/* 소프트 피치 테마 */
.theme-soft_peach {
  background: linear-gradient(180deg, #ffecd2 0%, #fcb69f 50%, #ff9a9e 100%);
  color: #5d4037;
}
.theme-soft_peach .shortlink_title { color: #4e342e; }
.theme-soft_peach .shortlink_subtitle { color: #6d4c41; }
.theme-soft_peach .shortlink_social_icon {
  background: rgba(255,255,255,0.6);
  color: #e65100;
}
.theme-soft_peach .shortlink_button {
  background: #ffffff;
  color: #5d4037;
  border-color: rgba(93,64,55,0.2);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.theme-soft_peach .shortlink_button:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
  transform: translateY(-2px);
}

/* 코튼 캔디 테마 */
.theme-cotton_candy {
  background: linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%);
  color: #4a148c;
}
.theme-cotton_candy .shortlink_title { color: #4a148c; }
.theme-cotton_candy .shortlink_subtitle { color: #6a1b9a; }
.theme-cotton_candy .shortlink_social_icon {
  background: rgba(255,255,255,0.5);
  color: #7b1fa2;
}
.theme-cotton_candy .shortlink_button {
  background: rgba(255,255,255,0.7);
  color: #4a148c;
  border-color: rgba(255,255,255,0.8);
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.theme-cotton_candy .shortlink_button:hover {
  background: rgba(255,255,255,0.9);
}

/* 허니듀 테마 */
.theme-honey_dew {
  background: linear-gradient(180deg, #f5f7e1 0%, #d4fc79 50%, #96e6a1 100%);
  color: #33691e;
}
.theme-honey_dew .shortlink_title { color: #33691e; }
.theme-honey_dew .shortlink_subtitle { color: #558b2f; }
.theme-honey_dew .shortlink_social_icon {
  background: rgba(255,255,255,0.6);
  color: #33691e;
}
.theme-honey_dew .shortlink_button {
  background: #ffffff;
  color: #33691e;
  border-color: rgba(51,105,30,0.15);
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.theme-honey_dew .shortlink_button:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

/* 클라우드 나인 테마 */
.theme-cloud_nine {
  background: linear-gradient(180deg, #e0eafc 0%, #cfdef3 100%);
  color: #1a237e;
}
.theme-cloud_nine .shortlink_title { color: #1a237e; }
.theme-cloud_nine .shortlink_subtitle { color: #3949ab; }
.theme-cloud_nine .shortlink_social_icon {
  background: #ffffff;
  color: #3f51b5;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.theme-cloud_nine .shortlink_button {
  background: #ffffff;
  color: #1a237e;
  border-color: rgba(26,35,126,0.12);
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.theme-cloud_nine .shortlink_button:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

/* 블러쉬 로즈 테마 */
.theme-blush_rose {
  background: #fff5f5;
  color: #880e4f;
}
.theme-blush_rose .shortlink_title { color: #880e4f; }
.theme-blush_rose .shortlink_subtitle { color: #ad1457; }
.theme-blush_rose .shortlink_social_icon {
  background: #fce4ec;
  color: #c2185b;
}
.theme-blush_rose .shortlink_button {
  background: linear-gradient(135deg, #f48fb1, #f06292);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 3px 12px rgba(233,30,99,0.25);
}
.theme-blush_rose .shortlink_button:hover {
  box-shadow: 0 6px 20px rgba(233,30,99,0.35);
}

/* 레몬 소르베 테마 */
.theme-lemon_sorbet {
  background: linear-gradient(180deg, #fffde7 0%, #fff9c4 50%, #fff176 100%);
  color: #f57f17;
}
.theme-lemon_sorbet .shortlink_title { color: #e65100; }
.theme-lemon_sorbet .shortlink_subtitle { color: #f57f17; }
.theme-lemon_sorbet .shortlink_social_icon {
  background: rgba(255,255,255,0.7);
  color: #ff8f00;
}
.theme-lemon_sorbet .shortlink_button {
  background: #ffffff;
  color: #e65100;
  border-color: rgba(230,81,0,0.15);
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.theme-lemon_sorbet .shortlink_button:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

/* 사쿠라 테마 */
.theme-sakura {
  background: linear-gradient(180deg, #fce4ec 0%, #f8bbd0 50%, #f48fb1 100%);
  color: #4e342e;
}
.theme-sakura .shortlink_title { color: #3e2723; }
.theme-sakura .shortlink_subtitle { color: #5d4037; }
.theme-sakura .shortlink_social_icon {
  background: rgba(255,255,255,0.6);
  color: #ad1457;
}
.theme-sakura .shortlink_button {
  background: rgba(255,255,255,0.75);
  color: #880e4f;
  border-color: rgba(255,255,255,0.9);
  backdrop-filter: blur(8px);
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.theme-sakura .shortlink_button:hover {
  background: rgba(255,255,255,0.9);
}

/* 민트 크림 테마 */
.theme-mint_cream {
  background: linear-gradient(180deg, #e0f7fa 0%, #b2ebf2 50%, #80deea 100%);
  color: #004d40;
}
.theme-mint_cream .shortlink_title { color: #004d40; }
.theme-mint_cream .shortlink_subtitle { color: #00695c; }
.theme-mint_cream .shortlink_social_icon {
  background: rgba(255,255,255,0.6);
  color: #00897b;
}
.theme-mint_cream .shortlink_button {
  background: #ffffff;
  color: #004d40;
  border-color: rgba(0,77,64,0.12);
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.theme-mint_cream .shortlink_button:hover {
  box-shadow: 0 4px 18px rgba(0,0,0,0.1);
}

/* 웜 샌드 테마 */
.theme-warm_sand {
  background: linear-gradient(180deg, #efebe9 0%, #d7ccc8 50%, #bcaaa4 100%);
  color: #3e2723;
}
.theme-warm_sand .shortlink_title { color: #3e2723; }
.theme-warm_sand .shortlink_subtitle { color: #5d4037; }
.theme-warm_sand .shortlink_social_icon {
  background: rgba(255,255,255,0.5);
  color: #5d4037;
}
.theme-warm_sand .shortlink_button {
  background: #ffffff;
  color: #3e2723;
  border-color: rgba(62,39,35,0.12);
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.theme-warm_sand .shortlink_button:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

/* 드리미 라일락 테마 */
.theme-dreamy_lilac {
  background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 50%, #b39ddb 100%);
  color: #311b92;
}
.theme-dreamy_lilac .shortlink_title { color: #311b92; }
.theme-dreamy_lilac .shortlink_subtitle { color: #4527a0; }
.theme-dreamy_lilac .shortlink_social_icon {
  background: rgba(255,255,255,0.5);
  color: #5e35b1;
}
.theme-dreamy_lilac .shortlink_button {
  background: rgba(255,255,255,0.7);
  color: #311b92;
  border-color: rgba(255,255,255,0.8);
  backdrop-filter: blur(8px);
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.theme-dreamy_lilac .shortlink_button:hover {
  background: rgba(255,255,255,0.9);
}

/* 글래스모피즘 테마 */
.theme-glass_morphism {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
}
.theme-glass_morphism .shortlink_title { color: #ffffff; text-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.theme-glass_morphism .shortlink_subtitle { color: rgba(255,255,255,0.85); }
.theme-glass_morphism .shortlink_social_icon {
  background: rgba(255,255,255,0.15);
  color: #ffffff;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.2);
}
.theme-glass_morphism .shortlink_button {
  background: rgba(255,255,255,0.15);
  color: #ffffff;
  border-color: rgba(255,255,255,0.25);
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.theme-glass_morphism .shortlink_button:hover {
  background: rgba(255,255,255,0.25);
  box-shadow: 0 8px 32px rgba(0,0,0,0.15);
}

/* 벨벳 나이트 테마 */
.theme-velvet_night {
  background: linear-gradient(180deg, #141e30 0%, #243b55 100%);
  color: #e0e0e0;
}
.theme-velvet_night .shortlink_title { color: #ffffff; }
.theme-velvet_night .shortlink_subtitle { color: #b0bec5; }
.theme-velvet_night .shortlink_social_icon {
  background: rgba(255,255,255,0.08);
  color: #90caf9;
  border: 1px solid rgba(255,255,255,0.1);
}
.theme-velvet_night .shortlink_button {
  background: rgba(255,255,255,0.06);
  color: #e3f2fd;
  border-color: rgba(144,202,249,0.3);
  box-shadow: 0 2px 12px rgba(0,0,0,0.2);
}
.theme-velvet_night .shortlink_button:hover {
  background: rgba(144,202,249,0.15);
  border-color: rgba(144,202,249,0.5);
}

/* 스프링 가든 테마 */
.theme-spring_garden {
  background: linear-gradient(180deg, #f1f8e9 0%, #dcedc8 50%, #c5e1a5 100%);
  color: #33691e;
}
.theme-spring_garden .shortlink_title { color: #1b5e20; }
.theme-spring_garden .shortlink_subtitle { color: #558b2f; }
.theme-spring_garden .shortlink_social_icon {
  background: #ffffff;
  color: #43a047;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.theme-spring_garden .shortlink_button {
  background: #ffffff;
  color: #2e7d32;
  border-color: rgba(46,125,50,0.15);
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.theme-spring_garden .shortlink_button:hover {
  background: #2e7d32;
  color: #ffffff;
  border-color: #2e7d32;
}

/* 캔디 팝 테마 */
.theme-candy_pop {
  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #a18cd1 100%);
  color: #4a148c;
}
.theme-candy_pop .shortlink_title { color: #4a148c; text-shadow: 0 1px 2px rgba(255,255,255,0.5); }
.theme-candy_pop .shortlink_subtitle { color: #6a1b9a; }
.theme-candy_pop .shortlink_social_icon {
  background: rgba(255,255,255,0.6);
  color: #8e24aa;
}
.theme-candy_pop .shortlink_button {
  background: #ffffff;
  color: #7b1fa2;
  border-color: rgba(255,255,255,0.9);
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
.theme-candy_pop .shortlink_button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

/* 미스티 모닝 테마 */
.theme-misty_morning {
  background: linear-gradient(180deg, #eef2f3 0%, #d7e1ec 50%, #b4c6d4 100%);
  color: #37474f;
}
.theme-misty_morning .shortlink_title { color: #263238; }
.theme-misty_morning .shortlink_subtitle { color: #546e7a; }
.theme-misty_morning .shortlink_social_icon {
  background: #ffffff;
  color: #546e7a;
  box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.theme-misty_morning .shortlink_button {
  background: #ffffff;
  color: #37474f;
  border-color: rgba(55,71,79,0.1);
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.theme-misty_morning .shortlink_button:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

/* 트로피컬 주스 테마 */
.theme-tropical_juice {
  background: linear-gradient(135deg, #f7971e 0%, #ffd200 100%);
  color: #4e342e;
}
.theme-tropical_juice .shortlink_title { color: #3e2723; }
.theme-tropical_juice .shortlink_subtitle { color: #5d4037; }
.theme-tropical_juice .shortlink_social_icon {
  background: rgba(255,255,255,0.5);
  color: #e65100;
}
.theme-tropical_juice .shortlink_button {
  background: #ffffff;
  color: #e65100;
  border-color: rgba(230,81,0,0.15);
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
}
.theme-tropical_juice .shortlink_button:hover {
  background: #e65100;
  color: #ffffff;
  border-color: #e65100;
}

/* 노르딕 프로스트 테마 */
.theme-nordic_frost {
  background: linear-gradient(180deg, #e8eaf6 0%, #c5cae9 100%);
  color: #283593;
}
.theme-nordic_frost .shortlink_title { color: #1a237e; }
.theme-nordic_frost .shortlink_subtitle { color: #3949ab; }
.theme-nordic_frost .shortlink_social_icon {
  background: #ffffff;
  color: #3f51b5;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}
.theme-nordic_frost .shortlink_button {
  background: #ffffff;
  color: #283593;
  border-color: rgba(40,53,147,0.1);
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}
.theme-nordic_frost .shortlink_button:hover {
  background: #3949ab;
  color: #ffffff;
  border-color: #3949ab;
}

/* 로즈 쿼츠 테마 */
.theme-rose_quartz {
  background: linear-gradient(180deg, #fce4ec 0%, #f8bbd0 100%);
  color: #880e4f;
}
.theme-rose_quartz .shortlink_title { color: #880e4f; }
.theme-rose_quartz .shortlink_subtitle { color: #ad1457; }
.theme-rose_quartz .shortlink_social_icon {
  background: #ffffff;
  color: #c2185b;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}
.theme-rose_quartz .shortlink_button {
  background: #ffffff;
  color: #ad1457;
  border-color: rgba(173,20,87,0.12);
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.theme-rose_quartz .shortlink_button:hover {
  background: #c2185b;
  color: #ffffff;
  border-color: #c2185b;
}

/* 오션 펄 테마 */
.theme-ocean_pearl {
  background: linear-gradient(180deg, #e0f7fa 0%, #b2dfdb 50%, #80cbc4 100%);
  color: #004d40;
}
.theme-ocean_pearl .shortlink_title { color: #004d40; }
.theme-ocean_pearl .shortlink_subtitle { color: #00695c; }
.theme-ocean_pearl .shortlink_social_icon {
  background: rgba(255,255,255,0.7);
  color: #00796b;
}
.theme-ocean_pearl .shortlink_button {
  background: rgba(255,255,255,0.8);
  color: #00695c;
  border-color: rgba(255,255,255,0.9);
  backdrop-filter: blur(6px);
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.theme-ocean_pearl .shortlink_button:hover {
  background: rgba(255,255,255,0.95);
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
}

/* 앰버 글로우 테마 */
.theme-amber_glow {
  background: linear-gradient(180deg, #fff8e1 0%, #ffecb3 50%, #ffe082 100%);
  color: #e65100;
}
.theme-amber_glow .shortlink_title { color: #bf360c; }
.theme-amber_glow .shortlink_subtitle { color: #e65100; }
.theme-amber_glow .shortlink_social_icon {
  background: #ffffff;
  color: #ff8f00;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}
.theme-amber_glow .shortlink_button {
  background: #ffffff;
  color: #e65100;
  border-color: rgba(230,81,0,0.12);
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.theme-amber_glow .shortlink_button:hover {
  background: #ff8f00;
  color: #ffffff;
  border-color: #ff8f00;
}

/* 배경 이미지가 있을 때 */
.has-bg-image {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
}
.has-bg-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
  z-index: 0;
}
.has-bg-image .shortlink_container {
  position: relative;
  z-index: 1;
}
.has-bg-image .shortlink_title { 
  color: #ffffff !important; 
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5); 
}
.has-bg-image .shortlink_subtitle { 
  color: #ffffff !important; 
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5); 
}
.has-bg-image .shortlink_social_icon { 
  background: rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
  backdrop-filter: blur(10px);
}
.has-bg-image .shortlink_button {
  background: rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.3) !important;
  backdrop-filter: blur(10px);
}

/* 관리자 버튼 */
.shortlink_admin_buttons {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  gap: 10px;
  z-index: 1000;
}

.shortlink_admin_buttons a {
  padding: 10px 15px;
  background: rgba(0,0,0,0.7);
  color: #ffffff;
  text-decoration: none;
  border-radius: 5px;
  font-size: 14px;
}

.shortlink_admin_buttons a:hover {
  background: rgba(0,0,0,0.9);
}

/* ========== Write Form Styles (sl_ prefix) ========== */
.sl_write {
  font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  max-width: 860px;
  margin: 0 auto;
  padding: 20px;
}

/* Global form reset within write */
.sl_write input[type="text"],
.sl_write input[type="url"],
.sl_write input[type="number"],
.sl_write input[type="email"],
.sl_write input[type="password"],
.sl_write input[type="search"] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.4;
  color: #333;
  background: #fff;
  height: 36px;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  box-shadow: none;
}

.sl_write input[type="text"]:focus,
.sl_write input[type="url"]:focus,
.sl_write input[type="number"]:focus {
  border-color: #333;
  box-shadow: none;
  outline: none;
}

.sl_write textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.5;
  color: #333;
  background: #fff;
  box-sizing: border-box;
  resize: vertical;
  min-height: 80px;
  outline: none;
  transition: border-color 0.2s;
  border-radius: 0;
  box-shadow: none;
}

.sl_write textarea:focus {
  border-color: #333;
  box-shadow: none;
  outline: none;
}

.sl_write select {
  width: 100%;
  padding: 8px 30px 8px 12px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.4;
  color: #333;
  background: #fff;
  height: 36px;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  cursor: pointer;
}

.sl_write select:focus {
  border-color: #333;
  box-shadow: none;
  outline: none;
}

.sl_write input[type="checkbox"],
.sl_write input[type="radio"] {
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  accent-color: #333;
  vertical-align: middle;
}

.sl_write label {
  cursor: pointer;
}

.sl_write a,
.sl_write a:hover,
.sl_write a:focus,
.sl_write button,
.sl_write button:hover,
.sl_write button:focus {
  text-decoration: none !important;
}

/* Header */
.sl_write_header {
  padding: 0 0 20px 0;
  border-bottom: 2px solid #333;
  margin-bottom: 24px;
}

.sl_write_header h1 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #111;
}

.sl_write_header p {
  color: #888;
  font-size: 13px;
  margin: 0;
}

/* Panels (sections) */
.sl_write .sl_panel {
  border: 1px solid #ddd;
  margin-bottom: 24px;
}

.sl_write .sl_panel_header {
  padding: 14px 20px;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sl_write .sl_panel_title {
  font-size: 15px;
  font-weight: 600;
  color: #111;
  margin: 0;
}

.sl_write .sl_panel_body {
  padding: 20px;
}

/* Form Groups */
.sl_write .sl_form_group {
  margin-bottom: 16px;
}

.sl_write .sl_form_group:last-child {
  margin-bottom: 0;
}

.sl_write .sl_form_group > label {
  display: block;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
  font-size: 13px;
}

.sl_write .sl_form_group > label .sl_required {
  color: #c0392b;
}

.sl_write .sl_form_group > label small {
  font-weight: 400;
  color: #888;
}

/* Help Text */
.sl_write .sl_help_text {
  color: #888;
  font-size: 12px;
  margin-top: 6px;
}

/* Buttons */
.sl_write .sl_btn {
  padding: 7px 16px;
  border: 1px solid #ccc;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  display: inline-block;
  text-align: center;
  line-height: 1.5;
  min-height: 34px;
  box-sizing: border-box;
  background: #fff;
  color: #333;
  vertical-align: middle;
  font-family: inherit;
  border-radius: 0;
  box-shadow: none;
  white-space: nowrap;
}

.sl_write .sl_btn_primary {
  background: #222;
  color: #fff !important;
  border-color: #222;
}

.sl_write .sl_btn_primary:hover {
  background: #444;
  border-color: #444;
}

.sl_write .sl_btn_secondary {
  background: #fff;
  color: #555 !important;
  border-color: #bbb;
}

.sl_write .sl_btn_secondary:hover {
  background: #f2f2f2;
  border-color: #999;
}

.sl_write .sl_btn_danger {
  background: #fff;
  color: #c0392b !important;
  border-color: #c0392b;
}

.sl_write .sl_btn_danger:hover {
  background: #c0392b;
  color: #fff !important;
  border-color: #c0392b;
}

.sl_write .sl_btn_info {
  background: #fff;
  color: #1a6fb5 !important;
  border-color: #1a6fb5;
}

.sl_write .sl_btn_info:hover {
  background: #1a6fb5;
  color: #fff !important;
  border-color: #1a6fb5;
}

.sl_write .sl_btn_default {
  background: #f5f5f5;
  color: #888 !important;
  border-color: #ddd;
}

.sl_write .sl_btn_default:hover {
  background: #eee;
  border-color: #ccc;
}

.sl_write .sl_btn_xs {
  padding: 3px 8px;
  font-size: 12px;
  min-height: 0;
  height: 36px;
  line-height: 28px;
  box-sizing: border-box;
}

.sl_write .sl_btn_sm {
  padding: 4px 12px;
  font-size: 13px;
  min-height: 0;
  height: 34px;
  line-height: 24px;
  box-sizing: border-box;
}

.sl_write .sl_btn_lg {
  padding: 10px 24px;
  font-size: 15px;
  min-height: 0;
  height: 42px;
  line-height: 20px;
}

/* Button area */
.sl_write .sl_btn_area {
  display: flex;
  gap: 8px;
  margin-top: 24px;
}

/* Theme grid */
.sl_write .sl_theme_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 8px;
}

.sl_write .sl_theme_item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid #ddd;
  cursor: pointer;
  transition: border-color 0.2s;
  font-size: 13px;
  color: #444;
}

.sl_write .sl_theme_item:hover {
  border-color: #999;
}

.sl_write .sl_theme_item input[type="radio"]:checked ~ .sl_theme_label {
  font-weight: 600;
  color: #111;
}

.sl_write .sl_theme_label {
  font-size: 13px;
}

/* Color settings */
.sl_write .sl_color_group {
  border: 1px solid #ddd;
  padding: 16px;
}

.sl_write .sl_color_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.sl_write .sl_color_item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sl_write .sl_color_item label {
  flex: 1;
  margin-bottom: 0;
  font-size: 13px;
  color: #444;
}

.sl_write .sl_color_item input[type="color"] {
  width: 40px;
  height: 30px;
  padding: 2px;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 0;
}

.sl_write .sl_color_item input[type="color"]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Dynamic items (buttons, socials) */
.sl_write .sl_dynamic_item {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.sl_write .sl_dynamic_item input[type="text"],
.sl_write .sl_dynamic_item input[type="url"] {
  flex: 1;
  min-width: 0;
}

.sl_write .sl_dynamic_item select {
  width: 150px;
  flex-shrink: 0;
}

/* Custom icon field */
.sl_write .sl_custom_icon {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.sl_write .sl_custom_icon small {
  color: #888;
  font-size: 12px;
}

/* Current file display */
.sl_write .sl_current_file {
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid #eee;
  background: #fafafa;
  font-size: 13px;
}

.sl_write .sl_current_file label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-right: 16px;
  font-weight: 400;
  font-size: 13px;
}

.sl_write .sl_current_file p {
  margin: 8px 0 0 0;
  color: #888;
  font-size: 12px;
}

/* Form half width */
.sl_write .sl_form_half {
  max-width: 300px;
}