*{box-sizing:border-box}html,body,#root{color:#edf3ff;background:#070a10;height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}.app{background:radial-gradient(circle at 20% 0,#18233b 0,#070a10 42%,#05070c 100%);grid-template-rows:48px 52px 1fr;height:100%;display:grid}.tabs{background:#0a0f18;border-bottom:1px solid #ffffff12;align-items:center;gap:7px;padding:7px 9px;display:flex;overflow:auto}.tab{background:#ffffff07;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:8px;min-width:170px;max-width:260px;height:34px;padding:0 9px;display:flex}.tab.active{background:#172236;border-color:#ffffff20}.tab span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tab button,.icon,.newtab{background:#ffffff08;border:1px solid #ffffff12}.tab button{border-radius:7px;width:24px;height:24px}.newtab{border-radius:10px;min-width:34px;height:34px}.toolbar{background:#0d131e;border-bottom:1px solid #ffffff12;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.actions{gap:6px;display:flex}.icon{background:#151e2c;border-radius:10px;width:36px;height:36px}.icon:disabled{opacity:.35;cursor:default}.address{background:#080d15;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.address input{color:#eef4ff;background:0 0;border:0;outline:0;width:100%}.main{min-height:0;position:relative}.page{background:#fff;border:0;width:100%;height:100%}.panel{z-index:20;background:#0d1420;border:1px solid #ffffff18;border-radius:18px;width:min(390px,100% - 20px);padding:16px;position:absolute;top:10px;right:10px;box-shadow:0 20px 80px #0009}.panel h2{margin:0 0 12px}.menuGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.menuGrid button{text-align:left;background:#ffffff07;border:1px solid #ffffff12;border-radius:11px;padding:12px}.home{color:#111;max-width:1000px;margin:auto;padding:58px 22px 120px;font-family:system-ui}.home h1{letter-spacing:-3px;margin:22px 0 18px;font-size:clamp(44px,8vw,78px);line-height:.94}.home p{font-size:17px;line-height:1.65}.home button{color:#fff;background:#111;border:0;border-radius:12px;padding:11px 15px;font-weight:800}.badge{background:#f5f5f5;border:1px solid #ddd;border-radius:999px;padding:8px 12px;display:inline-block}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:30px;display:grid}.card{background:#fafafa;border:1px solid #ddd;border-radius:20px;padding:20px}.card h2{margin-top:0}.creator{background:#070b12;grid-template-columns:1fr 1fr;gap:10px;height:100%;padding:10px;display:grid}.editor,.previewWrap{background:#0b111b;border:1px solid #ffffff13;border-radius:16px;min-height:0;overflow:hidden}.editor{flex-direction:column;display:flex}.editor header,.previewWrap header{border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;height:42px;padding:0 12px;display:flex}.creatorControls{gap:8px;padding:12px;display:flex}.creatorControls input{color:#fff;background:#070b12;border:1px solid #ffffff14;border-radius:10px;flex:1;min-width:0;padding:10px}.creatorControls select{color:#fff;background:#101824;border-radius:10px;padding:10px}.creatorControls button,.noteHeader button{color:#111;background:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:800}.editor textarea,.code textarea{resize:none;color:#dce8ff;background:#070a10;border:0;outline:0;flex:1;width:100%;padding:15px;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.preview{background:#fff;border:0;width:100%;height:calc(100% - 42px)}.studio{background:#ffffff12;grid-template-columns:220px minmax(280px,1fr) minmax(280px,1fr);gap:1px;height:100%;display:grid}.studio aside,.studio .code{background:#0b1019;min-height:0;padding:14px}.studio aside button{text-align:left;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;width:100%;margin:4px 0;padding:10px}.studio iframe{background:#fff;border:0;width:100%;height:100%}.notes{height:100%;padding:20px}.noteHeader{align-items:center;gap:10px;height:45px;display:flex}.notes textarea{resize:none;color:#edf3ff;background:#0d131e;border:1px solid #ffffff13;border-radius:16px;outline:0;width:100%;height:calc(100% - 55px);padding:16px}.calc{background:#ffffff07;border:1px solid #ffffff15;border-radius:22px;max-width:390px;margin:35px auto;padding:18px}.display{text-align:right;background:#05070b;border-radius:14px;height:72px;padding:14px;font:28px ui-monospace,monospace;overflow:auto}.keys{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.keys button{background:#1b2638;border:0;border-radius:12px;height:56px}@media (width<=760px){.app{grid-template-rows:44px 96px 1fr}.toolbar{grid-template-columns:1fr auto}.toolbar>.actions:first-child{grid-column:1/3}.toolbar>.actions:first-child .icon:nth-child(2),.toolbar>.actions:first-child .icon:nth-child(3){display:none}.address{grid-column:1}.creator{grid-template-columns:1fr}.previewWrap{display:none}.studio{grid-template-columns:1fr}.studio aside{display:none}.tab{min-width:145px}.home{padding-top:35px}.panel{width:calc(100% - 12px);top:6px;right:6px}.creatorControls{flex-wrap:wrap}.creatorControls input{flex-basis:100%}}