#hppe-launch-wrap{margin:14px 0}#hppe-launch{width:100%;font-size:18px;padding:12px}.hppe-hint{font-size:13px;margin:6px 0}.hppe-modal{display:none;position:fixed;inset:0;background:rgb(8 15 25 / .82);z-index:999999;padding:2vh 2vw}.hppe-modal.open{display:block}body.hppe-open{overflow:hidden}.hppe-dialog{background:#fff;max-width:1220px;height:96vh;margin:auto;border-radius:14px;padding:14px;position:relative;display:flex;flex-direction:column;box-sizing:border-box;box-shadow:0 20px 70px rgb(0 0 0 / .35)}.hppe-close{position:absolute;left:12px;top:8px;border:0;background:none;color:#17212f;font-size:34px;line-height:1;z-index:3;cursor:pointer}.hppe-top{display:flex;justify-content:space-between;align-items:center;padding:4px 45px 10px 5px;font-size:18px;gap:12px}.hppe-profile{display:inline-block;margin-inline-start:10px;padding:4px 8px;border-radius:999px;background:#eaf4ff;color:#075a9b;font-size:12px;font-weight:700}.hppe-main{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:15px;min-height:0;flex:1}.hppe-stage-wrap{min-width:0;min-height:0;display:flex;flex-direction:column}.hppe-preview-title{text-align:center;font-weight:800;font-size:16px;margin:0 0 7px}.hppe-stage{background:#20252d;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:10px;touch-action:none;min-height:240px;flex:1}.hppe-stage canvas{max-width:100%;max-height:100%;box-shadow:0 0 0 1px #7f8792,0 8px 30px rgb(0 0 0 / .28);touch-action:none;cursor:move}.hppe-stage #hppe-load-error{color:#fff;padding:20px;text-align:center}.hppe-controls{overflow:auto;padding:4px 6px;text-align:right}.hppe-controls label{display:block;margin:0 0 10px;font-weight:700}.hppe-controls input[type=range],.hppe-controls select,.hppe-controls input[type=text]{width:100%;box-sizing:border-box}.hppe-controls input[type=color]{display:block;width:100%;height:36px;padding:2px}.hppe-controls button{min-height:36px}.hppe-row{display:flex;gap:7px;margin:0 0 10px}.hppe-row button{flex:1}.hppe-row--three button{font-size:12px;padding:5px}.hppe-small{font-size:12px;line-height:1.45}.hppe-bottom{display:flex;gap:8px;align-items:center;padding-top:10px}.hppe-thumbs{display:flex;gap:6px;overflow:auto;flex:1;padding:2px}.hppe-thumb{padding:0;border:2px solid #fff0;border-radius:7px;background:#e7ebef;flex:0 0 auto;overflow:hidden}.hppe-thumb img{display:block;width:56px;height:56px;object-fit:cover}.hppe-thumb.active{border-color:#0878ca;box-shadow:0 0 0 1px #0878ca}.hppe-confirm{display:flex;gap:8px;align-items:flex-start;margin:10px 0 8px;font-size:14px;font-weight:600}.hppe-confirm input{margin-top:3px;flex:0 0 auto}#hppe-save-all{width:100%;min-height:46px;font-size:17px}#hppe-save-all:disabled{opacity:.5;cursor:not-allowed}#hppe-quality{margin-top:7px;padding:7px 10px;border-radius:7px;font-size:13px;font-weight:700;text-align:center}#hppe-quality.is-good{background:#e5f7eb;color:#176b34}#hppe-quality.is-low{background:#fff0d9;color:#8a4d00}#hppe-progress{padding-top:6px;min-height:22px;font-weight:700;text-align:center}@media(max-width:760px){.hppe-modal{padding:0}.hppe-dialog{height:100vh;border-radius:0;padding:8px}.hppe-top{font-size:16px;padding-right:4px;padding-left:42px;align-items:flex-start}.hppe-profile{display:block;margin:4px 0 0}.hppe-main{grid-template-columns:1fr;grid-template-rows:minmax(250px,46vh) minmax(0,1fr);gap:8px}.hppe-controls{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.hppe-controls label{margin-bottom:5px}.hppe-controls hr,.hppe-controls .hppe-small{display:none}.hppe-row--three{grid-column:1/-1}.hppe-bottom{flex-wrap:wrap}.hppe-thumbs{order:4;width:100%}.hppe-confirm{font-size:12px;margin:6px 0}.hppe-thumb img{width:48px;height:48px}#hppe-save-all{min-height:42px;font-size:15px}#hppe-quality{font-size:11px;padding:5px}}body.harel-app-style-active #hppe-launch,body.harel-app-style-active #hppe-save-all{background:var(--harel-primary,#0b63ce)!important;border-color:var(--harel-primary,#0b63ce)!important;color:#fff!important;border-radius:12px!important;font-weight:800!important}body.harel-app-style-active .hppe-dialog{background:var(--harel-card,#fff);color:var(--harel-text,#14181f);border:1px solid var(--harel-border,#e1e6ed);box-shadow:var(--harel-shadow,0 12px 32px rgb(29 52 84 / .09))}body.harel-app-style-active .hppe-profile{background:var(--harel-primary-soft,#eaf3ff);color:var(--harel-primary-dark,#074c9d)}body.harel-app-style-active .hppe-controls button,body.harel-app-style-active .hppe-bottom button{border-radius:10px;border:1px solid var(--harel-border,#e1e6ed)}#hppe-launch{font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important;font-size:20px!important;line-height:1.35!important;letter-spacing:0!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.hppe-top{padding-left:58px!important}.hppe-close{left:14px!important;top:10px!important;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif!important}#hppe-counter{font-family:Arial,Helvetica,sans-serif;font-weight:700;white-space:nowrap}@media(max-width:760px){.hppe-top{padding-left:56px!important}.hppe-close{left:8px!important;top:7px!important}}.hppe-pick-modal{display:none;position:fixed;inset:0;background:rgb(8 15 25 / .82);z-index:1000000;padding:4vh 3vw}.hppe-pick-modal.open{display:flex;align-items:center;justify-content:center}.hppe-pick-dialog{position:relative;width:min(760px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;padding:22px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;text-align:right}.hppe-pick-close{position:absolute;left:10px;top:8px;width:38px;height:38px;border:0;background:#fff0;font:700 32px/1 Arial;cursor:pointer}.hppe-pick-dialog h3{margin:0 0 6px;padding-left:42px}.hppe-pick-dialog p{margin:0 0 14px}.hppe-pick-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hppe-pick-slot{min-height:112px;border:2px dashed #a9b5c2;border-radius:12px;background:#f7f9fb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px;font-family:Arial,Helvetica,sans-serif;cursor:pointer}.hppe-pick-slot.filled{border-style:solid;border-color:#0878ca;background:#eef7ff}.hppe-pick-num{font-weight:700}.hppe-pick-plus{font-size:32px}.hppe-pick-name{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hppe-pick-actions{display:flex;gap:10px;margin-top:14px}.hppe-pick-actions button{flex:1;min-height:44px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.hppe-emoji-wrap{margin:0 0 10px}.hppe-emoji-wrap>strong{display:block;margin-bottom:6px}.hppe-emoji-list{display:flex;flex-wrap:wrap;gap:5px}.hppe-emoji-list button{font-size:20px;min-width:38px!important;min-height:38px!important;padding:3px!important;background:#fff;border:1px solid #d6dde5;border-radius:8px;cursor:pointer}.hppe-controls input[type=color]{cursor:pointer}@media(max-width:600px){.hppe-pick-modal{padding:0}.hppe-pick-dialog{width:100%;height:100%;max-height:none;border-radius:0;padding:16px}.hppe-pick-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.hppe-pick-slot{min-height:95px}.hppe-pick-actions{flex-direction:column}}body #hppe-pick-modal.hppe-pick-modal{display:none!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:4vh 3vw!important;background:rgb(8 15 25 / .82)!important;z-index:2147483000!important;box-sizing:border-box!important}body #hppe-pick-modal.hppe-pick-modal.open{display:flex!important;align-items:center!important;justify-content:center!important}body #hppe-pick-modal .hppe-pick-dialog{display:block!important;position:relative!important;width:min(760px,96vw)!important;max-height:92vh!important;overflow:auto!important;background:#fff!important;border-radius:14px!important;padding:22px!important;box-sizing:border-box!important;font-family:Arial,Helvetica,sans-serif!important;text-align:right!important}body #hppe-pick-modal .hppe-pick-slots{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important}body #hppe-pick-modal button.hppe-pick-slot{display:flex!important;min-height:112px!important;border:2px dashed #a9b5c2!important;border-radius:12px!important;background:#f7f9fb!important;color:#17212f!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important;font-size:16px!important;line-height:1.3!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;padding:10px!important}body #hppe-pick-modal button.hppe-pick-slot.filled{border-style:solid!important;border-color:#0878ca!important;background:#eef7ff!important}body #hppe-pick-modal .hppe-pick-num{font-weight:400!important;font-size:17px!important}body #hppe-pick-modal .hppe-pick-plus{font-weight:400!important;font-size:34px!important;line-height:1!important}body #hppe-pick-modal .hppe-pick-actions{display:flex!important;gap:10px!important;margin-top:14px!important}body #hppe-pick-modal .hppe-pick-actions button{font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important;font-size:16px!important;line-height:1.3!important;min-height:44px!important}@media(max-width:600px){body #hppe-pick-modal.hppe-pick-modal{padding:0!important}body #hppe-pick-modal .hppe-pick-dialog{width:100%!important;height:100%!important;max-height:none!important;border-radius:0!important;padding:16px!important}body #hppe-pick-modal .hppe-pick-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}body #hppe-pick-modal button.hppe-pick-slot{min-height:95px!important}body #hppe-pick-modal .hppe-pick-actions{flex-direction:column!important}}#hppe-modal .hppe-stroke-options.hppe-is-hidden{display:none!important}#hppe-modal .hppe-stroke-options:not(.hppe-is-hidden){display:block!important}#hppe-modal .hppe-stroke-toggle{display:flex!important;align-items:center!important;gap:8px!important}#hppe-modal .hppe-stroke-toggle input{appearance:auto!important;-webkit-appearance:checkbox!important;width:18px!important;height:18px!important;min-width:18px!important;opacity:1!important;position:static!important}#hppe-modal .hppe-text-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}#hppe-modal #hppe-add-text{font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important}#hppe-modal .hppe-emoji-list{display:flex!important;flex-wrap:wrap!important;gap:5px!important;max-height:155px;overflow:auto;padding:4px}#hppe-modal .hppe-emoji-button{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif!important;font-weight:400!important;font-size:24px!important;line-height:1!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;background:#fff!important;border:1px solid #d6dde5!important;border-radius:8px!important}#hppe-modal .hppe-text-layer{display:flex;gap:5px;align-items:center;margin:5px 0;padding:5px;border:1px solid #e1e6ed;border-radius:7px}#hppe-modal .hppe-text-layer span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hppe-modal .hppe-emoji-button .hppe-emoji-art{display:block!important;width:28px!important;height:28px!important;object-fit:contain!important;margin:auto!important;pointer-events:none!important}.hppe-choice-modal{display:none;position:fixed;inset:0;background:rgb(8 15 25 / .82);z-index:2147483100;align-items:center;justify-content:center;padding:20px;font-family:Arial,Helvetica,sans-serif}.hppe-choice-modal.open{display:flex}.hppe-choice-dialog{width:min(720px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:22px;text-align:right;color:#17212f}.hppe-choice-dialog h3{font-size:24px;margin:0 0 18px}.hppe-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hppe-choice-grid button,.hppe-template-grid button,.hppe-freeform-choice{background:#fff;border:2px solid #d9e1e9;border-radius:14px;padding:18px;font:400 18px/1.3 Arial,Helvetica,sans-serif;color:#17212f;cursor:pointer}.hppe-choice-grid button:hover,.hppe-template-grid button:hover,.hppe-freeform-choice:hover{border-color:#0878ca;background:#f3f9ff}.hppe-choice-grid button>strong,.hppe-choice-grid button>span{display:block}.hppe-choice-grid button>strong{font-size:20px;margin:8px 0}.hppe-choice-grid button>span{font-size:13px}.hppe-choice-cancel{margin-top:16px;width:100%;min-height:42px;font:400 16px Arial}.hppe-template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.hppe-template-grid button{padding:10px;font-size:14px}.hppe-mini-template{display:grid;height:70px;gap:3px;margin-bottom:6px}.hppe-mini-template:before,.hppe-mini-template:after{content:"";background:#dbe7f2;border-radius:3px}.hppe-mini-2{grid-template-columns:1fr 1fr}.hppe-mini-3,.hppe-mini-4,.hppe-mini-5,.hppe-mini-6{grid-template-columns:repeat(2,1fr)}.hppe-freeform-choice{width:100%;margin-bottom:8px}.hppe-collage-tools{border-top:2px solid #e5eaf0;margin-top:10px;padding-top:10px}.hppe-collage-tools[hidden]{display:none!important}@media(max-width:700px){.hppe-choice-grid{grid-template-columns:1fr}.hppe-template-grid{grid-template-columns:repeat(2,1fr)}}.hppe-mini-template:before,.hppe-mini-template:after{display:none!important}.hppe-mini-template i{display:block;background:#dbe7f2;border-radius:3px;min-width:0;min-height:0}.hppe-mini-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.hppe-mini-3{grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr}.hppe-mini-3 i:first-child{grid-row:1/3}.hppe-mini-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.hppe-mini-5{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr}.hppe-mini-5 i:nth-child(1),.hppe-mini-5 i:nth-child(2){grid-column:span 3}.hppe-mini-5 i:nth-child(n+3){grid-column:span 2}.hppe-mini-6{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}#hppe-template-modal .hppe-mini-template{display:grid!important;width:100%!important;height:72px!important;gap:4px!important;padding:0!important;margin:0 0 7px!important;background:transparent!important;border:0!important;box-shadow:none!important}#hppe-template-modal .hppe-mini-template>i{display:block!important;position:static!important;float:none!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;background:#dbe7f2!important;border:0!important;border-radius:4px!important;box-shadow:none!important;transform:none!important;opacity:1!important}#hppe-template-modal .hppe-mini-2{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:1fr!important}#hppe-template-modal .hppe-mini-3{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:1fr!important}#hppe-template-modal .hppe-mini-4{grid-template-columns:repeat(4,1fr)!important;grid-template-rows:1fr!important}#hppe-template-modal .hppe-mini-5{grid-template-columns:repeat(5,1fr)!important;grid-template-rows:1fr!important}#hppe-template-modal .hppe-mini-6{grid-template-columns:repeat(6,1fr)!important;grid-template-rows:1fr!important}#hppe-template-modal .hppe-mini-template>i{grid-column:auto!important;grid-row:auto!important}#hppe-modal.hppe-collage-mode #hppe-counter,#hppe-modal.hppe-collage-mode .hppe-bottom{display:none!important}#hppe-template-modal .hppe-mini-template{display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:stretch!important;gap:4px!important}#hppe-template-modal .hppe-mini-template>i{display:block!important;flex:1 1 0!important;height:100%!important;background:#dbe7f2!important;border-radius:4px!important}.hppe-mini-template{display:grid!important;grid-auto-flow:row;gap:3px}.hppe-mini-template i{display:block!important;background:#dbe7f2;border-radius:3px;min-height:20px}.hppe-mini-template:before,.hppe-mini-template:after{display:none!important}.hppe-mini-2{grid-template-columns:repeat(2,1fr)!important}.hppe-mini-3{grid-template-columns:repeat(3,1fr)!important}.hppe-mini-4{grid-template-columns:repeat(2,1fr)!important}.hppe-mini-5{grid-template-columns:repeat(3,1fr)!important}.hppe-mini-6{grid-template-columns:repeat(3,1fr)!important}#hppe-canvas{touch-action:none}