*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;overflow:hidden;background-color:#000;color:#fff}.view{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.hidden{display:none!important}#portrait-view{background-color:#1a1a1a}.controls-container{width:90%;max-width:500px;padding:20px}h1{text-align:center;margin-bottom:30px;color:red;font-size:2em}.control-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:700;color:#ccc}#message-input{width:100%;padding:10px;font-size:16px;border:2px solid #444;border-radius:5px;background-color:#2a2a2a;color:#fff;resize:vertical}#message-input:focus{outline:none;border-color:red}#font-select{width:100%;padding:10px;font-size:16px;border:2px solid #444;border-radius:5px;background-color:#2a2a2a;color:#fff;cursor:pointer}#font-select:focus{outline:none;border-color:red}#color-picker{width:100%;height:50px;border:2px solid #444;border-radius:5px;cursor:pointer;background-color:#2a2a2a}.instruction{margin-top:30px;text-align:center;font-style:italic;color:#888}#landscape-view{background-color:#000;overflow:hidden;position:relative}#scrolling-text{white-space:nowrap;position:absolute;left:100%;animation:scroll-left 10s linear infinite;font-weight:700}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-100% - 100vw))}}@media(orientation:portrait){#portrait-view{display:flex!important}#landscape-view{display:none!important}}@media(orientation:landscape){#portrait-view{display:none!important}#landscape-view{display:flex!important}}