:root{color-scheme:light;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;--color-bg: #efece5;--color-surface: #fcfbf8;--color-surface-muted: #f4f1ea;--color-surface-strong: #e9e4d9;--color-border: #e0d9cc;--color-border-strong: #c9c0b1;--color-text: #1f2625;--color-text-muted: #5e6765;--color-text-dim: #7a817d;--color-accent: #4d6964;--color-accent-strong: #394f4c;--color-accent-soft: #dde4e1;--color-warning-bg: #f6ead2;--color-warning-border: #e2d1aa;--color-warning-text: #6d5829;--color-success-bg: #2f7c49;--color-success-border: #27663d;--color-success-text: #f4fbf6;--color-danger-bg-soft: #f8e8e6;--color-danger-border-soft: #e7c8c5;--color-danger-text: #ab5c59;--color-star: #c2901c;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--shadow-card: 0 1px 2px rgba(31, 38, 37, .04);--shadow-pop: 0 16px 40px rgba(31, 38, 37, .16), 0 3px 10px rgba(31, 38, 37, .07);--focus-ring: 0 0 0 3px rgba(77, 105, 100, .16);--transition-base: .16s ease}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text)}button,input,textarea{font:inherit}button{cursor:pointer}textarea{resize:vertical}.app-shell{width:min(1480px,calc(100vw - var(--space-7)));margin:0 auto;padding:1.5rem 0 2.5rem;display:grid;gap:.875rem}.app-titlebar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-3) var(--space-4);padding:0 var(--space-1)}.app-titlebar__primary{display:flex;align-items:center;gap:.6rem}.app-title{margin:0;color:var(--color-text);font-family:Aptos,Noto Sans KR,sans-serif;font-size:clamp(1.05rem,1.4vw,1.3rem);font-weight:700;line-height:1.1;letter-spacing:.02em}.number-hero__label,.field__label{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.status-strip{display:grid;gap:var(--space-2);margin-left:auto;justify-items:end;width:min(100%,24rem)}.status-strip__state{display:flex;align-items:center;justify-content:flex-end;gap:.45rem}.engine-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.95rem;height:1.95rem;padding:0 .55rem;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-size:.74rem;font-weight:800;line-height:1}.engine-badge--browser{border-color:#ddccb6;background:#f7f1e7;color:#7a5630}.engine-badge--gemini{border-color:#ccd8ea;background:#eef4fb;color:#2f557f}.api-status{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface)}.api-status--button{cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.api-status--button:hover,.api-status--button:focus-visible{border-color:var(--color-accent);background:#fffdf9}.api-status--button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.api-status__led{width:.65rem;height:.65rem;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.api-status__led--on{background:#34a853}.api-status__led--off{background:#b9b8b4}.api-status__label{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.status-badge{flex:0 0 auto;min-width:fit-content;padding:.25rem .7rem}.status-badge--idle{border-color:#d4dad7;background:#eef1ef;color:#60706b}.status-badge--active{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success-text)}.status-badge--warning{border-color:var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning-text)}.status-strip__error{margin:0;padding:.625rem .75rem;border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);background:var(--color-warning-bg);color:var(--color-warning-text);width:min(100%,24rem);text-align:left}.status-strip__settings{width:min(100%,34rem);padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);display:grid;gap:.75rem}.status-strip__help{margin:0;color:var(--color-text-muted);font-size:.88rem;line-height:1.5}.status-strip__help a{color:var(--color-accent-strong);font-weight:600}.status-strip__actions{display:flex;justify-content:flex-end;gap:.5rem}.workspace-shell{display:grid;grid-template-columns:minmax(540px,.96fr) minmax(360px,.84fr);gap:.875rem;align-items:stretch}.workspace-column{min-width:0;display:grid;gap:.875rem}.workspace-column--side{grid-template-rows:auto minmax(0,1fr)}.panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.panel--secondary{background:var(--color-surface-muted)}.panel__header,.panel__body{padding:.875rem 1.05rem}.panel__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border)}.panel__body{display:grid;gap:.75rem}.panel__title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.panel__actions{display:flex;align-items:center}.panel--timeline .panel__body{padding-top:0;min-height:100%;grid-template-rows:minmax(0,1fr);align-content:stretch}.panel--timeline .empty-state{min-height:11rem;margin-top:.875rem;border:1px dashed var(--color-border);background:transparent;display:grid;align-content:center;justify-items:center;gap:.35rem;text-align:center}.panel--timeline .empty-state .empty-state__title,.panel--timeline .empty-state .empty-state__body{margin:0}.panel--timeline{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:100%}.control-stage{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(280px,.88fr);gap:.75rem;align-items:stretch}.number-hero{padding:1.125rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);min-height:100%;display:flex;flex-direction:column}.number-hero__value-area{flex:1;min-height:0;margin-top:var(--space-2);display:flex;align-items:flex-start;overflow:hidden}.number-hero__value{color:#19201f;font-family:Bahnschrift,DIN Alternate,Noto Sans KR,sans-serif;font-size:var(--number-hero-font-size, clamp(5.2rem, 12vw, 8.6rem));line-height:.88;letter-spacing:-.06em;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%}.number-hero__preview{margin:auto 0 0;padding-top:.625rem;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:.625rem}.number-hero__preview-text{margin:0;min-width:0;color:var(--color-text-muted);font-size:.95rem;line-height:1.45}.temp-broadcast{position:relative;flex:0 0 auto;display:inline-flex}.temp-broadcast__trigger{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base)}.temp-broadcast__trigger:hover,.temp-broadcast__trigger:focus-visible,.temp-broadcast__trigger--active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.temp-broadcast__trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.temp-broadcast__trigger svg{width:1.15rem;height:1.15rem}.temp-broadcast-popover{position:absolute;top:calc(100% + .5rem);right:0;z-index:30;width:min(22rem,calc(100vw - 3rem))}.temp-broadcast-card{display:grid;gap:.75rem;padding:.875rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-pop)}.temp-broadcast-card__title{font-size:.92rem;font-weight:700;color:var(--color-text)}.temp-broadcast-card__options{display:grid;gap:.45rem}.checkbox-option{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text);font-size:.9rem}.checkbox-option input{width:1.05rem;height:1.05rem;margin:0;accent-color:var(--color-accent-strong)}.checkbox-option:has(input:disabled){color:var(--color-text-dim)}.control-stage__actions,.button-row{display:grid;min-height:100%;align-content:start;gap:.75rem}.field{display:grid;gap:var(--space-2)}.number-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.625rem;align-items:stretch}.number-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.number-presets__button{min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-accent-strong);font-size:1.05rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-card);transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base)}.number-presets__button:hover:not(:disabled),.number-presets__button:focus-visible{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.number-presets__button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.number-presets__button--reset{border-color:var(--color-danger-border-soft);background:var(--color-danger-bg-soft);color:var(--color-danger-text)}.number-presets__button--reset:hover:not(:disabled),.number-presets__button--reset:focus-visible{border-color:#d7aba7;background:#f6e1df;color:#9f514d}.number-presets__button--reset:focus-visible{box-shadow:0 0 0 3px #ab5c5924}.input{width:100%;padding:.8rem .9rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring);background:#fffefb}.input--number{font-family:Bahnschrift,DIN Alternate,Noto Sans KR,sans-serif;font-size:1.45rem;font-weight:700;font-variant-numeric:tabular-nums}.stepper{display:grid;grid-template-columns:repeat(2,minmax(72px,1fr));gap:var(--space-2)}.stepper .button{min-height:3.25rem;font-size:1.7rem;line-height:1}.toggle-row{padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.toggle-row__content{display:grid;gap:var(--space-1)}.toggle-row__title{color:var(--color-text);font-size:.92rem;font-weight:600}.toggle-row__hint{display:block;color:var(--color-text-muted);font-size:.86rem}.toggle{position:relative;display:inline-flex}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle__track{width:3.4rem;height:1.95rem;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface-strong);transition:background var(--transition-base),border-color var(--transition-base)}.toggle__track:after{content:"";position:absolute;top:.24rem;left:.24rem;width:1.45rem;height:1.45rem;border-radius:50%;background:#fffefb;box-shadow:0 1px 2px #1f26252e;transition:transform var(--transition-base),background var(--transition-base)}.toggle input:checked+.toggle__track{background:var(--color-accent);border-color:var(--color-accent-strong)}.toggle input:checked+.toggle__track:after{transform:translate(1.45rem)}.toggle input:focus-visible+.toggle__track{box-shadow:var(--focus-ring)}.button{padding:.76rem .95rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-weight:500;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base),opacity var(--transition-base)}.button:hover:not(:disabled){border-color:var(--color-accent);background:#fffdf9}.button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{border-color:var(--color-accent-strong);background:var(--color-accent-strong);color:#f8f6f1;font-weight:700}.button--primary:hover:not(:disabled){border-color:#2f4542;background:#2f4542}.button--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-muted)}.button--ghost:hover:not(:disabled){color:var(--color-text)}.button--small{padding:.52rem .75rem;font-size:.86rem}.button--announce{min-height:3.6rem;font-size:1rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-state__body{margin:0;color:var(--color-text-muted);font-size:.9rem;line-height:1.45}.replay-card,.empty-state{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.empty-state--subtle{padding:.5rem 0;border:0;background:transparent}.empty-state--subtle .empty-state__title{margin-top:0;font-size:.94rem;font-weight:600;color:var(--color-text-muted)}.empty-state--subtle .empty-state__body{margin-top:.25rem;color:var(--color-text-dim);font-size:.86rem}.replay-card__text,.empty-state__title{margin:var(--space-2) 0 0;font-size:1rem}.replay-card__text{line-height:1.45}.replay-card__meta,.timeline-item__meta{display:flex;justify-content:flex-end;align-items:center;gap:.375rem;color:#6b746f;font-size:.79rem}.badge{display:inline-flex;align-items:center;min-height:1.4rem;padding:0 .5rem;border:1px solid #d6dcd9;border-radius:999px;background:#eef1ef;color:#67716d;font-size:.72rem;font-weight:600}.badge--announce{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success-text)}.badge--temporary{border-color:var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning-text)}.button-row{grid-template-columns:auto minmax(180px,1fr)}.replay-card__actions{margin-top:var(--space-2)}.panel--replay .panel__body{min-height:12.5rem;height:12.5rem;align-content:stretch;overflow:hidden}.replay-stage{height:100%}.panel--replay .replay-card{height:100%;display:grid;align-content:start}.panel--replay .empty-state--subtle{height:100%;padding:.875rem 1rem;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:transparent;display:grid;align-content:center;justify-items:center;gap:.35rem;text-align:center}.panel--replay .empty-state--subtle .empty-state__title,.panel--replay .empty-state--subtle .empty-state__body{margin:0}.timeline-list{margin:0;padding:0;list-style:none}@media (min-width: 1181px){body{overflow:hidden}.app-shell{min-height:100vh;height:100vh;grid-template-rows:auto minmax(0,1fr)}.workspace-shell,.workspace-column,.workspace-column--side,.panel--timeline,.panel--timeline .panel__body{min-height:0}.panel--timeline .panel__body{overflow:hidden}.workspace-shell,.panel--timeline,.timeline-list{height:100%}.timeline-list{min-height:0;overflow:auto}}.timeline-list li+li{border-top:1px solid var(--color-border)}.timeline-item{width:100%;padding:.55rem .45rem;border:0;border-radius:var(--radius-sm);background:transparent;display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:.625rem;align-items:start;text-align:left;transition:background var(--transition-base)}.timeline-item:hover,.timeline-item--selected{background:var(--color-surface-muted)}.timeline-item--selected{box-shadow:inset 3px 0 0 var(--color-accent)}.timeline-item__time{color:#616966;font-family:Bahnschrift,DIN Alternate,Noto Sans KR,sans-serif;font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.35}.timeline-item__text{color:var(--color-text);font-size:.95rem;line-height:1.35}.timeline-clear-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-danger-text);transition:background var(--transition-base),color var(--transition-base),opacity var(--transition-base)}.timeline-clear-button:hover:not(:disabled),.timeline-clear-button:focus-visible{background:#ab5c591a;color:#954946}.timeline-clear-button:focus-visible{outline:none;box-shadow:0 0 0 3px #ab5c5924}.timeline-clear-button:disabled{cursor:not-allowed;opacity:.35}.timeline-clear-button svg{width:1rem;height:1rem;fill:currentColor}.timeline-actions{position:relative;display:inline-flex;align-items:center;gap:.35rem}.timeline-icon-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base)}.timeline-icon-button:hover,.timeline-icon-button:focus-visible,.timeline-icon-button--active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.timeline-icon-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.timeline-icon-button svg{width:1rem;height:1rem;fill:currentColor}.cache-list-popover{position:absolute;top:calc(100% + .5rem);right:2.4rem;z-index:20;width:min(28rem,calc(100vw - 3rem))}.cache-list-card{display:grid;gap:.65rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-pop)}.cache-list-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cache-list-card__title{font-size:.92rem;font-weight:700;color:var(--color-text)}.cache-list{margin:0;padding:0;list-style:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);max-height:22rem;overflow:auto}.cache-list__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.6rem .7rem}.cache-list__item+.cache-list__item{border-top:1px solid var(--color-border)}.cache-list__content{min-width:0;display:grid;gap:.2rem}.cache-list__text{color:var(--color-text);font-size:.92rem;line-height:1.35;word-break:break-word}.cache-list__meta{color:var(--color-text-dim);font-size:.78rem}.cache-list__actions{display:inline-flex;align-items:center;gap:.4rem}.cache-list__favorite{display:inline-flex;align-items:center;justify-content:center;width:1.95rem;height:1.95rem;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-dim);transition:background var(--transition-base),color var(--transition-base)}.cache-list__favorite svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.cache-list__favorite:hover,.cache-list__favorite:focus-visible{background:#c2901c1f;color:var(--color-star)}.cache-list__favorite:focus-visible{outline:none;box-shadow:0 0 0 3px #c2901c2e}.cache-list__favorite--active{color:var(--color-star)}.cache-list__favorite--active svg{fill:currentColor}.cache-list__icon-button{display:inline-flex;align-items:center;justify-content:center;width:1.95rem;height:1.95rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-accent-strong);transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base)}.cache-list__icon-button:hover,.cache-list__icon-button:focus-visible{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.cache-list__icon-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cache-list__icon-button svg{width:.95rem;height:.95rem;fill:currentColor}.cache-list__delete{padding:.36rem .55rem;border:1px solid var(--color-danger-border-soft);border-radius:var(--radius-sm);background:var(--color-danger-bg-soft);color:var(--color-danger-text);font-size:.78rem;font-weight:600;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base)}.cache-list__delete:hover,.cache-list__delete:focus-visible{border-color:#d7aba7;background:#f6e1df;color:#9f514d}.cache-list__delete:focus-visible{outline:none;box-shadow:0 0 0 3px #ab5c5924}@media (max-width: 1180px){.workspace-shell,.control-stage{grid-template-columns:1fr}.cache-list-popover{right:0}}@media (max-width: 720px){.app-shell{width:min(100vw - var(--space-6),100%);padding-top:1rem}.status-strip{width:100%;margin-left:0;justify-items:start}.panel__header,.panel__body{padding:.875rem}.number-controls,.button-row,.timeline-item{grid-template-columns:1fr}.stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-row{flex-direction:column;align-items:flex-start}}