.showcase-notice{padding:14px 17px;margin:20px 0;color:#6d7d96;background:#f0f4fc;border:1px solid #e0e7f4;border-radius:8px;font-size:11px;line-height:1.9}
.showcase-summary h3{font-size:12px;color:#647793;font-weight:600;margin:20px 0 8px}.showcase-summary p{font-size:12px;color:#8390a5;line-height:1.95}.download-pack{display:flex;width:100%;justify-content:center;margin-top:24px}.input-panel>.text-link{display:inline-flex;margin-top:20px;font-size:11px;align-items:center;gap:5px}.preview-tabs button{min-height:40px}.preview-tabs button:focus-visible{outline-offset:-4px}.preview-surface{min-height:320px}.result-panel{align-self:start}.image-surface img{width:auto;max-height:650px;object-fit:contain}.page-heading>p{margin-top:12px;color:#8794a8;line-height:1.9}.badge{white-space:nowrap}.hero .hero-title .portfolio-notice{white-space:normal}.tool-title>div{flex:1}.sidebar-bottom{flex-shrink:0}a.button{text-decoration:none}.export-actions a{display:inline-flex;align-items:center;gap:7px}.hero-note{flex-wrap:wrap}
@media(max-width:700px){.hero-title{flex-wrap:wrap}.hero-title h1{font-size:29px}.hero .hero-title .portfolio-notice{font-size:11px;line-height:1.7;padding:8px 11px}.showcase-notice{font-size:11px;margin:16px 0}.showcase-summary p{font-size:13px}.preview-surface{min-height:250px}.topbar>div .date{font-size:9px}.content .tool-title h1{font-size:21px}.export-actions a{font-size:11px}.image-surface img{max-height:none}.tool-title .format-tag{display:none}}