body{font-family:LarkHackSafariFont,LarkEmojiFont,LarkChineseQuote,-apple-system,BlinkMacSystemFont,Helvetica Neue,Tahoma,PingFang SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.container{min-height:100vh;padding-top:2rem}.container,.content{display:flex;flex-direction:column;align-items:center}.content{width:100%;max-width:42rem;gap:2rem}.text-center{text-align:center;width:100%}.title{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.subtitle{color:#666;margin-bottom:2rem}.input-group{display:flex;gap:.5rem;margin-bottom:1rem;width:100%;max-width:42rem}.input{flex:1;padding:.5rem 1rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.button{padding:.5rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:all .2s}.button:hover:not(:disabled){background-color:#2563eb}.button:disabled{background-color:#94a3b8;cursor:not-allowed;opacity:.7}.preview-section{margin-top:2rem;width:calc(100vw - 128px);position:relative;left:50%;transform:translateX(-50%)}.preview-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.preview-container{border:1px solid #ddd;border-radius:.5rem;overflow:hidden}.preview-iframe{width:100%;height:400px;border:none}.checkbox-group{display:flex;gap:1.5rem;margin:1rem 0;justify-content:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.footer{margin-top:3rem;padding:1rem 0;text-align:center;color:#666}.footer a{color:#3b82f6;text-decoration:none;transition:color .2s}.footer a:hover{color:#2563eb;text-decoration:underline}