@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Myanmar:wght@400;500;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:light;--page-bg: #f4efe5;--page-bg-warm: #f7f4ec;--surface: rgba(255, 252, 247, .9);--surface-strong: #fffdf8;--surface-tint: rgba(237, 243, 238, .9);--line: rgba(28, 35, 37, .1);--line-strong: rgba(28, 35, 37, .16);--ink: #16211f;--muted: #64706d;--accent: #215c4a;--accent-strong: #183e34;--accent-soft: rgba(33, 92, 74, .12);--error: #8b4235;--error-soft: rgba(139, 66, 53, .11);--shadow-sm: 0 14px 32px rgba(48, 56, 57, .07);--ui-font: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--body-font: "Noto Sans Myanmar", "Pyidaungsu", "Myanmar Text", sans-serif;--content-width: 1180px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--ui-font);background:radial-gradient(circle at top left,rgba(186,217,203,.64),transparent 34%),radial-gradient(circle at top right,rgba(244,221,187,.56),transparent 32%),linear-gradient(180deg,var(--page-bg) 0%,var(--page-bg-warm) 46%,#f1eee7 100%)}button,textarea{font:inherit}button{border:0;cursor:pointer}.split-page{min-height:100vh;padding:14px 16px 20px}.page-header,.workspace-shell{width:min(100%,var(--content-width));margin:0 auto}.page-header{display:grid;gap:8px}.title-bar,.info-pill,.pane-card,.technical-section,.alert-banner,.details-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.title-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:center;gap:10px;padding:12px 14px}.title-block{display:grid;gap:3px}.brand-kicker,.status-inline span,.info-pill span,.pane-eyebrow,.detail-block span{text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;color:var(--muted)}.title-block h1,.pane-header h2{margin:0;letter-spacing:-.05em;line-height:.98}.title-block h1{font-size:clamp(1.55rem,2.6vw,2.2rem)}.hero-copy{margin:0;max-width:52ch;color:var(--muted);font-size:.9rem;line-height:1.4}.status-inline{display:grid;gap:4px;align-content:start;padding:9px 11px;border-radius:14px;border:1px solid rgba(28,35,37,.08);background:linear-gradient(135deg,#ffffffb8,#e4efe8c2),var(--surface-tint)}.status-inline strong{font-size:.98rem;letter-spacing:-.02em;line-height:1.15}.status-inline p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.35}.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.info-pill{padding:9px 11px}.info-pill strong{display:block;margin-top:4px;font-size:.88rem;font-weight:600;color:var(--ink)}.workspace-shell{padding-top:8px}.alert-stack{display:grid;gap:8px;margin-bottom:12px}.alert-banner{padding:11px 13px;color:var(--error);background:var(--error-soft);border-color:#8b423533}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.technical-section{display:grid;gap:12px;margin-top:12px;padding:14px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.section-heading h2{margin:3px 0 0;letter-spacing:-.04em;line-height:.98;font-size:clamp(1.06rem,1.55vw,1.32rem)}.section-copy{margin:0;max-width:42ch;color:var(--muted);font-size:.82rem;line-height:1.42}.technical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.technical-item{padding:10px 11px;border:1px solid var(--line);border-radius:14px;background:#fffc}.technical-item span{text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;color:var(--muted)}.technical-item strong{display:block;margin-top:4px;font-size:.94rem;line-height:1.28}.technical-item p{margin:6px 0 0;color:var(--muted);font-size:.79rem;line-height:1.45}.pane-card{display:grid;gap:12px;padding:14px}.pane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.source-pane-header{align-items:flex-start}.source-pane-title{min-width:0;flex:1 1 auto}.source-pane-controls{display:grid;justify-items:end;gap:6px;flex:0 0 min(100%,320px);min-width:min(100%,320px)}.sample-picker{display:grid;gap:4px;min-width:0;width:100%}.sample-picker span{text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;color:var(--muted);text-align:right}.sample-select{min-height:32px;width:100%;max-width:320px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#ffffffe6;color:var(--ink);font-size:.8rem;line-height:1.2}.sample-select:focus{outline:none;border-color:#215c4a57;box-shadow:0 0 0 3px #215c4a14}.pane-header h2{margin-top:3px;font-size:clamp(1.1rem,1.7vw,1.42rem)}.pane-count,.status-pill,.stat-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 9px;border-radius:999px;font-size:.75rem}.pane-count{border:1px solid var(--line);color:var(--muted);background:#ffffffd6;justify-self:end}.editor-input,.result-surface{min-height:min(54vh,400px);border-radius:15px;border:1px solid var(--line);background:var(--surface-strong)}.editor-input{width:100%;padding:14px;resize:vertical;outline:none;color:var(--ink);font-family:var(--body-font);font-size:.98rem;line-height:1.72;box-shadow:inset 0 1px #fff9;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.editor-input:focus{border-color:#215c4a57;box-shadow:inset 0 1px #ffffffb3,0 0 0 4px #215c4a14}.editor-input::placeholder{color:#7a8581}.pane-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.helper-copy,.legend-copy{margin:0;color:var(--muted);font-size:.81rem;line-height:1.42}.helper-copy{max-width:33ch}.button-row,.result-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.primary-button,.secondary-button{min-height:38px;border-radius:999px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .14s ease,background .14s ease,opacity .14s ease,border-color .14s ease}.primary-button{background:var(--accent);color:#fff;box-shadow:0 8px 20px #215c4a2b}.primary-button:hover{transform:translateY(-1px);background:var(--accent-strong)}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary-button svg,.secondary-button svg{width:15px;height:15px}.secondary-button{border:1px solid var(--line);background:#ffffffdb;color:var(--ink)}.secondary-button:hover{transform:translateY(-1px);border-color:var(--line-strong)}.secondary-button.is-copy{padding-inline:11px 13px}.status-pill{border:1px solid transparent;font-weight:500}.status-pill.is-idle{background:#6f7c7a24;color:#51605d}.status-pill.is-working{background:#bf90452e;color:#8a6219}.status-pill.is-ready,.status-pill.is-clean{background:#34725324;color:#2f684c}.status-pill.is-stale{background:#bd834426;color:#8b5b1d}.status-pill.is-error{background:#8b423524;color:var(--error)}.result-surface{padding:14px;background:linear-gradient(180deg,#ffffffe0,#f4f8f5db),var(--surface-strong)}.result-surface.is-empty,.result-surface.is-loading{display:grid;align-content:center}.empty-panel-copy{margin:0;max-width:40ch;color:var(--muted);font-size:.9rem;line-height:1.5}.output-text,.detail-block pre{font-family:var(--body-font)}.output-text{white-space:pre-wrap;word-break:break-word;font-size:.98rem;line-height:1.75}.loading-line{height:10px;border-radius:999px;background:linear-gradient(90deg,#d5dcd6b3,#fffffff2,#d5dcd6b3);background-size:220% 100%;animation:shimmer 1.35s infinite linear}.loading-line+.loading-line{margin-top:9px}.loading-line.short{width:38%}.loading-line.medium{width:56%}.loading-line.long{width:88%}.result-footer{display:grid;gap:7px}.stat-pill{background:var(--accent-soft);color:#295542}.details-card{padding:9px 12px 12px;background:#fffdf8bd}.details-card summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;font-size:.88rem}.detail-block+.detail-block{margin-top:12px}.detail-block span{display:block;margin-top:12px}.detail-block pre{margin:6px 0 0;white-space:pre-wrap;word-break:break-word;line-height:1.62;font-size:.9rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@media (max-width: 1080px){.title-bar,.editor-grid,.technical-grid,.info-grid{grid-template-columns:1fr}.status-inline{max-width:460px}}@media (max-width: 720px){.split-page{padding:10px 10px 18px}.title-bar,.technical-section,.pane-card{padding:12px;border-radius:16px}.title-block h1{font-size:clamp(1.34rem,8vw,1.72rem)}.hero-copy{font-size:.84rem}.editor-input,.result-surface{min-height:280px;border-radius:14px}.editor-input,.output-text{font-size:.94rem}.pane-actions,.pane-header,.section-heading{flex-direction:column;align-items:stretch}.source-pane-controls{justify-items:stretch;min-width:100%;width:100%;flex-basis:auto}.sample-picker{min-width:100%}.sample-picker span{text-align:left}.sample-select{max-width:100%;width:100%}.pane-count,.result-toolbar{align-self:flex-start}.button-row{width:100%}.primary-button,.secondary-button{flex:1 1 auto}}