.hpdf-qr {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr);
	width: min(1050px, calc(100vw - 44px));
	margin: 46px 0 0 50%;
	overflow: hidden;
	border: 1px solid #2c3949;
	border-radius: 24px;
	background: #101924;
	box-shadow: 0 28px 80px rgba(0, 0, 0, .34);
	transform: translateX(-50%);
}
.hpdf-qr [hidden] { display: none !important; }
.hpdf-qr button,
.hpdf-qr input,
.hpdf-qr textarea,
.hpdf-qr select { font: inherit; }

.hpdf-qr__editor { padding: 34px; background: linear-gradient(145deg, #111b27, #0c141e); }
.hpdf-qr__heading h2 { margin: 0; color: #f5f7fa; font-size: clamp(1.75rem, 3vw, 2.35rem); letter-spacing: -.04em; }
.hpdf-qr__heading > p:last-child { margin: 10px 0 0; color: #94a1b0; font-size: .9rem; line-height: 1.55; }
.hpdf-qr__eyebrow { margin: 0 0 9px; color: #ff5360; font-size: .7rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }

.hpdf-qr__types { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 25px; }
.hpdf-qr__types button {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 54px;
	padding: 0 15px;
	border: 1px solid #344256;
	border-radius: 12px;
	background: #131e2a;
	color: #9eabb9;
	cursor: pointer;
}
.hpdf-qr__types button:hover { border-color: #61718a; color: #fff; }
.hpdf-qr__types button.is-active { border-color: #ff3543; background: rgba(255, 31, 45, .12); color: #fff; box-shadow: inset 4px 0 #ff1f2d; }
.hpdf-qr__types button span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: rgba(255,255,255,.07); font-size: .8rem; font-weight: 950; }

.hpdf-qr__field { margin-top: 22px; }
.hpdf-qr__field > label,
.hpdf-qr__label-line label { display: block; margin-bottom: 8px; color: #e9edf2; font-size: .82rem; font-weight: 800; }
.hpdf-qr__label-line { display: flex; align-items: center; justify-content: space-between; }
.hpdf-qr__label-line small { color: #7f8b99; font-size: .7rem; }
.hpdf-qr__field input,
.hpdf-qr__field textarea,
.hpdf-qr__options select {
	display: block;
	width: 100%;
	border: 1px solid #354459;
	border-radius: 11px;
	outline: 0;
	background: #0c151f;
	color: #f4f6f8;
}
.hpdf-qr__field input { min-height: 52px; padding: 0 14px; }
.hpdf-qr__field textarea { min-height: 128px; padding: 13px 14px; line-height: 1.55; resize: vertical; }
.hpdf-qr__field input:focus,
.hpdf-qr__field textarea:focus,
.hpdf-qr__options select:focus { border-color: #ff5260; box-shadow: 0 0 0 3px rgba(255,31,45,.12); }
.hpdf-qr__field > small { display: block; margin-top: 7px; color: #758291; font-size: .7rem; }

.hpdf-qr__options { margin-top: 20px; border: 1px solid #2f3c4d; border-radius: 12px; background: rgba(255,255,255,.018); }
.hpdf-qr__options summary { padding: 14px 15px; color: #cbd3dc; cursor: pointer; font-size: .8rem; font-weight: 800; }
.hpdf-qr__options-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 2px 15px 16px; }
.hpdf-qr__options-grid label > span { display: block; margin-bottom: 6px; color: #8f9ba9; font-size: .7rem; font-weight: 700; }
.hpdf-qr__options select { min-height: 42px; padding: 0 10px; }
.hpdf-qr__color input { width: 100%; height: 42px; padding: 4px; border: 1px solid #354459; border-radius: 9px; background: #0c151f; cursor: pointer; }

.hpdf-qr__status { min-height: 34px; margin: 15px 2px 0; color: #9fb5ce; font-size: .72rem; line-height: 1.45; }
.hpdf-qr__status.is-error { color: #ff8b94; }
.hpdf-qr__generate {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 56px;
	border: 0;
	border-radius: 13px;
	background: linear-gradient(135deg, #ff2433, #d80a1b);
	color: #fff;
	cursor: pointer;
	font-weight: 900;
	box-shadow: 0 15px 34px rgba(255,31,45,.22);
}
.hpdf-qr__generate:hover { filter: brightness(1.08); transform: translateY(-1px); }
.hpdf-qr__generate span { font-size: 1.25rem; }

.hpdf-qr__preview { display: flex; flex-direction: column; min-width: 0; padding: 27px; border-left: 1px solid #293545; background: #202b38; }
.hpdf-qr__preview-heading { display: flex; justify-content: space-between; gap: 12px; color: #d7dee6; font-size: .77rem; font-weight: 800; }
.hpdf-qr__preview-heading small { color: #8d9aaa; font: inherit; font-weight: 600; }
.hpdf-qr__stage {
	display: grid;
	place-items: center;
	width: 100%;
	max-width: 440px;
	aspect-ratio: 1;
	margin: 18px auto 0;
	padding: 22px;
	border-radius: 18px;
	background: #f7f8f9;
	box-shadow: 0 17px 48px rgba(0,0,0,.27);
}
.hpdf-qr__placeholder { color: #a9b0b8; text-align: center; }
.hpdf-qr__placeholder span { display: block; color: #ccd1d6; font-size: 5.2rem; line-height: 1; }
.hpdf-qr__placeholder p { margin: 16px 0 0; font-size: .8rem; font-weight: 700; }
.hpdf-qr__code { width: 100%; height: 100%; }
.hpdf-qr__code canvas,
.hpdf-qr__code img { display: block; width: 100% !important; height: 100% !important; image-rendering: pixelated; }

.hpdf-qr__actions { display: grid; grid-template-columns: 1fr auto; gap: 9px; margin-top: 18px; }
.hpdf-qr__download,
.hpdf-qr__reset { border-radius: 11px; cursor: pointer; }
.hpdf-qr__download {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	min-height: 58px;
	padding: 8px 16px;
	border: 0;
	background: linear-gradient(135deg, #ff2433, #d80a1b);
	color: #fff;
}
.hpdf-qr__download:disabled { background: #303a47; color: #74808e; cursor: not-allowed; }
.hpdf-qr__download > span:first-child { font-size: 1.2rem; font-weight: 950; }
.hpdf-qr__download > span:last-child { display: grid; gap: 2px; text-align: left; }
.hpdf-qr__download small { color: rgba(255,255,255,.7); font-size: .65rem; }
.hpdf-qr__reset { padding: 0 13px; border: 1px solid #3c4a5d; background: #182330; color: #cbd3dc; font-size: .72rem; font-weight: 800; }
.hpdf-qr__reset:hover { border-color: #64758c; color: #fff; }
.hpdf-qr__privacy { display: flex; align-items: flex-start; gap: 10px; margin-top: 18px; padding: 12px 13px; border-radius: 11px; background: rgba(36,200,117,.06); color: #8fb3a0; }
.hpdf-qr__privacy > span { display: grid; place-items: center; flex: 0 0 21px; width: 21px; height: 21px; border-radius: 50%; background: #24c875; color: #07140d; font-size: .7rem; font-weight: 950; }
.hpdf-qr__privacy p { margin: 0; font-size: .7rem; line-height: 1.5; }
.hpdf-qr__privacy strong { color: #b4d9c3; }

@media (max-width: 850px) {
	.hpdf-qr { grid-template-columns: 1fr; width: calc(100vw - 24px); }
	.hpdf-qr__preview { border-top: 1px solid #293545; border-left: 0; }
}

@media (max-width: 560px) {
	.hpdf-qr { margin-top: 32px; border-radius: 18px; }
	.hpdf-qr__editor,
	.hpdf-qr__preview { padding: 22px 15px; }
	.hpdf-qr__types { grid-template-columns: 1fr; }
	.hpdf-qr__options-grid { grid-template-columns: 1fr 1fr; }
	.hpdf-qr__stage { padding: 16px; }
	.hpdf-qr__actions { grid-template-columns: 1fr; }
	.hpdf-qr__download { width: 100%; min-height: 68px; white-space: normal; }
	.hpdf-qr__reset { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
	.hpdf-qr *, .hpdf-qr *::before, .hpdf-qr *::after { transition: none !important; }
}