:root{color:#191610;background:radial-gradient(circle at top left,rgba(236,155,71,.22),transparent 34%),radial-gradient(circle at 88% 18%,rgba(51,124,160,.18),transparent 26%),linear-gradient(135deg,#f3eadf,#efe4d4 46%,#e6dac8);font-family:IBM Plex Sans KR,Pretendard,Aptos,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{border:0;cursor:pointer}#root{min-height:100vh}.studio-shell{position:relative;min-height:100vh;height:100vh;padding:16px 18px;overflow:hidden;display:flex;flex-direction:column}.ambient{position:absolute;inset:auto;width:420px;height:420px;border-radius:50%;filter:blur(18px);opacity:.6;pointer-events:none}.ambient-left{top:-120px;left:-120px;background:radial-gradient(circle,#dc883d61,#dc883d00 72%)}.ambient-right{right:-120px;bottom:-120px;background:radial-gradient(circle,#34749459,#34749400 72%)}.studio-hero,.studio-grid{position:relative;z-index:1}.studio-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.7fr);gap:12px;margin-bottom:12px;flex:0 0 auto}.studio-hero h1{margin:0;font-size:clamp(1.9rem,2.8vw,2.9rem);line-height:1;letter-spacing:-.06em}.hero-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hero-title-row h1{flex:1 1 auto;min-width:0}.hero-title-en{display:inline-block;margin-left:10px;font-size:.52em;font-weight:600;letter-spacing:-.03em;color:#191610b8}.eyebrow{margin:0 0 6px;color:#8d5d2b;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.hero-copy{max-width:620px;margin:8px 0 0;font-size:.93rem;color:#191610d1}.mode-panel,.control-card,.preview-card{border:1px solid rgba(25,22,16,.08);background:#fffaf4c7;box-shadow:0 22px 60px #4b39221f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-panel{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:16px;border-radius:24px}.mode-panel-actions{display:flex;justify-content:flex-start}.mode-pill{display:inline-flex;width:fit-content;padding:10px 14px;border-radius:999px;font-weight:700;font-size:.9rem}.mode-online,.mode-electron{background:#27825d24;color:#0d6a4c}.mode-offline{background:#bc4a2124;color:#b24927}.mode-checking{background:#2f5b8424;color:#28557d}.studio-grid{display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:12px;flex:1 1 auto;min-height:0;align-items:stretch}.control-card,.preview-card{border-radius:30px}.control-card{padding:16px;overflow:auto}.preview-stack{display:grid;gap:12px;min-height:0}.preview-row,.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-card{padding:14px;min-height:220px}.preview-card-large{min-height:260px}.card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.card-heading h2{margin:0;font-size:1.15rem}.card-heading p{margin:0;color:#19161099;font-size:.84rem;text-align:right}.upload-panel{display:grid;gap:12px;margin-bottom:14px}.mode-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;padding:6px;border-radius:20px;background:#6e563914}.mode-switch{min-height:42px;border-radius:16px;background:transparent;color:#191610b3;transition:background .18s ease,color .18s ease,transform .18s ease}.mode-switch-active{background:#fffcf8eb;color:#191610;box-shadow:0 10px 24px #4b392214}.upload-zone{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;border:2px dashed rgba(45,102,142,.34);border-radius:22px;background:linear-gradient(135deg,#e2f0f8f5,#d6e8f4e0);box-shadow:inset 0 1px #ffffffb8;overflow:hidden}.upload-zone:hover{border-color:#205b838a;background:linear-gradient(135deg,#dcedf7fa,#cde3f2eb)}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#2d668e,#1f5073);color:#f7fbff;font-size:2rem;font-weight:700;line-height:1}.upload-zone-copy{display:grid;gap:2px;min-width:0}.upload-zone-kicker{color:#2b6085;font-size:.78rem;font-weight:700;letter-spacing:.08em}.upload-zone strong{font-size:1.08rem;line-height:1.2;color:#16364e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-zone-subtext{font-size:.8rem;color:#16364eb8}.upload-zone-subtext-active{color:#16364ed6}.upload-zone-multi{min-height:88px}.primary-button,.secondary-button{min-height:44px;border-radius:18px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.hero-save-button{min-width:112px;padding:0 18px;white-space:nowrap;flex:0 0 auto}.primary-button{background:linear-gradient(135deg,#2d668e,#183b53);color:#fff;box-shadow:0 12px 28px #183b533d}.secondary-button{background:#fffaf4f2;color:#191610;border:1px solid rgba(25,22,16,.14)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.small-button{min-height:38px;padding:0 14px;border-radius:14px}.primary-button:disabled{opacity:.62;cursor:wait}.secondary-button:disabled{opacity:.62;cursor:default}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.segmentation-panel{display:grid;gap:8px;margin-bottom:12px}.field-block{display:grid;gap:8px}.field-block-wide{grid-column:1 / -1}.field-block span{font-size:.86rem;color:#191610b8}.field-block input,.field-block select{width:100%;min-height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(25,22,16,.12);background:#fffcf8eb}.toggle-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#fffcf8eb;border:1px solid rgba(25,22,16,.08)}.toggle-field-copy{display:grid;gap:4px}.toggle-field-copy strong{font-size:.92rem}.toggle-field-copy small{color:#19161094;font-size:.8rem;line-height:1.45}.toggle-field input[type=checkbox]{width:20px;height:20px;accent-color:#2d668e}.segmentation-note{margin:0;color:#1916109e;font-size:.86rem}.advanced-config-panel{display:grid;gap:8px;margin-top:12px}.advanced-config-toggle{width:100%}.advanced-config-summary{margin:0;padding:0 4px;color:#19161094;font-size:.84rem}.metrics-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.model-info-panel{margin-top:14px;padding:14px;border-radius:22px;background:#ffffffad;border:1px solid rgba(25,22,16,.08)}.model-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.model-info-item{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:#fffcf8e0;border:1px solid rgba(25,22,16,.08);min-width:0}.model-info-item span{font-size:.78rem;color:#1916108f}.model-info-item strong{font-size:.94rem;line-height:1.35;overflow-wrap:anywhere}.model-info-mono{font-family:IBM Plex Mono,Cascadia Code,Consolas,monospace;font-size:.84rem}.metric-card{padding:12px;border-radius:18px;background:#ffffffa6;border:1px solid rgba(25,22,16,.08)}.metric-card span{display:block;margin-bottom:6px;font-size:.8rem;color:#19161094}.metric-card strong{font-size:1.1rem}.metric-placeholder{grid-column:1 / -1}.comparison-card{min-height:0}.comparison-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.comparison-metrics span{padding:6px 10px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(25,22,16,.08);font-size:.82rem;color:#191610bd}.comparison-images{display:grid;gap:10px}.comparison-image-block{display:grid;gap:8px}.comparison-image-block strong{font-size:.88rem;color:#191610b8}.comparison-image,.comparison-empty{width:100%;min-height:140px;border-radius:18px;background:#0d0c0a}.comparison-image{object-fit:contain}.comparison-empty{height:140px}.download-actions{display:flex;gap:12px;margin-top:14px}.batch-actions{margin-top:12px}.batch-source-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.batch-chip,.batch-placeholder{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(25,22,16,.08);color:#191610c2}.batch-placeholder{background:#6e563914}.guide-panel{display:grid;gap:12px}.guide-dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;align-items:stretch;justify-items:end;padding:16px 18px 16px 24px;background:#110f0b47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guide-dialog{width:min(620px,calc(100vw - 42px));height:calc(100vh - 32px);max-height:none;overflow:auto;padding:16px 16px 18px;border-radius:28px;border:1px solid rgba(25,22,16,.08);background:#fffaf4f0;box-shadow:0 28px 80px #16120d47;animation:guide-dialog-slide-in .18s ease-out}.guide-dialog::-webkit-scrollbar{width:8px}.guide-dialog::-webkit-scrollbar-track{background:transparent}.guide-dialog::-webkit-scrollbar-thumb{border-radius:999px;background:#2050733d}.guide-dialog::-webkit-scrollbar-thumb:hover{background:#20507357}.guide-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;padding:18px 18px 16px;border-radius:24px;background:linear-gradient(135deg,#fff6e9fa,#f4ebdedb),radial-gradient(circle at top right,rgba(44,102,143,.12),transparent 36%);border:1px solid rgba(141,93,43,.14);box-shadow:inset 0 1px #ffffffb8}.guide-dialog-header-copy{display:grid;gap:10px}.guide-dialog-topline{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.guide-dialog-header h2{margin:0;width:fit-content;padding:8px 12px;border-radius:14px;background:linear-gradient(135deg,#285f86,#1b4664);color:#f8fbff;font-size:clamp(1.7rem,2vw,2.15rem);line-height:1.05;letter-spacing:-.04em;box-shadow:0 10px 24px #183b5333}.guide-dialog-kicker{margin:0;color:#8d5d2b;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.guide-dialog-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#8d5d2b1a;color:#7b5127;font-size:.78rem;font-weight:700}.guide-dialog-copy{margin:0;max-width:460px;color:#191610bd;font-size:.98rem;line-height:1.55}.guide-dialog-highlights{display:flex;flex-wrap:wrap;gap:8px}.guide-highlight-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffffc2;border:1px solid rgba(25,22,16,.08);color:#234f72;font-size:.82rem;font-weight:700}.guide-dialog-close{flex:0 0 auto}@keyframes guide-dialog-slide-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}.sample-data-card{padding:16px;border-radius:22px;background:linear-gradient(135deg,#fff8eff0,#f5ead8e0);border:1px solid rgba(141,93,43,.16)}.guide-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.guide-card-heading h2{margin:4px 0 0;font-size:1.7rem;line-height:1.05;letter-spacing:-.04em}.guide-card-heading p{margin:0;padding-top:4px;color:#19161094;font-size:.88rem;font-weight:700;text-align:right}.guide-section-label{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#285f861f;color:#265a80;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sample-data-copy{margin:0;color:#191610bd;font-size:.96rem;line-height:1.55}.sample-data-meta,.sample-data-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.guide-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffffc2;border:1px solid rgba(25,22,16,.08);color:#191610c2;font-size:.82rem}.guide-accordion{border-radius:22px;border:1px solid rgba(25,22,16,.08);background:#ffffffad;overflow:hidden}.guide-accordion summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;list-style:none;font-weight:700;background:linear-gradient(135deg,#fffcf8f0,#f5efe6db)}.guide-accordion summary::-webkit-details-marker{display:none}.guide-summary-copy{display:grid;gap:6px}.guide-summary-label{display:inline-flex;width:fit-content;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#8d5d2b1a;color:#7b5127;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.guide-summary-title{font-size:1.22rem;line-height:1.15;letter-spacing:-.03em;color:#191610}.guide-summary-hint{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#ffffffb8;color:#191610ad;font-size:.8rem;font-weight:700;text-align:right}.guide-accordion-content{display:grid;gap:12px;padding:0 16px 16px}.guide-step-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.guide-step-item{--guide-tone: #2d668e;--guide-tone-soft: rgba(45, 102, 142, .14);--guide-tone-border: rgba(45, 102, 142, .22);--guide-surface: linear-gradient(135deg, rgba(237, 246, 252, .98), rgba(225, 238, 247, .92));padding:16px 16px 18px;border-radius:18px;background:var(--guide-surface);border:1px solid var(--guide-tone-border);box-shadow:inset 5px 0 0 var(--guide-tone-soft),0 10px 22px #4134220d}.guide-step-topline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.guide-step-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:var(--guide-tone);color:#f8fbff;font-size:.74rem;font-weight:800;letter-spacing:.12em}.guide-step-focus{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:#ffffffb8;border:1px solid var(--guide-tone-border);color:var(--guide-tone);font-size:.8rem;font-weight:700}.guide-step-item strong{display:block;margin-bottom:8px;font-size:1.22rem;line-height:1.18;letter-spacing:-.02em}.guide-step-item p,.guide-command-card p{margin:0;color:#191610ad;font-size:.92rem;line-height:1.55}.guide-command-groups{gap:14px}.guide-command-group{--guide-tone: #2d668e;--guide-tone-soft: rgba(45, 102, 142, .14);--guide-tone-border: rgba(45, 102, 142, .22);--guide-surface: linear-gradient(135deg, rgba(237, 246, 252, .98), rgba(225, 238, 247, .92));display:grid;gap:10px;padding:14px;border-radius:20px;background:var(--guide-surface);border:1px solid var(--guide-tone-border);box-shadow:inset 0 1px #ffffffb8}.guide-command-heading{display:grid;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--guide-tone-border)}.guide-command-label{display:inline-flex;width:fit-content;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#ffffffb8;border:1px solid var(--guide-tone-border);color:var(--guide-tone);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.guide-command-heading h3{margin:6px 0 0;font-size:1.28rem;line-height:1.15;letter-spacing:-.03em}.guide-command-grid{display:grid;gap:12px}.guide-command-card{display:grid;gap:6px;padding:14px 15px;border-radius:18px;background:#ffffffc2;border:1px solid var(--guide-tone-border);box-shadow:inset 4px 0 0 var(--guide-tone-soft)}.guide-command-card strong{font-size:1rem;line-height:1.25}.guide-command-token{display:inline-flex;width:fit-content;padding:5px 9px;border-radius:999px;background:var(--guide-tone-soft);color:var(--guide-tone);font-family:IBM Plex Mono,Cascadia Code,Consolas,monospace;font-size:.8rem;font-weight:700}.batch-table{display:grid;gap:10px;max-height:320px;overflow:auto;padding-right:4px}.batch-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border-radius:18px;background:#ffffffb3;border:1px solid rgba(25,22,16,.08)}.batch-row-active{border-color:#2d668e57;box-shadow:0 10px 24px #183b531a}.batch-row-main{display:grid;gap:4px;min-width:0}.batch-row-main strong,.batch-row-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-row-main span{color:#19161099;font-size:.9rem}.batch-row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.preview-image,.empty-preview{width:100%;height:calc(100% - 56px);min-height:150px;border-radius:20px;background:#0d0c0a}.preview-image{object-fit:contain}.empty-preview{display:grid;place-items:center;color:#ffffff9e}.error-box{margin-top:16px;padding:12px 14px;border-radius:16px;background:#bc4a211f;color:#8f3518}@media(max-width:1100px){.studio-hero,.studio-grid,.preview-row,.comparison-grid{grid-template-columns:1fr}.download-actions{flex-direction:column}}@media(max-width:720px){body{overflow:auto}.hero-title-row{flex-direction:column;align-items:flex-start}.guide-dialog-backdrop{padding:12px;justify-items:stretch}.guide-dialog{width:100%;height:calc(100vh - 24px);padding:14px;border-radius:24px}.guide-dialog-header,.guide-card-heading{flex-direction:column;align-items:flex-start}.hero-title-en{display:block;margin-left:0;margin-top:6px}.studio-shell{padding:16px;height:auto;overflow:visible}.config-grid,.metrics-strip,.mode-switcher,.model-info-grid,.toggle-field,.batch-row{grid-template-columns:1fr}.batch-row-actions,.download-actions,.sample-data-actions{justify-content:stretch;flex-direction:column}.guide-accordion summary{flex-direction:column;align-items:flex-start}.guide-summary-hint{text-align:left}}