:root{color-scheme:light;--sx-bg: 48 33% 98%;--sx-fg: 30 10% 15%;--sx-card: 48 33% 99%;--sx-card-fg: 30 10% 15%;--sx-border: 40 15% 90%;--sx-border-strong: 40 12% 82%;--sx-accent: 43 85% 49%;--sx-accent-fg: 43 90% 10%;--sx-danger: 0 72% 45%;--sx-success: 142 58% 32%;--sx-radius-sm: .375rem;--sx-radius-md: .5rem;--sx-radius-lg: .75rem;--sx-shadow-elevation-1: 0 1px 2px rgba(53, 45, 35, .05), 0 1px 3px rgba(53, 45, 35, .07);--sx-shadow-elevation-2: 0 2px 4px rgba(53, 45, 35, .05), 0 4px 8px rgba(53, 45, 35, .07);--sx-shadow-elevation-3: 0 4px 8px rgba(53, 45, 35, .07), 0 8px 16px rgba(53, 45, 35, .09);--sx-shadow-elevation-4: 0 8px 16px rgba(53, 45, 35, .09), 0 16px 32px rgba(53, 45, 35, .11);font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.45;font-weight:400}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;color:hsl(var(--sx-fg));background-color:hsl(var(--sx-bg));background-image:radial-gradient(circle at 85% 8%,hsl(var(--sx-accent) / .09),transparent 28%),radial-gradient(circle at 14% 88%,hsl(38 35% 82% / .38),transparent 34%)}a{color:inherit}.app-shell{min-height:100%}.app-shell__inner{margin:0 auto;max-width:1120px;padding:1.5rem 1rem 2rem;display:grid;gap:1rem}.app-shell--workspace .app-shell__inner{max-width:768px;padding:1.5rem}.app-shell--immersive .app-shell__inner{max-width:none;width:100%;padding:0;gap:0}.app-main{display:grid;gap:1rem}.app-shell--immersive .app-main{gap:0}.sx-page{display:grid;gap:1rem}.sx-page--workspaces{max-width:768px}.sx-page--import,.sx-page--graph{min-height:100vh;width:100%;padding:1.5rem 1rem;align-content:start}.sx-page--import{padding-top:3.8rem}.sx-page--graph{padding-top:0}.sx-page--import .sx-card,.sx-page--graph .sx-card{width:100%;max-width:768px;margin:0 auto}.sx-page--graph .sx-card{max-width:794px}.sx-page--import .sx-actions,.sx-page--graph .sx-actions{width:100%;max-width:768px;margin:0 auto}.sx-page--graph .sx-actions{max-width:794px}.sx-page--import .sx-page-header,.sx-page--graph .sx-page-header{width:100%;max-width:768px;margin:0 auto}.sx-page--import .sx-input{max-width:295px}.sx-page--import .sx-textarea{max-width:560px}.sx-page--graph .sx-input{max-width:240px}.sx-page-header{display:grid;gap:.3rem}.sx-page-header h2,.sx-page-title{margin:0;font-size:1.45rem;line-height:1.2}.sx-page-subtitle{margin:0;font-size:.92rem;color:hsl(var(--sx-fg) / .72)}.sx-card{border:1px solid hsl(var(--sx-border));border-radius:var(--sx-radius-md);background:hsl(var(--sx-card));color:hsl(var(--sx-card-fg));box-shadow:var(--sx-shadow-elevation-2);padding:1rem}.sx-card--elevated{box-shadow:var(--sx-shadow-elevation-3)}.sx-card h3{margin:0;font-size:1.03rem}.sx-stack{display:grid;gap:.8rem}.sx-grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem}.sx-actions{display:flex;flex-wrap:wrap;gap:.55rem}.sx-field{display:grid;gap:.3rem}.sx-field label{display:grid;gap:.3rem;width:100%}.sx-label{font-size:.84rem;font-weight:600}input,textarea,button{font:inherit}.sx-input,.sx-textarea{width:100%;border:1px solid hsl(var(--sx-border-strong));border-radius:var(--sx-radius-sm);background:hsl(var(--sx-card));color:hsl(var(--sx-fg));box-shadow:inset 0 1px 2px #0000000f;padding:.5rem .75rem;transition:all .15s ease-out}.sx-input{height:38px}.sx-textarea{min-height:148px;resize:vertical}.sx-input::placeholder,.sx-textarea::placeholder{color:hsl(var(--sx-fg) / .45)}.sx-input:focus,.sx-textarea:focus{outline:none;border-color:hsl(var(--sx-accent) / .72);box-shadow:inset 0 1px 2px #0000000f,0 0 0 3px hsl(var(--sx-accent) / .15)}.sx-checkbox-row{display:flex;align-items:center;gap:.5rem}.sx-checkbox-row input{width:auto}.sx-btn{border:1px solid hsl(var(--sx-border-strong) / .8);border-radius:var(--sx-radius-sm);background:hsl(var(--sx-card));color:hsl(var(--sx-fg));box-shadow:var(--sx-shadow-elevation-1);min-height:38px;padding:.5rem .8rem;font-size:.88rem;line-height:1.1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;text-decoration:none;transition:all .15s ease-out;cursor:pointer}.sx-btn:hover{border-color:hsl(var(--sx-border-strong));box-shadow:var(--sx-shadow-elevation-2);transform:translateY(-1px)}.sx-btn:active{transform:translateY(0);box-shadow:var(--sx-shadow-elevation-1)}.sx-btn:focus-visible{outline:none;box-shadow:0 0 0 3px hsl(var(--sx-accent) / .16),var(--sx-shadow-elevation-2)}.sx-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--sx-shadow-elevation-1)}.sx-btn--primary{border-color:hsl(var(--sx-accent));background:linear-gradient(180deg,#edb21d,#d59515);color:#302303;font-weight:620;box-shadow:0 2px 8px hsl(var(--sx-accent) / .35),inset 0 1px #ffe68040}.sx-btn--primary:hover{background:linear-gradient(180deg,#eeb72b,#df9c16);box-shadow:0 4px 12px hsl(var(--sx-accent) / .45),inset 0 1px #ffe6804d}.sx-btn--ghost{border-color:transparent;background:transparent;box-shadow:none;color:hsl(var(--sx-fg) / .72)}.sx-btn--ghost:hover{background:hsl(var(--sx-fg) / .06);color:hsl(var(--sx-fg));box-shadow:none}.sx-btn--sm{font-size:.75rem;min-height:28px;padding:.3rem .55rem}.sx-btn--icon{width:2rem;height:2rem;padding:0;min-height:2rem}.sx-link-button{display:inline-flex}.sx-error,.error{margin:0;font-size:.83rem;color:hsl(var(--sx-danger))}.sx-success,.ok{margin:0;font-size:.83rem;color:hsl(var(--sx-success))}.muted{margin:0;font-size:.83rem;color:hsl(var(--sx-fg) / .68)}.sx-inline-mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.79rem;color:hsl(var(--sx-fg) / .82)}.json-box{margin:0;padding:.75rem;border-radius:var(--sx-radius-sm);border:1px solid hsl(var(--sx-border));background:#393028;color:#f4eedc;overflow:auto;max-height:280px}@media(max-width:860px){.sx-page--import .sx-card,.sx-page--graph .sx-card,.sx-page--import .sx-actions,.sx-page--graph .sx-actions,.sx-page--import .sx-page-header,.sx-page--graph .sx-page-header,.sx-page--import .sx-input,.sx-page--graph .sx-input,.sx-page--import .sx-textarea{max-width:none}}@media(max-width:640px){.app-shell__inner{padding:1rem .75rem 1.5rem}.app-shell--workspace .app-shell__inner{padding:1rem}.app-shell--immersive .app-shell__inner{padding:0}.sx-page-title,.sx-page-header h2{font-size:1.25rem}.sx-page--import,.sx-page--graph{padding:.75rem}.sx-card{padding:.8rem}}