@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:400;line-height:1.5;color:#13343f;background:#eef4f0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,#ffe6b8,transparent 45%),radial-gradient(circle at 85% 20%,#caf0ff,transparent 35%),radial-gradient(circle at 10% 90%,#c6f6df,transparent 33%),#eef4f0}#root{min-height:100vh;padding:20px}textarea,code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.app-shell{margin:0 auto;max-width:1440px}.hero{margin-bottom:20px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#fff4dd,#dff7ef 60%,#dbf1ff);border:1px solid #c6d8de}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hero h1{margin:10px 0 8px;font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.02em;color:#0f2a34}.tag{display:inline-block;margin:0;padding:6px 10px;border-radius:999px;background:#0f2a34;color:#f9fff6;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.lead{margin:0;max-width:70ch;color:#335765}.language-switch{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid #b9cdd4;background:#f7fdff}.language-switch span{font-size:.74rem;color:#294956}.language-select{border:1px solid #aac1c9;border-radius:999px;background:#fcfeff;color:#10333f;padding:3px 10px;font-size:.76rem}.community-links{margin:10px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#335765;font-size:.82rem}.community-links a{color:#1d5f71;font-weight:600;text-decoration:underline;text-underline-offset:2px}.workflow{margin:14px 0 0;padding-left:18px;display:grid;gap:4px;color:#3d6170;font-size:.84rem}.workflow li{opacity:.56}.workflow li.active{opacity:1;color:#103946;font-weight:600}.workspace{display:grid;grid-template-columns:1.2fr .9fr 1.2fr;gap:16px}.panel{background:#ffffffdb;border:1px solid #c5d3d9;border-radius:20px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel h2{margin:0 0 12px;color:#133844;font-size:1.05rem}.panel h3{margin:0 0 10px;color:#1a4755;font-size:.92rem}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.meta{margin:0 0 10px;font-size:.85rem;color:#376070}.hint{margin:10px 0 0;font-size:.8rem;color:#345865}.hint a{color:#1d5f71;font-weight:600;text-decoration:underline;text-underline-offset:2px}.project-panel{display:grid;gap:10px}.project-panel label{display:grid;gap:6px;font-size:.84rem;color:#244a57}.github-loader{display:grid;gap:8px;border:1px solid #c7d6dc;border-radius:12px;padding:10px;background:#f6fbfd}.github-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.project-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.project-summary p{margin:0;padding:8px 10px;border-radius:10px;border:1px solid #c2d2d8;background:#f5fafc;font-size:.8rem;color:#315766}.path-input,.external-editor{width:100%;border-radius:10px;border:1px solid #aac1c9;padding:8px 10px;background:#fcfeff;color:#11303a}.external-editor{resize:vertical;min-height:78px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem}.file-list{border:1px solid #c2d2d8;border-radius:12px;background:#f7fbfc;padding:10px}.file-list ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:240px;overflow:auto}.file-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 8px;border-radius:8px;background:#fff;border:1px solid #d9e5ea}.file-list li code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;color:#1d4655}.file-list li span{font-size:.74rem;color:#456979}.file-list .empty{margin:0;font-size:.84rem;color:#577886}.code-editor{width:100%;min-height:420px;resize:vertical;border-radius:14px;border:1px solid #b5c9cf;background:#f8fbfd;color:#0f2831;padding:12px;font-size:.86rem;line-height:1.55}.code-editor:focus{outline:2px solid #3aa5be;border-color:transparent}.options .grid{display:grid;gap:10px}.options .two{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}.options label{display:grid;gap:6px;font-size:.84rem;color:#264d59}.options select,.options input[type=number]{width:100%;border-radius:10px;border:1px solid #aac1c9;padding:8px 10px;background:#fcfeff;color:#11303a}.inline-toggle{display:flex;align-items:center;gap:8px;border:1px solid #b5cbd1;border-radius:10px;padding:8px 10px;background:#f2fafc}.inline-toggle input{margin:0}.actions{display:flex;gap:10px;margin-top:10px}.actions button,.small-actions button,.import-button,.secondary{border:0;border-radius:12px;padding:9px 14px;font-weight:600;cursor:pointer;transition:transform .14s ease,filter .14s ease}.actions button:not(:disabled):hover,.small-actions button:not(:disabled):hover,.import-button:hover,.secondary:not(:disabled):hover{transform:translateY(-1px);filter:brightness(.98)}.actions button:disabled,.small-actions button:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.actions .primary{background:#1d5f71;color:#f3fcff}.actions .accent{background:#ef7b43;color:#fff9f2}.secondary{justify-self:start;display:inline-flex;align-items:center;justify-content:center;background:#e8eef8;color:#1c4869;border:1px solid #b8cbdd}.advanced-panel{margin-top:10px;border:1px solid #c4d4da;border-radius:14px;background:#f7fbfc}.advanced-panel summary{list-style:none;cursor:pointer;padding:10px 12px;font-size:.86rem;font-weight:600;color:#1d4655}.advanced-panel summary::-webkit-details-marker{display:none}.advanced-panel summary:after{content:"+";float:right;font-weight:700}.advanced-panel[open] summary:after{content:"−"}.advanced-content{padding:0 12px 12px;display:grid;gap:10px}.advanced-content .hint.compact{margin-top:-2px}.small-actions{display:flex;gap:8px}.small-actions button{background:#e7f2f7;color:#204856}.import-button{display:inline-flex;align-items:center;justify-content:center;background:#e9f6ef;color:#205543;border:1px solid #b7d7c8;font-size:.84rem}.import-button input{display:none}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin-top:10px}.stats p{margin:0;font-size:.82rem;color:#2e505d}.error{margin:10px 0 0;color:#b32020;font-size:.84rem}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.hero-top{align-items:flex-start}.code-editor{min-height:300px}.project-summary,.github-row{grid-template-columns:1fr}}