#pfEditOverlay{position:absolute;pointer-events:none;z-index:3;background:transparent!important}#pfDirectDock{position:absolute;z-index:6;left:12px;top:12px;width:270px;box-sizing:border-box;background:var(--app-panel,#192d34);color:var(--app-text,#e7f0f0);border:1px solid var(--app-border,#49636a);border-radius:12px;padding:10px;box-shadow:0 3px 14px #0002;font:12px Arial,sans-serif}#pfDirectDock[hidden],#pfEditOverlay[hidden]{display:none!important}.pf-direct-modes{display:flex;gap:4px}#pfDirectDock button{flex:1;font-size:11px;padding:8px 5px;min-width:0;white-space:normal}#pfDirectDock button[aria-pressed=true]{background:#006e77!important;color:white!important;border-color:#48c6cc!important}.pf-direct-zone{display:flex!important;align-items:center;gap:8px;margin-top:8px;font-size:11px}#pfDirectZone{min-width:0;flex:1;margin:0;padding:5px;font-size:12px}#pfDirectHint{font-size:10px;line-height:1.4;margin:7px 0 0;color:inherit;opacity:.8}#pfDirectStatus{font-size:12px;font-weight:700;margin-top:6px;color:#e7ad47}#pfDirectStatus:empty{display:none}.pf-direct-explain{font-size:12px;line-height:1.5;color:var(--app-muted,#a9bdc4);padding:8px 0}.pf-direct-found{outline:2px solid #db9b25;outline-offset:4px;border-radius:5px}#controls .pf-direct-fold h3 button{display:flex;justify-content:space-between;width:100%;text-align:left;border:0;background:transparent;color:inherit;font-weight:700;font-size:12px;padding:4px 0}#controls .pf-direct-fold h3 button:after{content:'−';margin-left:8px}#controls .pf-direct-fold[data-collapsed=true] h3 button:after{content:'+'}@media(min-width:921px){#controls .pf-direct-fold[data-collapsed=true]>:not(h3){display:none!important}#controls .pf-direct-fold h3{margin-bottom:0}#controls .pf-direct-fold[data-collapsed=false] h3{margin-bottom:12px}}@media(max-width:920px){#pfDirectDock{left:8px;top:8px;width:230px;padding:7px}#pfDirectDock button{min-height:34px}#pfDirectHint{display:none}.pf-direct-explain{display:none}}
#pfComponentPicker{position:fixed;inset:100px 16px 16px auto;margin:0;width:min(650px,calc(100vw - 390px));max-width:none;height:auto;max-height:none;padding:20px;background:var(--app-panel,#192d34);color:var(--app-text,#e7f0f0);border:1px solid #557079;border-radius:14px;overflow:auto;box-shadow:0 12px 60px #0005;font:13px Arial,sans-serif}#pfComponentPicker::backdrop{background:#08171b65}#pfComponentPicker header{position:static!important;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0!important;background:transparent!important}#pfComponentPicker h2{font-size:22px;margin:5px 0 12px}#pfComponentPicker header small{font-size:10px;letter-spacing:.08em;color:#69cfca}#pfComponentIntro{line-height:1.6}#pfComponentPicker label{display:grid;gap:5px}#pfComponentSearch{width:100%;box-sizing:border-box;min-height:40px}#pfComponentFilters{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}#pfComponentFilters button{font-size:11px;padding:7px}#pfComponentFilters button[aria-pressed=true]{background:#006d77;color:white}#pfComponentCount{color:var(--app-muted,#a9bdc4);font-size:12px}#pfComponentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#pfComponentGrid .pf-component-card{display:flex;flex-direction:column;gap:8px;padding:0 0 12px;overflow:hidden;white-space:normal;text-align:left;background:var(--app-bg,#13262e);border:1px solid #45636b;border-radius:10px}#pfComponentGrid .pf-component-card:hover,#pfComponentGrid .pf-component-card[aria-pressed=true]{border-color:#48c8cc;box-shadow:0 0 0 1px #48c8cc}#pfComponentGrid img{display:block;width:100%;height:auto;background:#edf3f2;aspect-ratio:24/17}#pfComponentGrid strong,#pfComponentGrid span{padding:0 12px}#pfComponentGrid strong{font-size:13px}#pfComponentGrid span{font-size:11px;font-weight:400;line-height:1.5;color:var(--app-muted,#b0c1c5)}#controls .pf-component-access{width:100%;margin:8px 0 12px;background:#006e77!important;color:white!important;border:1px solid #39acb1;min-height:40px;font-weight:600}.pf-catalog-filters{flex-wrap:wrap}@media(max-width:920px){#pfComponentPicker{inset:5dvh 8px 8px;width:auto;padding:15px}#pfComponentGrid{gap:8px}#pfComponentGrid strong,#pfComponentGrid span{padding:0 8px}}

@media(max-width:920px){#pfDirectDock{position:relative;inset:auto;width:100%;flex:none;display:grid;grid-template-columns:1.08fr 1fr;gap:6px;padding:5px 7px;border-radius:8px;box-shadow:none}#pfDirectDock .pf-direct-zone{margin:0;font-size:0}#pfDirectDock #pfDirectZone{height:36px;font-size:11px;padding:5px}#pfDirectDock .pf-direct-modes{gap:3px}#pfDirectDock button{font-size:10px;padding:4px;min-height:36px}#pfDirectStatus{display:none!important}}
#controls .pf-direct-fold h3 button{background:transparent!important;font-family:system-ui,sans-serif}#controls .pf-direct-fold .grid>label:has(#jarFootGrooves){grid-column:1/-1;justify-content:space-between}
#pfComponentReview{position:sticky;bottom:-20px;display:grid;grid-template-columns:125px minmax(0,1fr);gap:14px;margin:18px -20px -20px;padding:16px 20px;background:var(--app-panel,#192d34);border-top:1px solid #557079;box-shadow:0 -6px 18px #0003}#pfComponentReview[hidden]{display:none}#pfComponentPreview{width:125px;height:auto;border-radius:8px;align-self:start}#pfComponentReview strong{font-size:14px}#pfComponentDescription{margin:5px 0 8px;font-size:11px;color:var(--app-muted,#b0c1c5)}#pfComponentReview .check{display:flex;align-items:center;gap:8px;margin:9px 0;font-size:12px}#pfComponentReview [hidden]{display:none}#pfComponentApply{background:#007d87;color:white;width:100%;font-weight:bold;min-height:40px}#pfComponentReview select{width:100%;min-height:36px}#pfChooseClosure{display:flex;align-items:center;gap:10px;text-align:left;padding:6px!important}#pfChooseClosure img{width:70px;height:50px;border-radius:5px}#pfChooseClosure span{display:grid;gap:5px}#pfChooseClosure small{font-size:11px;font-weight:normal}#pfCoverFinish .check{display:flex;align-items:center;gap:8px}@media(max-width:920px){#pfComponentReview{bottom:-15px;margin:15px -15px -15px;padding:12px 15px;grid-template-columns:85px minmax(0,1fr);gap:10px}#pfComponentPreview{width:85px}#pfComponentDescription{display:none}#pfComponentReview strong{font-size:12px}}

#pfComponentCategory{display:none}#pfChooseClosure small{color:#fff!important}#pfComponentApply{background:#007d87!important;color:#fff!important}@media(max-width:600px){#pfComponentFilters{display:none}#pfComponentCategory:not([hidden]){display:block;width:100%;min-height:42px;margin:12px 0}}

#pfEditOrigin{flex-wrap:wrap;gap:8px}#pfEditCopies{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}#pfEditCopies select{width:auto;max-width:100%;margin:0}#pfEditCopies[hidden]{display:none!important}

@media(max-width:920px){body[data-pf-phone-ui=true]:not(.pf-pbr-active):not(.presentation) #pfEditOrigin:not([hidden]):has(#pfEditCopies:not([hidden])){display:flex!important;padding:6px 8px;gap:5px}body[data-pf-phone-ui=true] #pfEditOrigin:has(#pfEditCopies:not([hidden])) #pfEditOriginText{flex-basis:100%;font-size:10px;line-height:1.3}body[data-pf-phone-ui=true] #pfEditCopies{order:1;flex:1;flex-wrap:wrap;gap:3px}body[data-pf-phone-ui=true] #pfEditCopies select{font-size:12px;min-height:34px}body[data-pf-phone-ui=true] #pfSendDesignToStudio{order:2;font-size:11px;padding:6px;min-height:34px}}