@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#eef3f5;background:#101319;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#create-app{width:100vw;height:100vh;position:relative;overflow:hidden}#create-app canvas{width:100%;height:100%;display:block}.story{z-index:2;pointer-events:none;position:absolute;top:max(54px,5.5%);left:4.5%}.brand,.hint,.command-context,.command-key,.reset,.variant-labels{letter-spacing:.12em;font-family:DM Mono,monospace}.brand{letter-spacing:.24em;font-size:12px;font-weight:500}.brand span{color:#ff5364}.brand small{color:#81929b;letter-spacing:.16em;font-size:9px}.story h1{letter-spacing:-.06em;margin:26px 0 0;font-size:clamp(40px,5vw,68px);font-weight:500;line-height:.94}.hint{z-index:2;color:#91a1aa;pointer-events:none;font-size:10px;transition:opacity .5s;position:absolute;top:58%;left:4.5%}#create-app:not([data-state=intent]) .hint{opacity:.38}.command-wrap{z-index:4;background:#121920eb;border:1px solid #36434d;width:min(520px,100vw - 40px);padding:12px 15px 13px;position:absolute;bottom:5.5%;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #0006}.command-context{color:#8799a4;align-items:center;gap:8px;font-size:8px;display:flex}.command-context i{background:#79bfff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #79bfff88}.command-wrap button{color:#f0f3f3;text-align:left;letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;width:100%;margin-top:7px;padding:3px 0;font-size:clamp(15px,2vw,19px);display:block}.command-wrap button:hover,.command-wrap button:focus-visible{color:#fff;outline:none}.command-key{color:#71818b;font-size:8px;position:absolute;bottom:14px;right:15px}.reset{z-index:3;color:#9eabb2;letter-spacing:.12em;cursor:pointer;background:#141a20d9;border:1px solid #394650;padding:9px 12px;font:9px DM Mono,monospace;position:absolute;bottom:5.8%;left:4.5%}.reset:hover,.reset:focus-visible{color:#fff;border-color:#ff5364;outline:none}.input-area{z-index:4;justify-items:end;gap:7px;font-family:DM Mono,monospace;display:grid;position:absolute;bottom:5.2%;right:4.5%}.input-title{color:#8799a2;letter-spacing:.16em;font-size:8px}.input-options{align-items:center;gap:8px;display:flex}.input-mode{color:#d2dcdf;letter-spacing:.04em;white-space:nowrap;background:#121920df;border:1px solid #34434b;gap:3px;padding:8px 11px;font-size:9px;display:grid}.input-mode strong{font-weight:500}.input-mode small{color:#8799a2;letter-spacing:.1em;text-transform:uppercase;font-size:7px}.input-options button{color:#dceeff;letter-spacing:.09em;cursor:pointer;background:#15232d;border:1px solid #79bfff;min-width:132px;padding:9px 12px;font:9px DM Mono,monospace;transition:background .14s,color .14s,box-shadow .14s}.input-options button:hover:not(:disabled),.input-options button:focus-visible{color:#fff;background:#203849;outline:none;box-shadow:0 0 16px #79bfff35}.input-options button:disabled{opacity:.55;cursor:wait}.input-status{color:#91a1aa;letter-spacing:.09em;font:8px DM Mono,monospace}.variant-labels{z-index:2;color:#9eabb2;pointer-events:none;justify-content:space-between;width:min(850px,78vw);font-size:9px;display:flex;position:absolute;bottom:21%;left:50%;transform:translate(-50%)}[hidden]{display:none!important}@media (width<=700px){.story{top:4%}.story h1{margin-top:18px;font-size:42px}.hint{max-width:70%;font-size:8px;top:43%}.command-wrap{bottom:calc(4% + 58px)}.command-wrap button{max-width:calc(100% - 70px)}.reset{bottom:4%;left:4%}.input-area{bottom:4%;right:4%}.input-mode{padding:7px 8px;font-size:8px}.input-options button{min-width:125px}.variant-labels{width:92vw;font-size:7px;bottom:20%}}