/* Quick design: original inputs and handlers, new compact layout. */
.pg-quick-host{flex:none;min-width:0;padding:8px 16px;background:var(--ui-panel,#fff);border-bottom:1px solid var(--ui-line,#dce4ee)}
.pg-editor-page #designToolsPanel.pg-quick-tools{max-width:520px;width:100%;margin:0 0 14px!important;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
#designToolsPanel.pg-quick-tools>summary{display:flex!important;padding:8px 4px!important}
.pg-quick-tools #designTools{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.pg-quick-row{display:grid;grid-template-columns:1.55fr repeat(5,minmax(0,1fr));gap:6px;width:100%;padding:5px;background:var(--ui-panel2,#edf2fb);border:1px solid var(--ui-line,#d5deee);border-radius:13px;align-items:stretch}
.pg-quick-row>label,.pg-quick-row>button{position:relative;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:5px;min-width:0!important;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:6px!important;border:1px solid var(--ui-line,#d7dfec)!important;border-radius:9px!important;background:var(--ui-panel,#fff)!important;color:var(--ui-text,#19253e)!important;cursor:pointer;box-sizing:border-box;overflow:hidden}
.pg-quick-row svg{width:21px!important;height:21px!important;flex:none}
.pg-quick-row select{width:100%!important;min-width:0!important;max-width:52px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:inherit!important;font:600 13px Outfit,sans-serif!important;min-height:26px!important}
.pg-quick-row .pg-quick-color input[type=color]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;padding:0!important;cursor:pointer}
.pg-quick-ink{position:absolute;bottom:4px;left:20%;right:20%;height:3px;border-radius:2px;background:var(--ink-color,#337dff)}
.pg-quick-row #designApply{background:linear-gradient(135deg,#5367f4,#7559e8)!important;border-color:#5367f4!important;color:#fff!important}
.pg-quick-row #designReset{color:var(--ui-muted,#60718c)!important}
.pg-quick-row>label:focus-within,.pg-quick-row>button:focus-visible,.pg-quick-palette [role=button]:focus-visible,.pg-quick-custom:focus-within{outline:2px solid #4d8fff!important;outline-offset:2px}
.pg-quick-palette{display:flex;gap:10px;align-items:center;width:100%;padding:7px 10px;margin-top:6px;border:1px solid var(--ui-line,#d5deee);border-radius:12px;background:var(--ui-panel2,#edf2fb);box-sizing:border-box;overflow:visible}
.pg-quick-custom{position:relative;flex:none;display:block;width:29px;height:29px;margin:0!important;border-radius:50%;background:conic-gradient(#f4436c,#f6e648,#46dd9f,#21bbef,#7651fa,#f4436c);border:2px solid var(--ui-panel,#fff);cursor:pointer;box-shadow:0 0 0 1px var(--ui-line,#c8d6eb)}
.pg-quick-custom input{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;cursor:pointer;margin:0!important;padding:0!important}
.pg-quick-palette #colorPresets{display:flex!important;align-items:center;justify-content:space-between;gap:7px;flex:1;min-width:0;margin:0!important;padding:0!important;flex-wrap:nowrap!important}
.pg-quick-palette .color-preset{display:block!important;flex:0 1 27px!important;width:27px!important;height:27px!important;min-width:16px;aspect-ratio:1;min-height:0!important;margin:0!important;padding:0!important;border:2px solid transparent;border-radius:50%!important;cursor:pointer;box-sizing:border-box}
.pg-quick-palette .color-preset.active{outline:2px solid var(--ui-text,#17233d);outline-offset:2px;transform:none!important}
@media(max-width:900px){.pg-quick-host{padding:6px 10px}.pg-quick-row{gap:4px;padding:4px}.pg-quick-row>label,.pg-quick-row>button{height:36px!important;min-height:36px!important;padding:4px!important}.pg-quick-row svg{width:19px!important;height:19px!important}.pg-quick-row select{font-size:16px!important;max-width:46px!important}.pg-quick-palette{margin-top:4px;padding:6px 9px;gap:10px}.pg-quick-palette .color-preset{width:23px!important;height:23px!important;flex-basis:23px!important}.pg-quick-custom{width:26px;height:26px}.pg-guided-cv .pg-workflow-heading{padding:10px 16px}.pg-guided-cv .pg-workflow-heading h1{font-size:19px;margin:4px 0}.pg-guided-cv .pg-workflow-heading #pgStepHelp{display:none}}
/* Mobile cover-letter overflow menu: compact rows and consistent control sizes. */
@media(max-width:900px){body.pg-cover-page .pg25-mobile-items{display:flex;flex-direction:column;gap:9px;padding:12px!important;box-sizing:border-box;max-height:calc(var(--pg-visible-height,100dvh) - 90px)!important;width:min(340px,calc(100vw - 24px))!important}
body.pg-cover-page .pg25-mobile-items>*{flex:none;margin:0!important;min-width:0;max-width:100%}
body.pg-cover-page .pg25-mobile-items>a,body.pg-cover-page .pg25-mobile-items>button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;min-height:42px!important;height:auto!important;padding:10px 12px!important;border:1px solid var(--ui-line,var(--line,#d8e0eb));border-radius:10px;font-size:13px!important;line-height:1.4!important;white-space:normal}
body.pg-cover-page .pg25-mobile-items svg{width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;flex:none!important;margin:0!important}
body.pg-cover-page .pg25-mobile-items .toolbar-control{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:6px!important;min-height:0!important;width:100%!important;padding:10px!important;border:1px solid var(--ui-line,var(--line,#d8e0eb));border-radius:10px;background:var(--ui-panel,var(--panel,#fff))}
body.pg-cover-page .pg25-mobile-items .toolbar-control label{display:block!important;font-size:10px!important;line-height:1.4!important;margin:0!important;color:var(--ui-muted,var(--muted,#60718b))}
body.pg-cover-page .pg25-mobile-items select{display:block;width:100%!important;max-width:100%!important;min-height:38px!important;padding:7px 9px!important;box-sizing:border-box;font-size:16px!important}
body.pg-cover-page .pg25-mobile-items .accent-row{display:flex!important;gap:10px!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;padding:5px!important}
body.pg-cover-page .pg25-mobile-items button.swatch{display:block!important;flex:none!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:0!important;margin:0!important;border-radius:50%!important;border-width:2px!important;aspect-ratio:1!important}
body.pg-cover-page .pg25-mobile-items .pg-language-trigger{width:100%!important;max-width:100%!important;min-height:38px!important}}
/* Selected layer controls in Image Editor: aligned pairs and uniform inputs. */
#sidebar #inspector .fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:12px!important;margin:10px 0!important;padding:12px!important;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
#sidebar #inspector .fields>label{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;margin:0!important;font-size:11px;line-height:1.4!important}
#sidebar #inspector .fields input{width:100%!important;min-width:0!important;max-width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;box-sizing:border-box!important;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
#sidebar #inspector .fields input[type=number]{padding:9px!important;font-size:14px!important}
#sidebar #inspector .fields input[type=color]{display:block;appearance:none;-webkit-appearance:none;padding:5px!important;cursor:pointer}
#sidebar #inspector input[type=color]::-webkit-color-swatch-wrapper{padding:0}#sidebar #inspector input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}#sidebar #inspector input[type=color]::-moz-color-swatch{border:0;border-radius:4px}
@media print{.pg-quick-host{display:none!important}}
@media(max-width:900px){body.pg-cover-page .pg25-mobile-items>a,body.pg-cover-page .pg25-mobile-items>button{background:var(--ui-panel2,var(--surface,#f5f7fc))!important;color:var(--ui-text,var(--text,#17233d))!important}}
/* Revision 28.2: a consistent, softly raised icon set. Position is unchanged. */
.pg-quick-row{gap:6px;padding:6px;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0d}
.pg-quick-row>label,.pg-quick-row>button{border-radius:11px!important;border-color:transparent!important;box-shadow:0 2px 5px #0b16350a;transition:background .16s,box-shadow .16s,transform .16s}
.pg-quick-row .pg-quick-size{background:var(--ui-panel,#fff)!important}
.pg-quick-row .pg-quick-color{background:var(--ui-panel,#fff)!important;background:color-mix(in srgb,var(--ink-color) 9%,var(--ui-panel,#fff))!important}
.pg-quick-row svg{stroke-width:1.65;width:22px!important;height:22px!important}
.pg-quick-row .pg-quick-color svg{transform:translateY(-2px)}
.pg-quick-ink{left:28%;right:28%;height:3px;bottom:5px;box-shadow:0 0 0 1px #ffffff0a}
.pg-quick-row #designReset{background:var(--ui-panel,#fff)!important;color:#d27659!important}
.pg-quick-row #designApply{background:linear-gradient(145deg,#5875ff,#7452df)!important;box-shadow:0 4px 10px #625ce92b}
.pg-quick-row>label:hover,.pg-quick-row>button:hover{box-shadow:0 3px 10px #253f7520;transform:translateY(-1px)}
.pg-quick-palette{border-radius:15px;box-shadow:inset 0 1px 0 #ffffff0d}
.pg-quick-custom{box-shadow:0 2px 6px #101d3a28,0 0 0 1px var(--ui-line,#c8d6eb)}
@media(max-width:900px){.pg-quick-row{gap:4px;padding:5px}.pg-quick-row svg{width:20px!important;height:20px!important}}
@media(prefers-reduced-motion:reduce){.pg-quick-row>label,.pg-quick-row>button{transition:none!important;transform:none!important}}
/* Desktop preview: narrow editing column, broad independent document stage. */
@media screen and (min-width:901px){
 body.pg-guided-cv .editor-body,body.pg-guided-cv[data-cv-view=preview] .editor-body{grid-template-columns:210px minmax(280px,340px) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:18px!important;padding:16px!important}
 body.pg-guided-cv .pg-workflow-nav,body.pg-guided-cv[data-cv-view=preview] .pg-workflow-nav{grid-column:1!important;grid-row:1!important}
 body.pg-guided-cv .pg-workflow-work,body.pg-guided-cv[data-cv-view=preview] .pg-workflow-work{grid-column:2!important;grid-row:1!important;min-width:0;align-self:stretch}
 body.pg-guided-cv .pg-workflow-heading{flex-direction:column;align-items:flex-start;padding:20px}
 body.pg-guided-cv .pg-workflow-heading h1{font-size:23px}
 body.pg-guided-cv #previewArea,body.pg-guided-cv[data-cv-view=preview] #previewArea{grid-column:3!important;grid-row:1!important;display:block!important;width:auto!important;min-width:0!important;height:100%!important;max-height:100%!important;padding:32px 16px!important;overflow:auto!important;border:1px solid var(--ui-line)!important;border-radius:18px!important;background:var(--ui-bg)!important;box-sizing:border-box}
 body.pg-guided-cv #previewContainer{margin-inline:auto!important;filter:drop-shadow(0 8px 20px #10213b18)}
 body.pg-guided-cv[data-cv-view=preview] .pg-workflow-work{background:var(--ui-panel2);border-color:transparent}
 body.pg-guided-cv[data-cv-view=preview] .pg-workflow-heading{border-bottom:0}
}
@media screen and (min-width:901px) and (max-width:1200px){body.pg-guided-cv .editor-body,body.pg-guided-cv[data-cv-view=preview] .editor-body{grid-template-columns:160px minmax(240px,280px) minmax(0,1fr)!important;gap:10px!important;padding:10px!important}body.pg-guided-cv #previewArea{padding:20px 12px!important}}
@media screen and (min-width:901px){
 body.pg-guided-cv .editor-body,body.pg-guided-cv[data-cv-view=preview] .editor-body{grid-template-areas:none!important}
 body.pg-guided-cv .pg-workflow-work>.pg25-readiness{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px;flex:none;margin:0;padding:14px 12px 4px}
 body.pg-guided-cv .pg-workflow-work>.pg25-readiness button{padding:8px!important;font-size:9px!important;white-space:nowrap;line-height:1.4;min-height:32px}
}
/* Revision 28.4: match the reference's wider navigation and information panels. */
@media screen and (min-width:901px){
 body.pg-guided-cv .editor-body,body.pg-guided-cv[data-cv-view=preview] .editor-body{grid-template-columns:clamp(190px,16vw,300px) clamp(300px,25vw,460px) minmax(0,1fr)!important;grid-template-areas:none!important}
 body.pg-guided-cv .pg-workflow-work,body.pg-guided-cv[data-cv-view=preview] .pg-workflow-work{width:100%!important;max-width:none!important;min-width:0!important}
 body.pg-guided-cv #previewArea,body.pg-guided-cv[data-cv-view=preview] #previewArea{grid-column:3!important;min-width:0!important;max-width:100%!important}
}
/* Revision 29: compact preview top edge and badges inside the preview pane. */
@media screen and (min-width:901px){
 body.pg-guided-cv #previewArea,body.pg-guided-cv[data-cv-view=preview] #previewArea{position:relative!important;padding-top:6px!important}
 body.pg-guided-cv #previewArea>.pg25-readiness{position:absolute;inset-inline-end:24px;top:10px;z-index:3;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;padding:0;margin:0;max-width:calc(100% - 48px)}
 body.pg-guided-cv #previewArea>.pg25-readiness button{min-height:28px;padding:6px 9px;font-size:9px;background:var(--ui-panel,#fff);box-shadow:0 2px 8px #1122440a}
}
.pg-cv-color-sheet{width:min(360px,calc(100vw - 28px));max-height:calc(100dvh - 28px);box-sizing:border-box;padding:20px;margin:auto;border:1px solid var(--ui-line,#d9e2ee);border-radius:20px;background:var(--ui-panel,#fff);color:var(--ui-text,#17243b);box-shadow:0 20px 80px #07132966;overflow:auto;font:14px Outfit,system-ui,sans-serif}
.pg-cv-color-sheet::backdrop{background:#08122688;backdrop-filter:blur(4px)}
.pg-cv-color-sheet header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.pg-cv-color-sheet h2{font-size:19px;margin:0;color:inherit}.pg-cv-color-sheet label{display:flex;flex-direction:column;gap:7px;margin:13px 0;font-size:12px;color:inherit}.pg-cv-color-sheet input{box-sizing:border-box;width:100%;height:44px;padding:9px 12px;border:1px solid var(--ui-line,#cbd6e8);border-radius:10px;background:var(--ui-input,#f3f6fc);color:inherit;font:16px Outfit,sans-serif}.pg-cv-color-sheet input[type=color]{padding:5px;cursor:pointer}
.pg-cv-color-sheet button{min-height:40px;border:1px solid var(--ui-line,#cbd6e8);border-radius:10px;background:var(--ui-panel2,#f2f5fb);color:inherit;padding:9px 14px;font:600 13px Outfit,sans-serif;cursor:pointer}.pg-cv-color-sheet header button{font-size:22px;width:36px;min-height:36px;padding:0}.pg-sheet-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:18px 0}.pg-sheet-swatches button{width:100%;aspect-ratio:1;padding:0;min-height:0;border:2px solid var(--ui-line,#cbd6e8);border-radius:50%}.pg-cv-color-sheet footer{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--ui-line,#cbd6e8);padding-top:14px;margin-top:10px}.pg-cv-color-sheet .pg-sheet-apply{background:#5267ef;color:#fff;border-color:#5267ef}.pg-color-error{color:#d7394d;font-size:12px}.pg-color-error:empty{display:none}.pg-quick-color,.pg-quick-custom,.pg-quick-row button{touch-action:manipulation}
@media print{.pg-cv-color-sheet{display:none!important}}
@media screen and (min-width:901px){body.pg-guided-cv #previewArea>.pg25-readiness{inset-inline-start:16px;inset-inline-end:auto;width:min(calc(100% - 32px),794px);max-width:none;padding:0 12px;box-sizing:border-box}}
/* Mobile typography: family and size popups share the same single tool row. */
@media screen and (max-width:900px){
 .pg-quick-row{grid-template-columns:1.1fr 1.15fr repeat(5,minmax(0,1fr));gap:3px;padding:4px}
 .pg-quick-row>.pg-size-relocated,.pg-font-relocated{display:none!important}
 .pg-quick-row>.pg-mobile-type{display:flex!important;gap:3px!important;font-weight:700!important;font-family:Outfit,sans-serif!important;font-size:16px!important}
 .pg-quick-row>.pg-mobile-type small{font-size:11px;color:var(--ui-muted,#60718c);line-height:1}
 .pg-quick-row>.pg-mobile-family>span{font-size:18px;letter-spacing:-.07em}
 .pg-quick-row>label,.pg-quick-row>button{height:37px!important;min-height:37px!important;padding:4px!important}
 .pg-quick-row svg{width:18px!important;height:18px!important}
}
@media screen and (min-width:901px){.pg-quick-row>.pg-mobile-type{display:none!important}}
.pg-type-sheet .font-selector-input,.pg-type-sheet #designSize{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:46px!important;padding:8px 12px!important;margin-top:7px!important;border:1px solid var(--ui-line,#cbd6e8)!important;border-radius:10px!important;background:var(--ui-input,#f3f6fc)!important;color:var(--ui-text,#17243b)!important;font-size:16px!important}
.pg-type-sheet .pg-font-example{font-size:22px;line-height:1.5;margin:20px 0;color:inherit}
.pg-size-stepper{display:grid;grid-template-columns:48px 1fr 48px;gap:12px;align-items:center;margin:20px 0}
.pg-size-stepper button{font-size:24px!important;min-height:46px!important;padding:4px!important}.pg-size-stepper output{text-align:center;font-size:23px;font-weight:700}.pg-type-content>p{color:var(--ui-muted,#65758e);font-size:13px}
@media print{.pg-type-sheet{display:none!important}}
/* Desktop already shows the CV beside the form; retain toggle on mobile. */
@media screen and (min-width:901px){body.pg-guided-cv #pgToggleCVPreview{display:none!important}}