.div-container {
   background: #2c3e50;
            border: 4px solid #3f8fef;
    margin-left: auto;
    margin-right: auto;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    width: 800px;
    text-align: center;
    /* 추가: 자식이 넘치는 것을 방지 */
    overflow: hidden; 
    box-sizing: border-box;
}
        .canvas-container { flex: 1; position: relative; padding: 40px; display: flex; justify-content: center; align-items: center; overflow: auto; min-height: 0px;}
        .canvas-area { background-color: #ffffff; position: relative; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); display: inline-block; flex-shrink: 0; transition: width 0.3s, height 0.3s; }
        #textLayersContainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none; }
        
        .layer-item { position: absolute; cursor: move; user-select: none; pointer-events: auto; transform-origin: center center; display: flex; justify-content: center; align-items: center; }
        .layer-item.active { outline: 2px dashed #3b82f6; outline-offset: 15px; z-index: 50; }
        
        .char-unit {
            position: absolute;
            white-space: pre;
            display: inline-block;
            paint-order: stroke fill;
            filter: drop-shadow(var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-color));
        }
/* 나눔 펜 스크립트 전용 */
  option[value="Nanum Pen Script"] {
    font-family: 'Nanum Pen Script', cursive;
  }


    /* 기존 및 추가된 모든 폰트 스타일 지정 */
    option[value="Black Han Sans"] { font-family: 'Black Han Sans', sans-serif; }
    option[value="Do Hyeon"] { font-family: 'Do Hyeon', sans-serif; }
    option[value="Jua"] { font-family: 'Jua', sans-serif; }
    option[value="Nanum Gothic"] { font-family: 'Nanum Gothic', sans-serif; }
    option[value="Nanum Myeongjo"] { font-family: 'Nanum Myeongjo', serif; }
    option[value="Nanum Pen Script"] { font-family: 'Nanum Pen Script', cursive; font-size: 1.2rem; }
    option[value="Gowun Batang"] { font-family: 'Gowun Batang', serif; }
    
    /* 신규 추가 리스트 */
    option[value="Orbit"] { font-family: 'Orbit', sans-serif; }
    option[value="Nanum Brush Script"] { font-family: 'Nanum Brush Script', cursive; font-size: 1.2rem; }
    option[value="Dongle"] { font-family: 'Dongle', sans-serif; font-size: 1.3rem; } /* 동글체는 작게 보여서 크기를 키우는 것이 좋습니다 */
    option[value="Hahmlet"] { font-family: 'Hahmlet', serif; }
    option[value="Sunflower"] { font-family: 'Sunflower', sans-serif; }
    option[value="Hi Melody"] { font-family: 'Hi Melody', cursive; font-size: 1.1rem; }
    option[value="Gaegu"] { font-family: 'Gaegu', cursive; }
    option[value="Gamja Flower"] { font-family: 'Gamja Flower', cursive; }
    option[value="Dokdo"] { font-family: 'Dokdo', cursive; font-size: 1.2rem; }
    option[value="Song Myung"] { font-family: 'Song Myung', serif; }
    option[value="Stylish"] { font-family: 'Stylish', sans-serif; }
    option[value="Gugi"] { font-family: 'Gugi', sans-serif; }
    option[value="Cute Font"] { font-family: 'Cute Font', cursive; font-size: 1.2rem; }
    option[value="East Sea Dokdo"] { font-family: 'East Sea Dokdo', cursive; font-size: 1.2rem; }
    option[value="Single Day"] { font-family: 'Single Day', cursive; }
    option[value="Yeon Sung"] { font-family: 'Yeon Sung', cursive; }
    option[value="Poor Story"] { font-family: 'Poor Story', cursive; }
    option[value="Gasoek One"] { font-family: 'Gasoek One', sans-serif; }

    /* 선택창(select) 자체에도 폰트가 잘 보이도록 기본 설정 */
    select#editFontFamily {
        font-family: 'Noto Sans KR', sans-serif;
    }