.dialog-overlay[data-v-4affadcf]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content[data-v-4affadcf]{background:#fff;border-radius:8px;width:90%;max-width:800px;box-shadow:0 2px 10px #0000001a}.dialog-header[data-v-4affadcf]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee}.dialog-header h2[data-v-4affadcf]{margin:0;font-size:1.25rem;color:#333}.close-button[data-v-4affadcf]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.close-button[data-v-4affadcf]:hover{color:#333}.dialog-body[data-v-4affadcf]{padding:1rem}.dialog-body h3[data-v-4affadcf]{margin-top:0;margin-bottom:1rem;color:#333}.screen-roles-container[data-v-4affadcf]{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.screen-role-item[data-v-4affadcf]{border-radius:4px;padding:1rem;width:150px}.screen-role-item h4[data-v-4affadcf]{font-size:1.5rem;text-align:center;margin-top:0;margin-bottom:1.5 rem;color:#555}.role-options[data-v-4affadcf]{display:flex;flex-direction:row;flex-wrap:wrap;width:130px;gap:.5rem;border:1px solid #eee;padding:1rem}.role-icon[data-v-4affadcf]{width:20px;height:20px}.role-label[data-v-4affadcf]{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.9rem}.role-label input[type=radio][data-v-4affadcf]{margin-right:4px}.divider[data-v-4affadcf]{border:none;border-top:1px solid #eee;margin:1.5rem 0}.dialog-footer[data-v-4affadcf]{display:flex;justify-content:flex-end;padding:1rem;border-top:1px solid #eee;background-color:#f9f9f9}.button[data-v-4affadcf]{padding:.6rem 1.2rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s,color .2s;margin-left:.5rem}.cancel-button[data-v-4affadcf]{background-color:#eee;color:#333}.cancel-button[data-v-4affadcf]:hover{background-color:#ddd}.apply-button[data-v-4affadcf]{background-color:#3498db;color:#fff}.apply-button[data-v-4affadcf]:hover{background-color:#2980b9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Pretendard,Noto Sans KR,sans-serif;background:#1a1a1a;color:#fff;height:100vh;width:100vw}body #app{width:calc(100% - 40px);height:calc(100% - 40px);margin:20px;border-radius:10;box-shadow:0 0 20px #ffffff1a}body #app .app-container{background:#0d162580;color:#fff;width:100%;height:100%}body #app .app-container .app-main{display:flex;flex-direction:column;height:100%}body #app .app-container .app-main .app-main-layout{display:flex;flex-direction:column;height:100%;gap:5px}body #app .app-container .app-main .app-main-layout .app-header-section{height:40px;flex:0 0 40px;min-height:40px;max-height:40px;background:#232b3eb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 24px #00000080;border:1px solid rgba(255,255,255,.1);background:#232938;color:#fff;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;border-radius:10px}body #app .app-container .app-main .app-main-layout .app-main-section{flex:1 1 0;min-height:0;background:#232b3eb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 24px #00000080;border:1px solid rgba(255,255,255,.1);color:#fff;padding:1rem;display:flex;flex-direction:column;border-radius:10px}.app-header{background:#232b3eb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 24px #00000080;border:1px solid rgba(255,255,255,.1);color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.header-left{flex-grow:1;display:flex;justify-content:center}.view-switcher{background:#232b3e80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px #00000080;border:1px solid rgba(255,255,255,.1);display:flex;gap:.5rem;padding:.3rem;border-radius:8px}.view-button{padding:.5rem;border:none;cursor:pointer;transition:all .3s ease;background:transparent;color:#fff;font-size:.95rem;font-weight:500;border-radius:6px}.view-button.active{background:#42b983;color:#fff;font-weight:600}.view-button:hover{background:#359368;color:#fff}.header-right{display:flex;gap:1rem}.settings-button{padding:.5rem;border:none;cursor:pointer;transition:all .3s ease;border-radius:8px;font-size:1rem;display:flex;align-items:center;gap:.5rem;background:transparent;color:#fff}.settings-button:hover{background:#359368}.icon{font-size:1.2rem}.screen-number{background:transparent;position:absolute;top:50px;right:50px;color:#fff;padding:10px 20px;border-radius:8px;font-size:20rem;font-weight:700;z-index:1001;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.glass{background:#232b3e99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 24px #00000080;border:1px solid rgba(255,255,255,.1)}.flex-center{display:flex;justify-content:center;align-items:center}.button{padding:.5rem;border-radius:4px;border:none;cursor:pointer;transition:all .3s ease}.button-primary{background-color:#42b983;color:#fff}.button-primary:hover{background-color:#359368}.button-secondary{background-color:#35495e;color:#fff}.button-secondary:hover{background-color:#23303d}