:root{--color-broadcast-red: #c8102e;--color-navy: #0b1f3a;--color-navy-deep: #071527;--color-accent-yellow: #ffb81c;--color-white: #ffffff;--font-main: Pretendard, sans-serif;--z-logo: 100;--z-weather: 100;--z-lower-third: 200;--z-breaking: 300;--z-ticker: 400;--z-glitch: 900;--tds-blue-500: #3182f6;--tds-blue-600: #1b64da;--tds-blue-50: #e8f3ff;--tds-grey-900: #191f28;--tds-grey-800: #333d4b;--tds-grey-700: #4e5968;--tds-grey-600: #6b7684;--tds-grey-500: #8b95a1;--tds-grey-400: #b0b8c1;--tds-grey-300: #d1d6db;--tds-grey-200: #e5e8eb;--tds-grey-100: #f2f4f6;--tds-grey-50: #f9fafb;--tds-red-500: #f04452;--tds-red-600: #e42939;--tds-red-50: #fdeeee;--tds-green-500: #00875a;--tds-green-50: #e5f5ee;--tds-fg-primary: var(--tds-grey-900);--tds-fg-secondary: var(--tds-grey-700);--tds-fg-tertiary: rgba(2, 32, 71, .58);--tds-fg-quaternary: rgba(2, 32, 71, .28);--tds-bg-canvas: var(--tds-grey-50);--tds-bg-surface: #ffffff;--tds-bg-secondary: var(--tds-grey-100);--tds-line-default: var(--tds-grey-200);--tds-line-subtle: rgba(0, 0, 0, .08);--tds-press-overlay: rgba(0, 0, 0, .26);--tds-disabled-opacity: .3;--tds-radius-m: 12px;--tds-radius-l: 14px;--tds-radius-xl: 16px;--tds-radius-full: 999px;--tds-shadow-1: 0 1px 2px rgba(2, 32, 71, .04), 0 1px 1px rgba(2, 32, 71, .04);--tds-ease: cubic-bezier(.22, .61, .36, 1);--tds-dur-fast: .12s;--tds-dur-base: .2s}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}body{font-family:var(--font-main);-webkit-font-smoothing:antialiased}.page-overlay{background:transparent;overflow:hidden}.overlay-stage{position:fixed;top:0;left:0;transform-origin:top left;overflow:hidden;pointer-events:none}.page-control{background:var(--tds-bg-canvas);color:var(--tds-fg-primary);overflow-x:hidden;overflow-y:auto}.page-control button{font-family:var(--font-main)}.page-control input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.page-control select,.page-control textarea{font-family:var(--font-main);height:48px;padding:0 16px;font-size:15px;letter-spacing:-.005em;color:var(--tds-fg-primary);background:var(--tds-bg-secondary);border:1px solid var(--tds-line-default);border-radius:var(--tds-radius-m);transition:background-color var(--tds-dur-base) var(--tds-ease),border-color var(--tds-dur-base) var(--tds-ease),box-shadow var(--tds-dur-base) var(--tds-ease)}.page-control textarea{height:auto;padding:12px 16px;line-height:1.5}.page-control input::placeholder,.page-control textarea::placeholder{color:var(--tds-fg-quaternary)}.page-control input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):focus,.page-control select:focus,.page-control textarea:focus{outline:none;background:var(--tds-bg-surface);border-color:var(--tds-blue-500);box-shadow:0 0 0 .5px var(--tds-blue-500)}.page-control input[type=range]{accent-color:var(--tds-blue-500);padding:0;border:none;background:transparent}.page-control input[type=color]{padding:2px;border:1px solid var(--tds-line-default);border-radius:8px;background:var(--tds-bg-surface);cursor:pointer}.control-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;background:var(--tds-bg-surface);border-bottom:1px solid var(--tds-line-default)}.control-header h1{font-size:18px;font-weight:700;letter-spacing:-.01em}.control-grid{max-width:1200px;margin:0 auto;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:860px){.control-grid{grid-template-columns:1fr}}.control-card{background:var(--tds-bg-surface);border:1px solid var(--tds-line-subtle);border-radius:var(--tds-radius-xl);padding:20px}.control-card h2{font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--tds-fg-primary);margin-bottom:16px}.tds-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border:none;border-radius:var(--tds-radius-m);font-family:var(--font-main);font-size:15px;font-weight:600;letter-spacing:-.005em;text-decoration:none;cursor:pointer;transition:background-color var(--tds-dur-fast) var(--tds-ease),opacity var(--tds-dur-fast) var(--tds-ease)}.tds-button--l{height:48px;padding:0 20px;border-radius:var(--tds-radius-l);font-size:17px;font-weight:700}.tds-button--s{height:32px;padding:0 12px;border-radius:10px;font-size:13px}.tds-button--primary{background:var(--tds-blue-500);color:var(--tds-bg-surface)}.tds-button--secondary{background:var(--tds-bg-secondary);color:var(--tds-fg-primary)}.tds-button--danger{background:var(--tds-red-500);color:var(--tds-bg-surface)}.tds-button--ghost{background:transparent;color:var(--tds-blue-500)}.tds-button:disabled{opacity:var(--tds-disabled-opacity);cursor:default}.tds-button:not(:disabled):active{background-image:linear-gradient(var(--tds-press-overlay),var(--tds-press-overlay))}.tds-button--ghost:not(:disabled):active{background-color:var(--tds-blue-50);background-image:none}@media(hover:hover){.tds-button--primary:not(:disabled):hover{background-color:var(--tds-blue-600)}.tds-button--secondary:not(:disabled):hover{background-color:var(--tds-grey-200)}.tds-button--danger:not(:disabled):hover{background-color:var(--tds-red-600)}.tds-button--ghost:not(:disabled):hover{background-color:var(--tds-blue-50)}}.tds-chip{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--tds-line-default);border-radius:var(--tds-radius-full);background:var(--tds-bg-surface);color:var(--tds-fg-primary);font-family:var(--font-main);font-size:13px;font-weight:600;cursor:pointer;transition:background-color var(--tds-dur-base) var(--tds-ease),border-color var(--tds-dur-base) var(--tds-ease),color var(--tds-dur-base) var(--tds-ease)}.tds-chip--active{background:var(--tds-grey-900);border-color:var(--tds-grey-900);color:var(--tds-bg-surface)}.tds-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:15px;cursor:pointer}.tds-switch__input{position:absolute;opacity:0;width:0;height:0}.tds-switch__track{position:relative;flex-shrink:0;width:44px;height:26px;border-radius:var(--tds-radius-full);background:var(--tds-grey-300);transition:background-color var(--tds-dur-base) var(--tds-ease)}.tds-switch__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--tds-bg-surface);box-shadow:var(--tds-shadow-1);transition:transform var(--tds-dur-base) var(--tds-ease)}.tds-switch__input:checked+.tds-switch__track{background:var(--tds-blue-500)}.tds-switch__input:checked+.tds-switch__track .tds-switch__knob{transform:translate(18px)}.tds-switch__input:focus-visible+.tds-switch__track{box-shadow:0 0 0 2px var(--tds-bg-surface),0 0 0 3.5px var(--tds-blue-500)}.tds-segmented{display:flex;gap:2px;padding:3px;background:var(--tds-bg-secondary);border-radius:var(--tds-radius-m)}.tds-segmented__item{flex:1;display:flex;align-items:center;justify-content:center;height:34px;border:none;border-radius:10px;background:transparent;color:var(--tds-fg-secondary);font-family:var(--font-main);font-size:13px;font-weight:600;cursor:pointer;transition:background-color var(--tds-dur-base) var(--tds-ease),color var(--tds-dur-base) var(--tds-ease),box-shadow var(--tds-dur-base) var(--tds-ease)}.tds-segmented__item--active{background:var(--tds-bg-surface);color:var(--tds-fg-primary);box-shadow:var(--tds-shadow-1)}.tds-badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.tds-badge--success{background:var(--tds-green-50);color:var(--tds-green-500)}.tds-badge--danger{background:var(--tds-red-50);color:var(--tds-red-500)}.tds-badge--neutral{background:var(--tds-bg-secondary);color:var(--tds-fg-secondary)}.tds-field-label{display:block;font-size:13px;font-weight:600;color:var(--tds-fg-secondary);margin-bottom:8px}.tds-helper-text{font-size:13px;line-height:1.5;color:var(--tds-fg-tertiary)}.tds-helper-text--danger{color:var(--tds-red-500)}.tds-helper-text--brand{color:var(--tds-blue-500)}