@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#e8effd;letter-spacing:.5px;background:#111;font-family:Roboto,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}.config-page{max-width:1080px;margin:0 auto;padding:40px 24px}.config-header{text-align:center;margin-bottom:40px}.config-logo{height:40px;margin-bottom:16px}.config-header h1{margin-bottom:8px;font-size:28px;font-weight:500}.config-header p{color:#ffffff80;font-size:15px}.config-layout{grid-template-columns:1fr 460px;align-items:start;gap:40px;display:grid}@media (width<=960px){.config-layout{grid-template-columns:1fr}}.control-group{margin-bottom:28px}.control-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:14px;font-weight:500;display:block}.optional{text-transform:none;color:#fff6;font-weight:400}.control-input{color:#e8effd;background:#1a1a1a;border:1px solid #333;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .15s}.control-input:focus{border-color:#ff8533}.control-input::placeholder{color:#ffffff4d}.control-hint{color:#fff6;margin-top:8px;font-size:13px;display:block}.control-hint a{color:#5a5de0;text-decoration:none}.control-hint a:hover{text-decoration:underline}.theme-toggle{gap:8px;display:flex}.theme-btn{color:#fff9;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:12px;flex:1;padding:12px;font-family:inherit;font-size:15px;transition:all .15s}.theme-btn.active{color:#1b1b1f;background:linear-gradient(90deg,#ff8533,#f6995c);border-color:#0000;font-weight:500}.accent-row{align-items:center;gap:10px;display:flex}.accent-input{flex:1}.size-row{gap:16px;display:flex}.size-field{flex:1;align-items:center;gap:8px;display:flex}.size-label{color:#ffffff80;flex-shrink:0;font-size:13px}.size-input{appearance:textfield;flex:1;min-width:0}.size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-unit{color:#fff6;flex-shrink:0;font-size:13px}.color-picker{cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:10px;width:44px;height:44px;padding:4px}.clear-accent{color:#fff9;cursor:pointer;background:0 0;border:1px solid #333;border-radius:10px;width:44px;height:44px;font-size:20px}.clear-accent:hover{opacity:.7}.snippet-box{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:12px;padding:16px;overflow-x:auto}.snippet-box code{color:#e8effd;white-space:pre;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6}.copy-btn{color:#1b1b1f;cursor:pointer;background:linear-gradient(90deg,#ff8533,#f6995c);border:none;border-radius:12px;width:100%;height:48px;font-family:inherit;font-size:15px;font-weight:500;transition:opacity .15s}.copy-btn:hover{opacity:.85}.preview-frame-wrap{background:#2a2a2a;border-radius:30px;justify-content:center;max-height:80vh;padding:20px;display:flex;overflow:auto}.preview-frame-wrap iframe{flex-shrink:0;max-width:none}.config-footer{text-align:center;color:#fff6;border-top:1px solid #333;margin-top:48px;padding-top:24px;font-size:13px}.config-footer a{color:#fff;font-weight:500;text-decoration:none}.config-footer a:hover{text-decoration:underline}