@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600;700&display=swap";:root{font-family:Pretendard Variable,Noto Sans KR,sans-serif;color:#142235;background:linear-gradient(180deg,#f8fafcf5,#f3f6fafa),#f8fafc;line-height:1.5;font-weight:400;color-scheme:light;--surface: rgba(255, 255, 255, .94);--surface-strong: #ffffff;--surface-soft: #eef2f6;--surface-border: #d7dfe8;--text-main: #142235;--text-subtle: #6b7280;--primary: #1e3a5f;--primary-dark: #172f4e;--primary-soft: #dce7f5;--accent: #2563eb;--danger: #dc2626;--danger-soft: #fce8e8;--success-soft: #e5f4e8;--success-text: #166534;--warning-soft: #fbf2d8;--warning-text: #9a6700;--shadow-lg: 0 18px 36px rgba(20, 34, 53, .08);--shadow-md: 0 8px 18px rgba(20, 34, 53, .05);--radius-xl: 8px;--radius-lg: 8px;--radius-md: 6px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text-main);background:linear-gradient(180deg,#f8fafcfa,#f4f7fafa),#f8fafc}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;width:100%}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.eyebrow{margin:0 0 .35rem;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.login-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:linear-gradient(180deg,#f6f9fcfa,#f1f5f9f5),#f8fafc}.login-shell{width:min(100%,27.5rem);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.login-branding{text-align:center}.brand-mark{width:4rem;height:4rem;display:grid;place-items:center;border-radius:var(--radius-lg);background:linear-gradient(180deg,#28486f,#1e3a5f);color:#f8fafc;font-weight:800;margin:0 auto 1.25rem;box-shadow:var(--shadow-md)}.login-card{width:100%;padding:2.25rem;border-radius:var(--radius-xl);background:#fffffffa;border:1px solid var(--surface-border);box-shadow:var(--shadow-lg)}.login-divider{margin:.5rem 0 0;border-top:1px solid rgba(169,180,185,.28)}.login-status{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem .9rem;border-radius:999px;background:#ffffffe6;color:var(--text-subtle);font-size:.78rem;font-weight:700;border:1px solid var(--surface-border)}.status-dot{width:.5rem;height:.5rem;border-radius:999px;background:#26a269}.login-card h1,.topbar h1,.section-title h2{margin:0;font-size:clamp(1.6rem,2vw,2.05rem);line-height:1.15}.login-card h1,.login-branding h1,.workspace-heading h2,.history-header h2,.detail-header h2,.section-title h2,.sidebar-brand strong,.topbar-title{font-family:"Noto Serif KR",Georgia,serif;letter-spacing:-.02em}.login-description,.section-copy,.field-hint,.login-note,.job-meta p,.empty-card span{margin:0;color:var(--text-subtle)}.login-form,.panel-stack,.content-panel,.detail-card,.result-summary,.sidebar,.section-title,.job-meta,.action-column{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.45rem}.input-group span,.field-label,.summary-list dt{font-size:.92rem;font-weight:700}.input-group input,.prompt-textarea{width:100%;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-strong);color:var(--text-main);padding:.88rem .95rem;transition:border-color .2s ease,box-shadow .2s ease}.input-with-icon{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#8c99a3;font-size:.95rem;font-weight:700}.input-with-icon input{padding-left:2.8rem}.input-group input:focus,.prompt-textarea:focus{outline:none;border-color:#2563eb85;box-shadow:0 0 0 3px #2563eb1f}.prompt-textarea{min-height:8rem;resize:vertical}.primary-button,.secondary-button,.text-button,.nav-item{border:0;border-radius:var(--radius-md);transition:transform .15s ease,opacity .15s ease,background .2s ease}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:.85rem 1.2rem;font-weight:700}.primary-button{background:var(--primary);color:#f8fbff;box-shadow:0 8px 18px #1e3a5f29}.primary-button.large{min-height:3.35rem}.login-submit{width:100%;min-height:3.35rem}.secondary-button{background:#ffffffeb;color:var(--text-main);border:1px solid var(--surface-border)}.text-button{padding:0;background:transparent;color:var(--accent);font-weight:700}.primary-button:hover,.secondary-button:hover,.nav-item:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.65}.error-text{margin:0;padding:.8rem .95rem;border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-weight:600;border:1px solid rgba(220,38,38,.14)}.app-shell{min-height:100vh;padding:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.2rem 1.4rem}.topbar-fixed{position:fixed;inset:0 0 auto;z-index:30;height:4rem;padding:.9rem 1.5rem;align-items:center;background:#f8fafcf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--surface-border)}.topbar-brand{display:flex;align-items:center;gap:2rem;min-width:0}.topbar-brand-copy{display:flex;flex-direction:column;gap:.05rem}.topbar-kicker{color:var(--text-subtle);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.topbar-title{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.topbar-notice{margin:0;color:var(--text-subtle);font-size:.86rem;line-height:1.45}.topbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.credit-chip,.user-chip,.pill,.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.3rem .8rem;border-radius:999px;font-size:.82rem;font-weight:700}.credit-chip{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff7ed;border:1px solid rgba(180,83,9,.28);box-shadow:0 10px 24px #d977062e}.credit-chip.loading{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#f0fdfa;border-color:#0f766e3d;box-shadow:0 10px 24px #14b8a629}.credit-chip.error{background:linear-gradient(135deg,#991b1b,#dc2626);color:#fef2f2;border-color:#991b1b42;box-shadow:0 10px 24px #dc262629}.user-chip,.pill{background:#ffffffeb;color:var(--text-subtle);border:1px solid var(--surface-border)}.pill-solid{background:var(--primary-soft);color:var(--primary-dark);border-color:var(--primary-soft)}.shell-body{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:1.2rem;min-height:100vh;padding-top:4rem}.sidebar,.content-panel{padding:1.25rem;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar{position:sticky;top:5rem;height:calc(100vh - 6rem);margin:1rem 0 1rem 1rem}.sidebar-brand{display:flex;align-items:center;gap:.85rem;padding:.4rem .2rem 1rem;border-bottom:1px solid var(--surface-border)}.sidebar-brand-mark{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:var(--radius-md);background:linear-gradient(180deg,#28486f,#1e3a5f);color:#f8fafc;font-size:.82rem;font-weight:800}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{color:var(--text-subtle);font-size:.8rem}.sidebar-nav{display:flex;flex-direction:column;gap:.3rem}.nav-item{display:flex;align-items:center;justify-content:flex-start;min-height:4rem;padding:.8rem .9rem;font-weight:700;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance;color:var(--text-main);background:transparent}.nav-item.active{background:linear-gradient(180deg,#1e3a5ffa,#172f4efa);color:#f8fbff}.nav-item-muted{opacity:.55;cursor:default}.content-panel{margin:1rem 1rem 1rem 0}.workspace-page,.detail-grid{display:block}.workspace-shell{width:min(100%,64rem);margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);align-items:start}.detail-page{display:flex;flex-direction:column;gap:1.25rem}.detail-header,.history-header,.history-toolbar,.history-card-head,.history-card-actions{display:flex;justify-content:space-between;align-items:center;gap:.85rem;flex-wrap:wrap}.page-header{padding-bottom:.9rem;border-bottom:1px solid var(--surface-border)}.page-header-login{border-bottom:0;padding-bottom:0}.workspace-heading{text-align:left;padding:.4rem 0 .15rem}.workspace-copy{margin:.4rem 0 0;max-width:42rem;color:var(--text-subtle)}.workspace-mode-card{display:flex;flex-direction:column;gap:1rem;padding:1.2rem;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--surface-border);box-shadow:var(--shadow-md)}.workspace-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.workspace-mode-option{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1rem 1.05rem;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#f8fafc;color:var(--text-main);text-align:left}.workspace-mode-option strong{font-size:.98rem}.workspace-mode-option span{color:var(--text-subtle);font-size:.86rem;line-height:1.45}.workspace-mode-option.active{border-color:#1e3a5f57;background:linear-gradient(180deg,#dce7f5e6,#ecf2f8eb);box-shadow:inset 0 0 0 1px #1e3a5f14}.workspace-config-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1rem}.workspace-footer-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:.75rem}.section-header-row{padding-top:.25rem}.field-card,.result-card,.job-card,.empty-card,.detail-preview,.detail-card{border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--surface-border);box-shadow:var(--shadow-md)}.field-card,.detail-card,.empty-card{padding:1.2rem}.empty-card{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.empty-card strong{line-height:1.45}.empty-card span{line-height:1.6}.field-card-compact{height:100%}.field-head,.section-title,.result-head,.job-topline,.job-actions,.action-row,.detail-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.upload-box{position:relative;display:block;min-height:16rem;border:1px dashed rgba(107,114,128,.46);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(180deg,#f6f8fbf0,#eff3f7eb)}.upload-box-hero{min-height:18rem}.upload-box-compact{min-height:15rem}.upload-box.is-filled{border-style:solid}.upload-placeholder,.result-placeholder{min-height:inherit;display:grid;place-items:center;text-align:center;gap:.25rem;color:var(--text-subtle);padding:1rem}.settings-card{justify-content:space-between}.settings-stack{display:flex;flex-direction:column;gap:.95rem}.select-group{display:flex;flex-direction:column;gap:.4rem}.select-group span{font-size:.82rem;font-weight:700;color:var(--text-subtle)}.select-group select{width:100%;min-height:2.9rem;padding:.75rem .95rem;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#f8fafc;color:var(--text-main);font:inherit}.upload-icon{display:inline-grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:999px;background:#ffffffe6;color:var(--primary-dark);font-size:1.6rem;border:1px solid var(--surface-border)}.upload-preview,.result-preview img,.job-thumb img,.detail-preview img{width:100%;height:100%;object-fit:cover}.upload-meta{display:flex;justify-content:space-between;gap:.75rem;align-items:center;color:var(--text-subtle);font-size:.92rem}.result-card{overflow:hidden}.empty-card-soft{background:#ffffffb8}.result-preview{min-height:20rem;background:var(--surface-soft)}.history-page{gap:1.2rem}.help-page{gap:1.4rem}.help-header{padding-bottom:1rem;border-bottom:1px solid var(--surface-border)}.help-intro{padding:.95rem 1.05rem;border-radius:var(--radius-md);background:#f2f5f9c7;border:1px solid var(--surface-border)}.help-intro p{margin:0;color:var(--text-subtle);line-height:1.7}.help-document{display:flex;flex-direction:column;gap:1.65rem}.help-section{display:flex;flex-direction:column;gap:1.15rem;scroll-margin-top:6rem;padding:1.3rem 1.35rem;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--surface-border);box-shadow:var(--shadow-md)}.help-section-head{display:flex;flex-direction:column;gap:.45rem;padding-bottom:1rem;border-bottom:1px solid var(--surface-border)}.help-section-head h3{margin:0;font-size:1.3rem;font-family:"Noto Serif KR",Georgia,serif;letter-spacing:-.02em}.help-section-head .eyebrow{margin-bottom:.15rem}.help-section-body{display:flex;flex-direction:column;gap:1rem}.help-topic{display:flex;flex-direction:column;gap:.55rem;padding-left:.95rem;border-left:2px solid rgba(30,58,95,.12)}.help-topic h4{margin:0;font-size:.98rem;font-weight:700;color:var(--text-main)}.help-list{margin:0;padding-left:1.15rem;color:var(--text-main);line-height:1.65}.help-list li+li{margin-top:.35rem}.history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.history-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-strong);border:1px solid var(--surface-border);box-shadow:var(--shadow-md)}.history-card-thumb{border:0;display:block;width:100%;aspect-ratio:3 / 4;background:var(--surface-soft);overflow:hidden;color:var(--text-subtle)}.history-card-thumb img{height:100%;object-fit:cover}.history-card-body{padding:1rem;display:flex;flex-direction:column;gap:.85rem}.history-card-title{font-size:1rem}.history-prompt-panel{display:flex;flex-direction:column;gap:.6rem}.history-prompt-button,.history-prompt-empty{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding:.85rem .9rem;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#f8fafc;text-align:left}.history-prompt-button{color:var(--text-main)}.history-prompt-label{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.history-prompt-copy{font-size:.8rem;font-weight:700;color:var(--text-subtle)}.history-prompt-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-main);font-size:.9rem;line-height:1.55}.history-prompt-tags{display:flex;flex-wrap:wrap;gap:.45rem}.history-prompt-tags span{display:inline-flex;align-items:center;min-height:1.95rem;padding:.35rem .7rem;border-radius:999px;background:#eef3f8;border:1px solid var(--surface-border);color:var(--text-main);font-size:.84rem;line-height:1.35}.history-prompt-empty{color:var(--text-subtle);font-size:.92rem}.icon-button,.ghost-chip{border:1px solid var(--surface-border);background:#fffffff0;color:var(--text-subtle);border-radius:var(--radius-md);min-height:2.5rem;padding:.6rem .95rem;font:inherit;font-weight:700}.ghost-chip:disabled{opacity:.7;cursor:default}.result-summary{padding:1.1rem}.summary-list{display:grid;gap:.85rem;margin:0}.summary-list div{display:grid;gap:.2rem}.summary-list dd{margin:0;color:var(--text-subtle)}.action-row,.job-actions{display:flex;gap:.75rem}.action-row>*,.job-actions>*{flex:1}.job-list{display:grid;gap:1rem}.section-title.compact{margin-top:.25rem}.job-list.compact{gap:.75rem}.job-card{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:1rem;padding:.9rem;text-align:left}.job-card.compact{padding:.75rem}.job-thumb{overflow:hidden;border:0;border-radius:var(--radius-md);background:var(--surface-soft);min-height:9.5rem;display:grid;place-items:center;color:var(--text-subtle)}.job-thumb.large{min-height:12rem}.job-meta strong{font-size:1rem}.status-badge{border:0}.status-pending,.status-processing{background:var(--warning-soft);color:var(--warning-text)}.status-completed{background:var(--success-soft);color:var(--success-text)}.status-failed,.status-expired{background:var(--danger-soft);color:var(--danger)}.detail-preview{overflow:hidden;min-height:34rem}.result-placeholder.large{min-height:34rem}.detail-head span{color:var(--text-subtle);font-size:.9rem}.detail-summary-block{display:flex;flex-direction:column;gap:.7rem}.detail-summary-block h3{margin:0;font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle)}.detail-tags{display:flex;flex-wrap:wrap;gap:.5rem}.detail-tags span{padding:.55rem .8rem;border-radius:var(--radius-md);background:#f2f5f9;color:var(--text-main);font-size:.9rem;border:1px solid var(--surface-border)}.detail-summary-list{padding:.2rem 0}.detail-prompt{margin:0;padding:.95rem 1rem;border-radius:var(--radius-md);background:#f2f5f9e6;border:1px solid var(--surface-border);color:var(--text-main)}@media(max-width:960px){.shell-body,.workspace-mode-switch,.workspace-config-grid,.history-grid,.detail-grid{grid-template-columns:1fr}.topbar-brand{flex-direction:column;align-items:flex-start;gap:.45rem}.sidebar{position:static;height:auto;margin:1rem 1rem 0}.content-panel{margin:1rem}.workspace-footer-head{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.app-shell,.login-page{padding:1rem}.topbar{padding:.9rem 1rem}.topbar-title{font-size:1rem}.content-panel,.sidebar,.login-card{padding:1rem}.login-shell{width:min(100%,30rem)}.job-card{grid-template-columns:1fr}.job-thumb,.job-thumb.large{min-height:14rem}.workspace-shell{gap:1rem}}