body{font-family:Segoe UI,Arial,sans-serif;background:#f7f9fb;margin:0;color:#0f172a}.card{max-width:760px;margin:36px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 8px 28px #0206170f}.row{display:flex;gap:12px;align-items:center;margin:12px 0}.row label{min-width:110px;color:#6b7280}textarea{flex:1;padding:10px;border-radius:8px;border:1px solid #e6eefc;min-height:56px}input[type=file]{flex:1}select{padding:8px;border-radius:8px;border:1px solid #e6eefc}button{padding:8px 12px;border-radius:8px;border:1px solid #dbeafe;background:#fff;cursor:pointer}.primary{background:#2b6ef6;color:#fff;border-color:#2b6ef6}.output{margin-top:12px}.output canvas,.output img{max-width:100%;border:1px solid #e6eefc;background:#fff}.nav-btn{display:inline-block;padding:8px 14px;border-radius:8px;text-decoration:none;color:#0f172a;border:1px solid transparent}.nav-btn.active{background:#2b6ef6;color:#fff;border-color:#2b6ef6}.toast{position:fixed;right:18px;top:18px;background:#0f172af2;color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 8px 24px #0206174d;z-index:9999}.file-btn{display:inline-block;padding:8px 12px;background:#fff;border:1px solid #dbeafe;border-radius:8px;cursor:pointer}.file-btn input{display:none}.preview-card{width:100%;max-width:520;border-radius:12px;overflow:hidden;box-shadow:0 16px 40px #02061714;background:#fff}.meta{font-size:13px;color:#6b7280}.result-box{flex:1;padding:10px;border-radius:8px;border:1px solid #e6eefc;min-height:86px}.file-btn{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(43,110,246,.15);padding:10px 14px;display:flex;align-items:center;gap:8px;border-radius:10px;font-weight:600;color:#1f2937}.file-btn:hover{box-shadow:0 8px 20px #2b6ef614}.file-btn svg{color:#2563eb}@media (max-width:640px){.card{max-width:100vw;margin:12px;padding:8px;border-radius:8px}.row{flex-direction:column;align-items:stretch}.row label{min-width:0}textarea,select,button,input[type=file]{width:100%;box-sizing:border-box;font-size:1.1em}.output{margin-top:8px}.preview-card{max-width:100vw}}