*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{font-family:Arial,sans-serif;background:#151c26;display:flex;justify-content:center;align-items:center;padding:20px}.app{width:100%;max-width:1050px;background:#0000008c;padding:32px;border-radius:18px;box-shadow:0 10px 30px #0000001a}.app-header{text-align:center;margin-bottom:25px}.app-header h1{margin:0 0 6px;font-size:30px;color:#633dba}.app-header p{margin:0;color:#fff}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:55px}.controls-panel{width:100%;min-height:520px}.input-section{text-align:center}input[type=text]{width:100%;padding:13px;border:1px solid #ccc;border-radius:8px;font-size:15px;margin-bottom:8px}button{padding:10px 16px;border:none;border-radius:8px;background:#633dba;color:#fff;font-size:14px;cursor:pointer;margin:4px}button:hover{background:#754ed0}button:disabled{opacity:.45;cursor:not-allowed}.rotation-button.active{background:#633dba}.logo-section{margin-top:15px;text-align:center;min-height:430px}.logo-actions{display:flex;justify-content:center;align-items:center;gap:8px}.logo-actions button{margin:0}#logoControls{margin-top:15px;text-align:left;opacity:.45;pointer-events:none}#logoControls.enabled{opacity:1;pointer-events:auto}#logoControls button:disabled,#logoControls input:disabled{cursor:not-allowed}.logo-upload{text-align:center}.file-button{display:inline-block;padding:10px 16px;border-radius:8px;background:#111;color:#fff;font-size:14px;cursor:pointer}.file-button:hover{background:#333}.logo-file-name{margin-top:6px;font-size:13px;color:#666;word-break:break-word;text-align:center}.logo-preview-section{margin-top:16px}.section-label{font-size:13px;font-weight:700;margin-bottom:7px;text-align:center}.logo-preview{height:70px;display:flex;justify-content:center;align-items:center}.logo-preview img{max-width:65px;max-height:65px;border-radius:6px;border:1px solid #ddd}.settings-panel{margin-top:15px;padding:16px;border:1px solid #ddd;border-radius:12px;background:#fafafa}.settings-panel h2{margin:0 0 13px;font-size:17px;text-align:center}.rotation-section{margin-bottom:12px}.rotation-section>label{display:block;margin-bottom:6px;font-size:13px;font-weight:700}.rotation-buttons{display:flex;gap:5px;margin-bottom:12px}.rotation-button{flex:1;margin:0;padding:8px 4px;font-size:13px}.control-group{margin-top:10px}.control-group label{display:flex;justify-content:space-between;margin-bottom:5px;font-size:13px}.control-group input[type=range]{width:100%}.qr-panel{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:520px}#qrContainer{width:100%;height:360px;display:flex;justify-content:center;align-items:flex-start}#qrContainer canvas{width:min(360px,100%);height:auto;max-width:100%}.qr-actions{display:flex;justify-content:center;gap:5px;margin-top:15px}.qr-actions button{min-width:90px;margin:0}.app-footer{margin-top:35px;padding-top:18px;border-top:1px solid #e5e5e5}.footer-content{display:flex;align-items:center;justify-content:space-between;width:100%}.footer-left,.footer-right{display:flex;align-items:center}.footer-left{gap:10px}.footer-right{gap:18px}.footer-avatar{width:30px;height:30px;object-fit:cover;border-radius:50%;display:block}.footer-left span{font-size:13px;color:#666}.footer-link{display:flex;align-items:center;gap:7px;color:#666;text-decoration:none;font-size:13px;transition:color .2s ease}.footer-link:hover{color:#633dba}.footer-icon{width:20px;height:20px;display:block}#logoBackgroundColor{width:100%;height:38px;padding:3px;border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer}@media(max-width:750px){body{padding:10px}.app{padding:20px}.editor-layout{grid-template-columns:1fr;gap:25px}.qr-panel{order:-1;min-height:250px}.controls-panel,.logo-section{min-height:430px}#qrContainer{height:300px}#qrContainer canvas{width:min(300px,100%)}}