*{box-sizing:border-box}.top-bar{background-color:#333;color:#fff;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1000}.logo{font-size:1.5rem;font-weight:700}.error-banner,.success-banner{width:100%;padding:10px 20px;text-align:center;position:fixed;top:50px;left:0;z-index:999}.error-banner{background-color:#ffdede;color:#d8000c;border-bottom:1px solid #d8000c}.success-banner{background-color:#90ee90;color:green;border-bottom:1px solid green}.app-container{display:flex;justify-content:center;align-items:flex-start;flex-direction:row;gap:20px;padding-top:100px;min-height:100vh;background-color:#f7f7f7;flex-wrap:wrap;padding-bottom:20px}.editor-container,.button-container{margin-top:20px}.editor-container{flex:1;max-width:500px;height:500px}.button-container{display:flex;flex-direction:column;justify-content:start;gap:20px;padding:0 20px}.button{padding:10px 20px;font-size:1rem;background-color:#5c6bc0;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.button:hover{background-color:#3949ab}@media (max-width: 768px){.app-container{flex-direction:column;align-items:center;padding-top:70px}.editor-container,.button-container{width:calc(100% - 40px)}.error-banner,.success-banner{top:40px}}.footer{text-align:center;width:100%;padding:10px 0;background-color:#333;color:#fff;position:absolute;bottom:0;left:0;font-size:.9rem}body,html{margin:0;padding:0 0 40px;min-height:100%;position:relative}@media (max-width: 768px){.footer{padding:10px}}.privacy-policy{margin:30px}.info-container{background-color:#fff;color:#333;padding:20px;margin:20px 0;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:800px;word-wrap:break-word}.info-container h2{margin-top:0;color:#5c6bc0;font-size:1.5rem}.info-container p,.info-container ul{line-height:1.6;font-size:1rem}.info-container ul{padding-left:20px}.info-container li{margin-bottom:10px}