:root{--bg:#f4f4f4;--surface:#fff;--text:#1a1a1a;--text-muted:#5c5c5c;--border:#e0e0e0;--accent:#2563eb;--accent-hover:#1d4ed8;--shadow:0 2px 8px #00000014;color:var(--text);background:var(--bg);font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-top{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.shell-brand{color:var(--text);font-size:1.05rem;font-weight:600;text-decoration:none}.shell-brand:hover{color:var(--accent)}.shell-nav{align-items:center;gap:1rem;font-size:.95rem;display:flex}.shell-nav a{color:var(--text-muted);text-decoration:none}.shell-nav a:hover,.shell-nav a.active{color:var(--accent)}.shell-nav-muted{color:var(--text-muted);font-size:.9rem}.shell-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 2rem}.shell-main--embed{flex-direction:column;flex:1;max-width:none;min-height:0;margin:0;padding:0;display:flex}.embed-bfa{background:#1a1a1a;flex-direction:column;flex:1;min-height:calc(100vh - 52px);display:flex}.embed-bfa-toolbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:.5rem 1rem;font-size:.9rem;display:flex}.embed-bfa-toolbar a{font-weight:500;text-decoration:none}.embed-bfa-label{color:var(--text-muted);font-size:.85rem}.save-indicator{margin-left:.3rem}.save-indicator--saving{color:#936e00}.save-indicator--saved{color:#1f6f3f}.save-indicator--error{color:#b63232}.embed-bfa-frame{background:#231f20;border:none;flex:1;width:100%;min-height:560px}.home-intro h1{margin:0 0 .5rem;font-size:1.75rem}.home-intro p{color:var(--text-muted);max-width:42rem;margin:0 0 1.5rem}.home{flex-direction:column;min-height:calc(100vh - 7rem);display:flex}.home-primary{margin-bottom:1rem}.home-bfa-card{max-width:320px}.home-prototypes{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;margin-top:auto;padding-top:1.5rem;overflow:hidden}.home-prototypes-summary{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;padding:.85rem 1.1rem;font-size:1rem;font-weight:600;list-style:none}.home-prototypes-summary::-webkit-details-marker{display:none}.home-prototypes-summary:after{content:"▾";float:right;color:var(--text-muted);transition:transform .2s}.home-prototypes[open] .home-prototypes-summary:after{transform:rotate(180deg)}.home-prototypes-body{border-top:1px solid var(--border);flex-direction:column;gap:.35rem;padding:0 .75rem .85rem;display:flex}.home-prototype-link{color:var(--text);border:1px solid #0000;border-radius:10px;flex-direction:column;gap:.15rem;padding:.65rem .75rem;text-decoration:none;display:flex}.home-prototype-link:hover{background:color-mix(in srgb, var(--accent) 8%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.home-prototype-title{font-size:.95rem;font-weight:600}.home-prototype-desc{color:var(--text-muted);font-size:.82rem;line-height:1.35}.app-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.app-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.app-card h2{margin:0;font-size:1.25rem}.app-card p{color:var(--text-muted);flex:1;margin:0;font-size:.95rem}.app-card-btn{background:var(--accent);border-radius:8px;align-self:flex-start;margin-top:.5rem;padding:.45rem .9rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-block;color:#fff!important}.app-card-btn:hover{background:var(--accent-hover);color:#fff!important}.placeholder{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:36rem;padding:1.5rem}.placeholder-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .25rem;font-size:.8rem}.placeholder h1{margin:0 0 .75rem;font-size:1.35rem}.placeholder p{color:var(--text-muted);margin:0 0 1rem}.projects-page{max-width:42rem}.projects-header h1{margin:0 0 .5rem;font-size:1.75rem}.projects-subtitle{color:var(--text-muted);margin:0 0 1.5rem;font-size:.95rem;line-height:1.45}.projects-table-wrap{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.projects-table{border-collapse:collapse;width:100%;font-size:.95rem}.projects-table th,.projects-table td{text-align:left;border-bottom:1px solid var(--border);padding:.65rem 1rem}.projects-table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:color-mix(in srgb, var(--surface) 92%, var(--border));font-size:.8rem;font-weight:600}.projects-table tbody tr:last-child td{border-bottom:none}.projects-table tbody tr:hover td{background:color-mix(in srgb, var(--accent) 6%, transparent)}.projects-table-actions{white-space:nowrap;width:1%}.projects-name-link{color:var(--text);font-weight:500;text-decoration:none}.projects-name-link:hover{color:var(--accent);text-decoration:underline}.projects-open-link{color:var(--accent);font-size:.9rem;font-weight:500;text-decoration:none}.projects-open-link:hover{text-decoration:underline}.projects-create-btn,.projects-inline-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:.35rem .65rem}.projects-create-btn:hover,.projects-inline-btn:hover{border-color:var(--accent);color:var(--accent)}.projects-badge{border-radius:6px;padding:.2rem .5rem;font-size:.8rem;font-weight:600;display:inline-block}.projects-badge--prototype_1{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.projects-badge--prototype_2{color:#1f5a32;background:#2d7d4638}.embed-bfa--prototype2{min-height:calc(100vh - 52px)}.embed-toolbar-left,.embed-toolbar-right{align-items:center;gap:.5rem;display:flex}.embed-home-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:7px;padding:.25rem .6rem}.embed-home-btn:hover{border-color:var(--accent);color:var(--accent)}.embed-toolbar-right button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:.3rem .6rem}.prototype-tabs{border-bottom:1px solid var(--border);background:#f8f8f8;align-items:center;gap:.4rem;padding:.45rem .75rem;display:flex}.prototype-tabs button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:7px;padding:.35rem .7rem}.prototype-tabs button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.prototype-tab{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:.2rem;padding:.15rem .2rem .15rem .3rem;display:inline-flex}.prototype-tab.active{border-color:var(--accent)}.prototype-tab-main{background:0 0!important;border:none!important;padding:.2rem .35rem!important}.prototype-tab-close{color:var(--text-muted);font-size:1rem;line-height:1;background:0 0!important;border:none!important;padding:.05rem .25rem!important}.prototype-tab-close:hover{color:#b63232}.prototype-tab-input{border:1px solid var(--border);width:8rem;font:inherit;border-radius:6px;padding:.15rem .35rem;font-size:.85rem}.prototype-tabs .tab-add{font-weight:700}.prototype-tabs .tab-status{color:var(--text-muted);margin-left:.25rem;font-size:.85rem}.prototype-stage{flex:1;min-height:0;position:relative;overflow:hidden}.unity-stage-wrap{position:absolute;inset:0}.unity-stage-wrap .embed-bfa-frame{width:100%;height:100%;min-height:0;display:block}.unity-overlay{color:#fff;background:#14141473;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.unity-overlay--error{background:#781414c7}.right-panel{pointer-events:auto;z-index:30;display:flex;position:absolute;top:12px;bottom:12px;right:12px}.right-panel-strip{flex-direction:column;gap:.5rem;width:42px;display:flex}.right-panel-strip button{writing-mode:vertical-rl;border:1px solid var(--border);cursor:pointer;background:#fffffff5;border-radius:9px;padding:.5rem .2rem;font-size:.75rem;transform:rotate(180deg)}.right-panel-body{border:1px solid var(--border);background:#fffffffa;border-radius:12px;flex-direction:column;width:320px;margin-left:.5rem;display:flex;overflow:hidden;box-shadow:0 8px 30px #00000029}.right-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.right-panel-head button{cursor:pointer;background:0 0;border:none;font-size:1.2rem;line-height:1}.right-panel-content{flex:1;min-height:0;padding:.75rem;overflow:auto}.edu-method-row,.edu-elements-row{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.edu-method-row button,.edu-elements-row button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:.3rem .55rem;font-size:.8rem}.edu-method-row button.active,.edu-elements-row button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.edu-card{border:1px solid var(--border);background:#fff;border-radius:10px;padding:.65rem}.edu-card h4{margin:0 0 .5rem}.edu-card p{margin:0 0 .45rem;font-size:.9rem}.chat-panel{flex-direction:column;gap:.55rem;display:flex}.chat-messages{border:1px solid var(--border);background:#fff;border-radius:9px;flex-direction:column;gap:.5rem;min-height:220px;max-height:340px;padding:.5rem;display:flex;overflow:auto}.chat-msg{border-radius:9px;max-width:92%;padding:.45rem .6rem;font-size:.88rem;line-height:1.35}.chat-msg--user{background:color-mix(in srgb, var(--accent) 14%, #fff);align-self:flex-end}.chat-msg--assistant{background:#f5f5f6;align-self:flex-start}.chat-input-row{flex-direction:column;gap:.4rem;display:flex}.chat-input-row textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:72px;font:inherit;border-radius:9px;padding:.45rem .55rem}.chat-input-row button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:7px;align-self:flex-end;padding:.35rem .75rem}.chat-error{color:#b63232;margin:0;font-size:.83rem}.help-panel section{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:.55rem;padding:.6rem .65rem}.help-panel h4{margin:0 0 .35rem}.help-panel p{margin:0 0 .35rem;font-size:.9rem}.help-panel button{border:1px solid var(--border);background:#f4f4f4;border-radius:7px;padding:.35rem .6rem}.summary-panel{flex-direction:column;gap:.6rem;display:flex}.summary-intro{color:var(--text-muted);margin:0;font-size:.88rem}.summary-card{border:1px solid var(--border);background:#fff;border-radius:11px;padding:.62rem .68rem}.summary-card h4{margin:0 0 .42rem;font-size:.92rem}.summary-card ul{gap:.3rem;margin:0;padding-left:1.1rem;display:grid}.summary-card li{font-size:.86rem;line-height:1.35}.summary-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.35rem;margin-top:.45rem;display:grid}.summary-flow>div{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 5%, #fff);text-align:center;border-radius:8px;padding:.3rem .4rem;font-size:.79rem}.summary-flow>span{color:var(--text-muted);font-weight:700}.summary-card--markdown{flex-direction:column;gap:.35rem;display:flex}.summary-md-h2{margin:.2rem 0 .15rem;font-size:.98rem}.summary-md-h3{margin:.15rem 0 .05rem;font-size:.9rem}.summary-md-p{color:#232a34;margin:0;font-size:.86rem;line-height:1.35}.summary-md-ul{gap:.25rem;margin:0;padding-left:1.1rem;display:grid}.summary-md-ul li{font-size:.84rem;line-height:1.35}.summary-md-hr{border:none;border-top:1px solid var(--border);margin:.2rem 0}.bridge-debug-panel{color:#dfe6ef;z-index:120;background:#0a0c10f5;border:1px solid #29323f;border-radius:10px;width:min(520px,100vw - 24px);max-height:44vh;padding:.65rem;position:fixed;bottom:12px;right:12px;overflow:auto}.bridge-debug-panel h3{margin:0 0 .35rem;font-size:.95rem}.bridge-debug-panel p{margin:.25rem 0;font-size:.78rem}.bridge-debug-panel pre{white-space:pre-wrap;word-break:break-word;background:#111722;border:1px solid #2d3748;border-radius:8px;margin:.2rem 0 .5rem;padding:.45rem;font-size:.72rem}.bridge-debug-actions{flex-wrap:wrap;gap:.35rem;margin:.4rem 0 .5rem;display:flex}.bridge-debug-actions button{color:#dfe6ef;cursor:pointer;background:#1b2432;border:1px solid #3a4558;border-radius:6px;padding:.28rem .55rem;font-size:.75rem}.bridge-debug-actions button:hover{background:#243245;border-color:#556582}.bridge-debug-log{white-space:pre-wrap;word-break:break-word;color:#bcd4ff;background:#0b1018;border:1px solid #2d3748;border-radius:8px;max-height:220px;margin:.2rem 0 .5rem;padding:.45rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;line-height:1.35;overflow:auto}.bridge-debug-log .bridge-debug-log-empty{color:#4b5d78;font-style:italic}.bridge-debug-log-line{display:block}.bridge-debug-log-line--info{color:#9db4de}.bridge-debug-log-line--send{color:#7ee5a6}.bridge-debug-log-line--warn{color:#ffb457}.bridge-debug-log-line--error{color:#ff7d7d}