:root{color-scheme:light;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;--color-bg: #ece8e0;--color-bg-gradient: #e5dfd4;--color-surface: #fbfaf7;--color-surface-muted: #f2eee6;--color-surface-strong: #e8e2d8;--color-border: #d5cdbf;--color-border-strong: #b7aea0;--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;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--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;--transition-base: .16s ease}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-gradient) 100%);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:.75rem}.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:.06em}.console-header{display:flex;justify-content:space-between;align-items:end;gap:var(--space-3);padding:var(--space-1) 0}.console-header__eyebrow,.panel__eyebrow{margin:0 0 var(--space-2);color:#68716d;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.console-header__title{margin:0;font-family:Aptos,Noto Sans KR,sans-serif;font-size:clamp(2rem,3.2vw,3rem);line-height:1;letter-spacing:-.05em}.console-header__meta,.preview-card__label,.number-hero__label,.field__label,.toggle-row__title,.status-pill__label{color:#66706c;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.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:var(--radius-sm);background:#f4f1ea;color:var(--color-text-strong);font-size:.74rem;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}.engine-badge--browser{border-color:#d9c7b0;background:#f5efe5;color:#7a5630}.engine-badge--gemini{border-color:#c7d4e8;background:#edf3fb;color:#2f557f}.api-status{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .65rem;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:0 0 0 3px #4d69641f}.api-status__led{width:.7rem;height:.7rem;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:700;color:var(--color-text-muted)}.status-badge{flex:0 0 auto;min-width:fit-content;padding:.25rem .65rem}.status-badge--idle{border-color:#cfd6d3;background:#edf1ef;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);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:700}.status-strip__actions{display:flex;justify-content:flex-end;gap:.5rem}.workspace-shell{padding:.75rem;border:1px solid var(--color-border);border-radius:calc(var(--radius-lg) + 2px);background:#faf8f3eb;display:grid;grid-template-columns:minmax(540px,.96fr) minmax(360px,.84fr);gap:.75rem;align-items:stretch}.workspace-column{min-width:0;display:grid;gap:.75rem}.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)}.panel--secondary{background:var(--color-surface-muted)}.panel__header,.panel__body{padding:.875rem 1rem}.panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);border-bottom:1px solid var(--color-border)}.panel__body{display:grid;gap:.75rem}.panel__title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.03em}.panel__actions{display:flex;align-items:center}.panel--timeline .panel__body{padding-top:0;min-height:100%;align-content:start}.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:linear-gradient(180deg,#faf7f1,#f0ebe3);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:-.1em;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);color:var(--color-text-muted);font-size:.95rem;line-height:1.45}.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:flex;flex-wrap:wrap;gap:var(--space-2)}.number-presets__button{min-height:1.75rem;padding:.2rem .55rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.76rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;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:0 0 0 3px #4d69641f}.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:0 0 0 3px #4d69641f;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}.input--textarea{min-height:6.75rem;line-height:1.55}.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__hint{display:block;color:var(--color-text-muted);font-size:.9rem}.toggle{position:relative;display:inline-flex}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle__track{width:3.6rem;height:2rem;border:1px solid #c4bdb0;border-radius:999px;background:#dbd6ce;transition:background var(--transition-base),border-color var(--transition-base)}.toggle__track:after{content:"";position:absolute;top:.22rem;left:.22rem;width:1.45rem;height:1.45rem;border-radius:50%;background:#fffefb;transition:transform var(--transition-base),background var(--transition-base)}.toggle input:checked+.toggle__track{background:#b3c0bc;border-color:#99a7a3}.toggle input:checked+.toggle__track:after{transform:translate(1.55rem);background:var(--color-accent-strong)}.button{padding:.76rem .95rem;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),background var(--transition-base),color var(--transition-base),opacity var(--transition-base)}.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}.button:hover:not(:disabled){border-color:var(--color-accent);background:#fffdf9}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{border-color:var(--color-accent-strong);background:var(--color-accent-strong);color:#f8f6f1;font-weight:800}.button--primary:hover:not(:disabled){border-color:var(--color-accent-strong);background:#2f4542}.button--ghost{background:var(--color-surface)}.button--small{padding:.52rem .75rem;font-size:.86rem}.button--announce{min-height:3.6rem;font-size:1rem;letter-spacing:.02em}.template-hint,.replay-card__hint,.empty-state__body{margin:0;color:var(--color-text-muted);font-size:.9rem;line-height:1.45}.preview-card,.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}.preview-card--value-only .preview-card__text{margin-top:0}.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}.preview-card__text,.replay-card__text,.empty-state__title{margin:var(--space-2) 0 0;font-size:1rem}.preview-card__text,.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.45rem;padding:0 .4rem;border:1px solid #d1d7d4;border-radius:var(--radius-sm);background:#eef1ef;color:#67716d;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.badge--announce{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success-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,.panel--replay .empty-state--subtle{height:100%;display:grid;align-content:start}.panel--replay .empty-state--subtle{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fbfaf76b}.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:.5rem .375rem;border:0;border-radius:0;background:transparent;display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:.625rem;align-items:start;text-align:left}.timeline-item:hover,.timeline-item--selected{background:#e4ded4b8}.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:0 0 0 3px #4d69641f}.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:0 18px 36px #1f26251f}.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:#fbfaf7b8;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__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:700;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}.cache-list__actions{display:inline-flex;align-items:center;gap:.4rem}.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:0 0 0 3px #4d69641f}.cache-list__icon-button svg{width:.95rem;height:.95rem;fill:currentColor}@media (max-width: 1180px){.workspace-shell,.control-stage{grid-template-columns:1fr}.console-header{flex-direction:column;align-items:flex-start}.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}.workspace-shell,.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}}