*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background:linear-gradient(to bottom right,#797878,#7b7979);color:#f0f8ff}.header{height:70px}h2{color:#252526}.container{max-width:800px;margin:60px auto;padding:30px 40px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:24px 32px;background-color:#131212;border-radius:12px}.container>.header,.footer{grid-column:span 2;text-align:center}.preview-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;background:#fff;border-radius:8px}form{display:flex;flex-direction:column;gap:8px}label{display:flex;flex-direction:column;font-weight:700;color:#e6dede;margin:0}input{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px}input[type=color]{padding:0;border:1px solid #ccc;border-radius:4px;width:50%}select{border:none;padding:6px}button{padding:10px 15px;border:none;border-radius:4px;background:#464444;color:#fff;font-size:16px;cursor:pointer}@media (max-width: 900px){.container{max-width:98vw;padding:20px 10px;gap:16px 12px}}@media (max-width: 600px){.header{height:80px}.header p{font-size:13px}.container{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;margin:30px 4vw;padding:16px 4vw;gap:12px 0}.container>.header,.footer{grid-column:span 1}.preview-section{padding:12px;min-height:180px}form{gap:6px}input,select,button{font-size:15px;padding:7px}}@media (max-width: 400px){.container{padding:8px 2vw;margin:10px 2vw}.preview-section{padding:8px}h2{font-size:18px}button{padding:8px 12px;font-size:14px}}@media (max-width: 300px){html,body{width:100vw;min-width:0;overflow-x:hidden}.container{box-sizing:border-box;width:100vw;max-width:100vw;margin:0;padding:2px 2vw}.header h1,h2{font-size:1em;word-break:break-word}.header p,.footer p{font-size:11px;word-break:break-word}.preview-section{padding:2px;min-width:0}form{gap:4px;min-width:0}form label,input,select,button{font-size:11px;padding:4px;min-width:0;width:100%;box-sizing:border-box}}