.pgs-app{--pgs-panel:#ffffff;--pgs-line:#dbe6f4;--pgs-text:#0f172a;--pgs-muted:#52607a;--pgs-accent:#2563eb;--pgs-shadow:0 20px 45px rgba(15,23,42,.08);margin:0;color:var(--pgs-text)}
.pgs-app *{box-sizing:border-box}
.pgs-shell{display:grid;gap:18px;padding:18px}
.pgs-hero-card,.pgs-global-card,.pgs-panel{background:var(--pgs-panel);border:1px solid var(--pgs-line);border-radius:24px;box-shadow:var(--pgs-shadow)}
.pgs-hero-card{padding:26px 28px;display:grid;gap:16px;background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 100%)}
.pgs-eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.pgs-hero-card h2{margin:0 0 8px;font-size:clamp(28px,4vw,40px);line-height:1.06}
.pgs-hero-card p{margin:0;color:var(--pgs-muted);font-size:16px;line-height:1.65;max-width:900px}
.pgs-quick-points{display:flex;flex-wrap:wrap;gap:10px}
.pgs-quick-points span,.pgs-badges span,.pgs-upload-meta span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid var(--pgs-line);font-size:13px;color:var(--pgs-muted)}
.pgs-global-card{padding:18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.pgs-field{display:grid;gap:8px}
.pgs-field span{font-size:13px;font-weight:700;color:var(--pgs-text)}
.pgs-field input[type="text"],.pgs-field select{width:100%;min-height:46px;border:1px solid var(--pgs-line);border-radius:14px;padding:0 14px;background:#fff;color:var(--pgs-text);font:inherit}
.pgs-field input[type="color"]{width:100%;height:46px;border:1px solid var(--pgs-line);border-radius:14px;background:#fff;padding:4px}
.pgs-field input[type="range"]{width:100%}
.pgs-field small{color:var(--pgs-muted);font-size:12px}
.pgs-tabs{display:flex;flex-wrap:wrap;gap:10px}
.pgs-tab-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--pgs-line);background:#fff;color:var(--pgs-text);border-radius:999px;padding:12px 16px;font:inherit;font-weight:700;text-decoration:none;transition:.18s ease}
.pgs-tab-link:hover{border-color:#93c5fd;background:#eff6ff}
.pgs-panels{display:grid;gap:18px}
.pgs-panel{display:grid;gap:18px;padding:22px;scroll-margin-top:24px}
.pgs-panel-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.pgs-panel-top h3{margin:0 0 6px;font-size:24px}
.pgs-panel-top p{margin:0;color:var(--pgs-muted);line-height:1.6;max-width:780px}
.pgs-workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}
.pgs-upload-card{display:grid;gap:14px;padding:18px;border-radius:20px;background:#f8fbff;border:1px solid var(--pgs-line)}
.pgs-orientation-switch{display:flex;gap:10px;flex-wrap:wrap}
.pgs-choice,.pgs-btn{appearance:none;border:1px solid var(--pgs-line);background:#fff;border-radius:14px;padding:12px 16px;font:inherit;font-weight:700;color:var(--pgs-text);cursor:pointer;transition:.18s ease}
.pgs-choice.is-active,.pgs-choice:hover,.pgs-btn:hover{border-color:#93c5fd;background:#eff6ff}
.pgs-btn--primary{background:var(--pgs-accent);border-color:var(--pgs-accent);color:#fff}
.pgs-btn--primary:hover{background:#1d4ed8;border-color:#1d4ed8}
.pgs-btn[disabled]{opacity:.45;cursor:not-allowed}
.pgs-dropzone{position:relative;display:grid;gap:10px;justify-items:start;padding:20px;border:2px dashed #bfdbfe;border-radius:20px;background:#fff;cursor:pointer}
.pgs-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}
.pgs-dropzone strong{font-size:18px}
.pgs-dropzone span{color:var(--pgs-muted);line-height:1.55}
.pgs-action-row{display:flex;gap:10px;flex-wrap:wrap}
.pgs-status{min-height:24px;font-size:14px;color:var(--pgs-muted)}
.pgs-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}
.pgs-empty{display:grid;place-items:center;min-height:220px;border-radius:20px;border:1px dashed var(--pgs-line);background:#fbfdff;color:var(--pgs-muted);padding:20px;text-align:center}
.pgs-result-card{display:grid;gap:12px;padding:16px;border:1px solid var(--pgs-line);background:#fff;border-radius:20px;box-shadow:0 10px 25px rgba(15,23,42,.05)}
.pgs-result-thumb{display:flex;align-items:center;justify-content:center;min-height:170px;max-height:170px;padding:12px;border:1px solid var(--pgs-line);border-radius:18px;background:linear-gradient(135deg,#f8fbff,#eef4ff);overflow:hidden}
.pgs-result-thumb img{display:block;max-width:100%;max-height:146px;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 10px 22px rgba(15,23,42,.10)}
.pgs-result-meta{display:grid;gap:6px;font-size:13px;color:var(--pgs-muted)}
.pgs-result-name{font-size:15px;font-weight:800;color:var(--pgs-text);word-break:break-word}
.pgs-result-warning{padding:10px 12px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13px;line-height:1.45}
.pgs-result-actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:1024px){.pgs-global-card{grid-template-columns:repeat(2,minmax(0,1fr))}.pgs-workspace{grid-template-columns:1fr}.pgs-panel-top{flex-direction:column}}
@media (max-width:640px){.pgs-shell{padding:12px}.pgs-hero-card,.pgs-global-card,.pgs-panel{padding:18px}.pgs-global-card{grid-template-columns:1fr}.pgs-results{grid-template-columns:1fr}.pgs-tab-link{width:100%;justify-content:center}.pgs-result-thumb{min-height:140px;max-height:140px}.pgs-result-thumb img{max-height:116px}}