.mas-body{background:#fff8dc!important;height:100vh!important;overflow:hidden!important}.mas-page{height:100vh;display:flex;overflow:hidden}.mas-panel-left{background:linear-gradient(160deg,#fff5e0 0%,#ffe8a0 50%,#ffd96020 100%);border-left:1px solid #ffa5002e;flex-direction:column;flex-shrink:0;order:2;justify-content:center;align-items:center;gap:14px;width:580px;padding:16px 24px;display:flex;position:relative;overflow:hidden}.mas-panel-left:before{content:"";pointer-events:none;background-image:linear-gradient(#c8780024 1px,#0000 1px),linear-gradient(90deg,#c8780024 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.mas-panel-left:after{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(#ffa5001f,#0000 65%);width:300px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mas-live-badge{z-index:2;color:#16a34a;letter-spacing:.04em;text-transform:uppercase;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:50px;align-items:center;gap:8px;padding:6px 16px;font-size:.78rem;font-weight:700;display:inline-flex;position:relative}.mas-live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite masPulse;display:block;box-shadow:0 0 #22c55e66}@keyframes masPulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.mas-phone-wrap{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.mas-phone-body{aspect-ratio:9/20;background:linear-gradient(160deg,#2c2520,#1a1510,#221d18);border:2px solid #ffa50033;border-radius:46px;width:auto;min-width:297px;max-width:460px;height:clamp(660px,100vh - 80px,980px);position:relative;box-shadow:0 40px 100px #00000073,0 0 0 1px #ffffff0a,inset 0 1px #ffffff1a,inset 0 -1px #00000059}.mas-phone-body:after{content:"";pointer-events:none;background:linear-gradient(155deg,#ffffff12,#0000 60%);border-radius:38px 38px 0 0;width:28%;height:45%;position:absolute;top:0;left:12%}.mas-phone-btn{background:linear-gradient(#2e2822,#1e1a16);border-radius:2px;position:absolute}.mas-vol-up{width:3px;height:6%;top:18%;left:-3px}.mas-vol-down{width:3px;height:6%;top:27%;left:-3px}.mas-power{width:3px;height:9%;top:22%;right:-3px}.mas-phone-island{z-index:10;background:#0a0800;border-radius:16px;width:33%;height:4%;min-height:24px;position:absolute;top:1.8%;left:50%;transform:translate(-50%)}.mas-phone-screen{background:#fff;border-radius:36px;position:absolute;inset:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.mas-phone-screen iframe{border:none;width:100%;height:100%;display:block}.mas-loading-overlay{z-index:5;background:#fff;border-radius:36px;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.mas-loading-overlay.mas-loaded{opacity:0;pointer-events:none}.mas-spinner{border:3px solid #ffa50026;border-top-color:orange;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite masSpinner}@keyframes masSpinner{to{transform:rotate(360deg)}}.mas-phone-glow{filter:blur(24px);background:#ff8c0038;border-radius:50%;width:220px;height:50px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.mas-open-fs{z-index:2;color:#7a4a00;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #ffa50040;border-radius:50px;align-items:center;gap:7px;padding:8px 20px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;position:relative}.mas-open-fs:hover{color:#4d2e00;background:#ffffffd9;transform:translateY(-2px);box-shadow:0 6px 18px #b4780026}.mas-panel-right{background:linear-gradient(135deg,#fffbef 0%,#fff8dc 50%,#fff5d6 100%);flex-direction:column;flex:1;order:1;gap:16px;min-width:0;padding:28px 52px 28px 48px;display:flex;overflow:hidden}.mas-right-topbar{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.mas-back{color:#a05a00;align-items:center;gap:8px;padding:6px 0;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.mas-back:hover{color:#6b3e00;transform:translate(-3px)}.mas-gh-btn{color:#e8d5a0;background:#140e00d9;border:1px solid #ffa5002e;border-radius:50px;align-items:center;gap:8px;padding:8px 20px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.mas-gh-btn:hover{color:gold;background:#0d0a00;border-color:#ffd70059;transform:translateY(-1px)}.mas-app-identity{flex-shrink:0}.mas-app-title{background:linear-gradient(135deg,#3d2800 0%,#7a5200 55%,#c87800 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:2.4rem;font-weight:800;line-height:1.1}.mas-app-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.mas-chip{color:#6b3e00;letter-spacing:.01em;background:#ffffffbf;border:1px solid #ffa50040;border-radius:50px;padding:5px 14px;font-size:.78rem;font-weight:600}.mas-app-desc{color:#3c260099;max-width:600px;margin:0;font-size:.9rem;line-height:1.6}.mas-creds-row{flex-shrink:0;gap:12px;display:flex}.mas-cred{border-radius:12px;flex:1;align-items:center;gap:12px;min-width:0;padding:12px 16px;display:flex}.mas-cred-admin{background:#ffa50012;border:1px solid #ffa50033}.mas-cred-user{background:#6366f10d;border:1px solid #6366f12e}.mas-cred-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;display:flex}.mas-cred-admin .mas-cred-icon{color:#b36a00;background:#ffa5001f;border:1px solid #ffa50033}.mas-cred-user .mas-cred-icon{color:#4f46e5;background:#6366f11a;border:1px solid #6366f133}.mas-cred-body{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.mas-cred-role{text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700}.mas-cred-admin .mas-cred-role{color:#b36a00}.mas-cred-user .mas-cred-role{color:#4f46e5}.mas-cred-body code{color:#3d2800;font-family:Fira Code,Courier New,monospace;font-size:.8rem;font-weight:600}.mas-cred-note{color:#3c260073;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.mas-readme-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffa50038;border-radius:18px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 2px 16px #b4780012,inset 0 1px #ffffffd9}.mas-readme-card-header{background:#ffa5000f;border-bottom:1px solid #ffa50024;flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 20px;display:flex}.mas-readme-card-title{color:#3d2800;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.mas-readme-card-title i{color:#b36a00}.mas-readme-packages{color:#3c260066;letter-spacing:.02em;font-family:Fira Code,monospace;font-size:.72rem}.mas-readme-scroll{flex-direction:column;flex:1;gap:24px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.mas-readme-scroll::-webkit-scrollbar{width:5px}.mas-readme-scroll::-webkit-scrollbar-track{background:0 0}.mas-readme-scroll::-webkit-scrollbar-thumb{background:#ffa5004d;border-radius:4px}.mas-readme-scroll::-webkit-scrollbar-thumb:hover{background:#ffa50080}.mas-readme-section{flex-direction:column;gap:10px;display:flex}.mas-readme-section h3{text-transform:uppercase;letter-spacing:.08em;color:#b36a00;border-bottom:1px solid #ffa50024;margin:0;padding-bottom:8px;font-size:.82rem;font-weight:700}.mas-rm-note{color:#3c260099;margin:0;font-size:.83rem;line-height:1.6;text-align:left!important}.mas-rm-note strong{color:#3d2800}.mas-rm-note code{color:#b35a00;background:#ffa5001a;border-radius:4px;padding:1px 6px;font-family:Fira Code,monospace;font-size:.8rem}.mas-layers{border:1px solid #ffa50033;border-radius:12px;flex-direction:column;gap:0;display:flex;overflow:hidden}.mas-layer{border-bottom:1px solid #ffa5001f;align-items:center;gap:16px;padding:10px 14px;display:flex}.mas-layer:last-child{border-bottom:none}.mas-l-presentation{background:#ffc85014}.mas-l-data{background:#ffa5001a}.mas-l-domain{background:#ff8c0024}.mas-layer-name{color:#3d2800;min-width:90px;font-size:.78rem;font-weight:700}.mas-layer-chips{flex-wrap:wrap;gap:6px;display:flex}.mas-layer-chips span{color:#6b3e00;background:#ffffffb3;border:1px solid #ffa5002e;border-radius:20px;padding:2px 10px;font-size:.72rem;font-weight:600}.mas-layer-sep{color:#b4780059;background:#ffa5000a;border-bottom:1px solid #ffa50014;justify-content:center;align-items:center;padding:2px 0;font-size:.65rem;display:flex}.mas-code-block{background:#12100a;border:1px solid #ffa5001a;border-radius:10px;overflow:hidden}.mas-code-dots{border-bottom:1px solid #ffffff0d;gap:5px;padding:10px 14px 8px;display:flex}.mas-code-dots span{border-radius:50%;width:10px;height:10px;display:block}.mas-code-dots span:first-child{background:#ff5f57}.mas-code-dots span:nth-child(2){background:#ffbd2e}.mas-code-dots span:nth-child(3){background:#28c840}.mas-code-block pre{margin:0;padding:12px 16px;overflow-x:auto}.mas-code-block code{color:#ffe18cd9;white-space:pre;font-family:Fira Code,Courier New,monospace;font-size:.76rem;line-height:1.7}.mas-decisions{border:1px solid #ffa50026;border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden}.mas-decision{background:#ffffff80;border-bottom:1px solid #ffa5001a;gap:12px;padding:10px 14px;transition:background .2s;display:flex}.mas-decision:last-child{border-bottom:none}.mas-decision:hover{background:#fffc}.mas-d-q{color:#3d2800;flex-shrink:0;min-width:175px;padding-top:1px;font-size:.78rem;font-weight:700}.mas-d-q code{color:#b35a00;background:#ffa5001a;border-radius:4px;padding:1px 5px;font-family:Fira Code,monospace;font-size:.75rem}.mas-d-a{color:#3c260099;font-size:.78rem;line-height:1.55}.mas-d-a code{color:#b35a00;background:#ffa5001a;border-radius:4px;padding:1px 5px;font-family:Fira Code,monospace;font-size:.75rem}@media (width<=1200px){.mas-panel-left{width:500px}.mas-panel-right{padding:24px 36px}.mas-app-title{font-size:2rem}}@media (width<=960px){.mas-body{height:auto!important;overflow:auto!important}.mas-page{flex-direction:column;height:auto}.mas-panel-right{order:1;height:auto;padding:28px 20px 20px;overflow:visible}.mas-panel-left{border-top:1px solid #ffa5002e;border-left:none;order:2;gap:16px;width:100%;height:auto;min-height:600px;padding:24px 24px 32px}.mas-phone-wrap{flex:1;width:100%;min-height:0}.mas-phone-body{width:clamp(260px,55vw,320px);min-width:260px;max-width:320px;height:auto}.mas-readme-card{flex:none;height:420px}.mas-app-title{font-size:1.9rem}.mas-app-desc{font-size:.85rem}}@media (width<=600px){.mas-panel-left{min-height:520px;padding:16px 16px 24px}.mas-panel-right{padding:20px 16px 16px}.mas-app-title{font-size:1.55rem}.mas-readme-packages{display:none}.mas-readme-card{height:360px}.mas-app-tags{gap:6px}.mas-chip{padding:4px 11px;font-size:.72rem}.mas-phone-body{width:clamp(240px,70vw,290px)}}