.pan-tool-wrapper{--pan-primary:#0052cc;--pan-success:#15803d;--pan-error:#b91c1c;--pan-bg:#fdfdfd;--pan-surface:#ffffff;--pan-text:#1e293b;--pan-muted:#64748b;--pan-border:#e2e8f0;--pan-radius:16px;width:100%;max-width:500px;margin:20px auto;background:#fff0;border-radius:var(--pan-radius);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:var(--pan-text)}.pan-tool-wrapper *,.pan-tool-wrapper *::before,.pan-tool-wrapper *::after{box-sizing:border-box}.pan-header{padding:20px}.pan-title{font-size:1.2rem;margin:0;color:var(--pan-primary);font-weight:800;text-align:center}.pan-subtitle{font-size:.75rem;color:var(--pan-muted);margin:5px 0 0}.pan-format-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f1f5f9;padding:4px;border-radius:10px}.pan-format-btn{border:none;padding:8px;border-radius:7px;font-size:.75rem;font-weight:700;cursor:pointer;background:#fff0;color:var(--pan-muted);transition:0.2s}.pan-format-btn.active{background:var(--pan-surface);color:var(--pan-primary);box-shadow:0 2px 4px rgb(0 0 0 / .05)}.pan-upload-section{padding:30px 20px;display:flex;flex-direction:column;align-items:center}.pan-upload-box{width:100%;padding:40px 20px;border:2px solid #0052cc;border-radius:10px;text-align:center;cursor:pointer;background:radial-gradient(circle at top left,#bae6fd 0%,transparent 40%),radial-gradient(circle at bottom right,#67e8f9 0%,transparent 40%),linear-gradient(145deg,#06b6d4 0%,#0e7490 100%);box-shadow:0 10px 28px rgb(14 116 144 / .22);transition:transform 0.2s ease,border-color 0.2s ease}.pan-upload-box:hover{transform:translateY(-2px);border-color:#67e8f9;box-shadow:none}.pan-upload-box svg{width:40px;height:40px;color:#d1fae5;margin-bottom:10px}.pan-upload-box b{display:block;font-size:1rem;color:#eff6ff}.pan-upload-box span{font-size:.9rem;color:#fff}.pan-editor-ui{display:none;flex-direction:column}.pan-workspace{position:relative;width:100%;height:350px;background:#000}#pan-edit-img{display:block;max-width:100%}.pan-val-stack{position:absolute;top:10px;left:10px;z-index:10;display:flex;flex-direction:column;gap:5px}.pan-badge{background:rgb(255 255 255 / .9);padding:4px 10px;border-radius:20px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:5px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.pan-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8}.pan-preview-box{position:absolute;right:10px;bottom:10px;width:60px;height:75px;border:2px solid #fff;border-radius:4px;overflow:hidden;z-index:10;background:#222}#pan-prev-canvas{width:100%;height:100%;object-fit:contain}.pan-controls{padding:16px;background:#fff}.pan-slider-row{margin-bottom:12px}.pan-slider-row label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--pan-muted);text-transform:uppercase;margin-bottom:4px}.pan-slider-row span{color:var(--pan-primary)}.pan-tool-wrapper input[type="range"]{width:100%;height:5px;background:#e2e8f0;border-radius:5px;appearance:none;outline:none;margin:10px 0}.pan-tool-wrapper input[type="range"]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--pan-primary);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.pan-btn-group{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.pan-btn{border:none;padding:12px 5px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;text-align:center;transition:0.2s}.pan-btn:active{transform:scale(.96)}.pan-btn-adj{background:#e0e7ff;color:var(--pan-primary)}.pan-btn-reset{background:#f1f5f9;color:var(--pan-muted)}.pan-btn-dl{background:var(--pan-success);color:#fff}.pan-sheet-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .4);opacity:0;pointer-events:none;transition:0.3s;z-index:9998}.pan-sheet-overlay.active{opacity:1;pointer-events:auto}.pan-sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:20px 20px 0 0;padding:20px;transform:translateY(100%);transition:0.3s cubic-bezier(.4,0,.2,1);z-index:9999}.pan-sheet.active{transform:translateY(0)}.pan-sheet-head{display:flex;justify-content:space-between;margin-bottom:20px;font-weight:800;color:var(--pan-primary)}.pan-hidden{display:none!important}.pan-seo-content{margin-top:60px;border-top:2px solid #cbd5e1;padding-top:40px}.pan-seo-heading{font-size:1.75rem;font-weight:800;color:#1e3a8a;margin-bottom:20px}.pan-seo-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0}.pan-seo-spec-card{background:#f1f5f9;border-radius:8px;padding:20px;border:1px solid #cbd5e1}.pan-seo-spec-card h3{margin-top:0;color:#1e3a8a;font-size:1.15rem;border-bottom:2px solid #cbd5e1;padding-bottom:8px}.pan-seo-spec-card ul{list-style:none;padding:0;margin:10px 0 0 0}.pan-seo-spec-card li{margin-bottom:8px;font-size:.9rem}.pan-seo-steps{padding-left:20px}.pan-seo-steps li{margin-bottom:15px}