.hhptp-field{margin:24px 0 18px;clear:both}.hhptp-label{display:block;margin:0 0 7px;font-size:16px;line-height:1.35;font-weight:500;color:#111}.hhptp-max{font-weight:400}.hhptp-input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d5d9df;border-radius:6px;background:#fff;box-shadow:none;font-size:16px;line-height:1.3}.hhptp-input:focus{border-color:#8aa5c4;outline:none;box-shadow:0 0 0 2px rgba(138,165,196,.18)}.hhptp-underline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;font-size:14px;color:#555}.hhptp-count{white-space:nowrap;opacity:.75}.hhptp-gallery-host{position:relative !important}.hhptp-live-layer{position:absolute;z-index:60;display:flex;box-sizing:border-box;pointer-events:none;overflow:hidden;padding:0 2px;opacity:1;transition:opacity .12s ease;transform-origin:center center;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hhptp-live-layer.is-empty{opacity:0}.hhptp-live-inner{width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}.hhptp-show-frame .hhptp-live-layer{outline:1px dashed rgba(0,128,255,.8);background:rgba(0,128,255,.05)}.hhptp-lines{display:grid;gap:10px}.hhptp-line-row{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:8px;align-items:stretch}.hhptp-line-row:first-child{grid-template-columns:minmax(0,1fr) 120px}.hhptp-line-input-wrap{position:relative}.hhptp-line-count{position:absolute;right:10px;bottom:-24px;font-size:13px;color:#777;pointer-events:none}.hhptp-line-size{min-height:44px;padding:8px 10px;border:1px solid #d5d9df;border-radius:6px;background:#fff;font-size:14px}.hhptp-add-line{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:32px;margin-top:10px;padding:4px 10px;border:1px solid #d5d9df;border-radius:999px;background:#fff;color:#111;font-size:14px;cursor:pointer}.hhptp-add-line:disabled{opacity:.45;cursor:not-allowed}.hhptp-remove-line{width:44px;min-height:44px;border:1px solid #d5d9df;border-radius:6px;background:#fff;color:#a00;font-size:22px;line-height:1;cursor:pointer}.hhptp-live-line{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:520px){.hhptp-line-row,.hhptp-line-row:first-child{grid-template-columns:minmax(0,1fr)}.hhptp-remove-line{width:100%}}.hhptp-lines{gap:12px}.hhptp-line-row,.hhptp-line-row:first-child{grid-template-columns:minmax(0,1fr) 150px 50px;gap:10px;align-items:center}.hhptp-line-row:first-child:after{content:"";display:block;width:50px;min-height:44px}.hhptp-line-input-wrap{min-width:0}.hhptp-input{height:46px;min-height:46px;padding-right:64px;box-sizing:border-box}.hhptp-line-size{width:100%;height:46px;min-height:46px;box-sizing:border-box}.hhptp-remove-line{width:50px;height:46px;min-height:46px;box-sizing:border-box}.hhptp-line-count{right:12px;top:50%;bottom:auto;transform:translateY(-50%);font-size:13px;line-height:1;color:#777;background:rgba(255,255,255,.92);padding-left:5px}.hhptp-underline{margin-top:12px}.hhptp-add-line{margin-top:12px}@media (max-width:520px){.hhptp-line-row,.hhptp-line-row:first-child{grid-template-columns:minmax(0,1fr)}.hhptp-line-row:first-child:after{display:none}}.hhptp-live-inner{width:100%;max-width:100%;white-space:normal;overflow:visible}.hhptp-live-line{display:block;width:100%;max-width:none;white-space:nowrap !important;word-break:keep-all !important;overflow-wrap:normal !important;hyphens:none !important}.hhptp-field,.hhptp-field *{box-sizing:border-box}.hhptp-field{width:100%;max-width:100%}.hhptp-lines{display:grid !important;gap:12px !important;width:100%}.hhptp-line-row,.hhptp-line-row:first-child{display:grid !important;grid-template-columns:minmax(0,1fr) 150px 52px !important;column-gap:12px !important;row-gap:8px !important;align-items:center !important;width:100%}.hhptp-line-row:first-child:after{content:"";display:block;width:52px;min-width:52px;height:46px}.hhptp-line-input-wrap{position:relative;width:100%;min-width:0}.hhptp-input{width:100% !important;height:46px !important;min-height:46px !important;margin:0 !important;padding:10px 58px 10px 14px !important;border-radius:6px !important;font-size:16px !important;line-height:1.2 !important;box-shadow:none}.hhptp-line-count{position:absolute !important;top:50% !important;right:12px !important;bottom:auto !important;transform:translateY(-50%) !important;margin:0 !important;padding-left:6px !important;background:rgba(255,255,255,.94) !important;color:#777 !important;font-size:14px !important;line-height:1 !important;pointer-events:none}.hhptp-line-size{width:100% !important;height:46px !important;min-height:46px !important;margin:0 !important;padding:8px 34px 8px 12px !important;border-radius:6px !important;font-size:16px !important;line-height:1.2 !important}.hhptp-remove-line{width:52px !important;min-width:52px !important;height:46px !important;min-height:46px !important;margin:0 !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:6px !important;font-size:24px !important;line-height:1 !important}.hhptp-add-line{margin-top:12px !important}.hhptp-underline{margin-top:12px !important}@media (max-width:520px){.hhptp-line-row,.hhptp-line-row:first-child{grid-template-columns:minmax(0,1fr) !important}.hhptp-line-row:first-child:after{display:none !important}.hhptp-remove-line{width:100% !important}}.hhptp-show-frame .hhptp-live-layer.is-empty{opacity:1 !important}.hhptp-show-frame .hhptp-live-layer{min-width:18px;min-height:18px}.hhptp-live-layer,.hhptp-live-layer *{box-sizing:border-box}@media (max-width:1024px){.hhptp-live-layer{outline-width:1px !important}.hhptp-label{font-size:15px;line-height:1.35}.hhptp-line-row,.hhptp-line-row:first-child{grid-template-columns:minmax(0,1fr) minmax(105px,34%) 46px !important;column-gap:8px !important}.hhptp-line-row:first-child:after{width:46px;min-width:46px}.hhptp-input,.hhptp-line-size,.hhptp-remove-line{height:44px !important;min-height:44px !important}.hhptp-input{font-size:15px !important;padding-right:54px !important}.hhptp-line-size{font-size:15px !important;padding-left:10px !important;padding-right:28px !important}.hhptp-remove-line{width:46px !important;min-width:46px !important;font-size:22px !important}.hhptp-line-count{right:10px !important;font-size:13px !important}}@media (max-width:420px){.hhptp-line-row,.hhptp-line-row:first-child{grid-template-columns:minmax(0,1fr) 96px 42px !important;column-gap:6px !important}.hhptp-line-row:first-child:after{width:42px;min-width:42px}.hhptp-line-size{font-size:14px !important}.hhptp-remove-line{width:42px !important;min-width:42px !important}.hhptp-underline{align-items:flex-start !important;gap:8px !important;font-size:13px !important}}.hhptp-field.is-disabled .hhptp-input,.hhptp-field.is-disabled .hhptp-line-size,.hhptp-field.is-disabled .hhptp-add-line,.hhptp-field.is-disabled .hhptp-remove-line{background:#f3f4f6 !important;color:#9a9a9a !important;border-color:#d9dde3 !important;cursor:not-allowed !important;box-shadow:none !important}.hhptp-field.is-disabled .hhptp-line-count,.hhptp-field.is-disabled .hhptp-underline{color:#9a9a9a !important}.hhptp-field.is-disabled .hhptp-add-line,.hhptp-field.is-disabled .hhptp-remove-line{opacity:.6 !important}.hhptp-live-layer.is-disabled{opacity:0 !important}@media (max-width:1024px){.hhptp-gallery-host{position:relative !important;overflow:visible !important}.hhptp-gallery-host .hhptp-live-layer{z-index:999 !important;opacity:1;pointer-events:none !important}.hhptp-gallery-host .hhptp-live-layer.is-empty,.hhptp-gallery-host .hhptp-live-layer.is-disabled{opacity:0 !important}.hhptp-field:not(.is-disabled) .hhptp-add-line:not([style*="display: none"]){display:inline-flex !important}}.hhptp-mobile-preview{display:none}@media (max-width:1024px){.hhptp-mobile-preview{display:block;margin:0 0 16px;padding:12px;border:1px solid #e1e5ea;border-radius:12px;background:#f7f9fb}.hhptp-mobile-preview.is-empty{display:none}.hhptp-mobile-preview-title{margin:0 0 8px;font-size:13px;font-weight:600;color:#555}.hhptp-mobile-preview-stage{position:relative;overflow:hidden;width:100%;max-height:360px;border-radius:10px;background:#eaf0f5}.hhptp-mobile-preview-image{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;margin:0 auto}.hhptp-mobile-preview-layer{position:absolute;z-index:2;display:flex;box-sizing:border-box;pointer-events:none;overflow:hidden;padding:0 2px;transform-origin:center center;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hhptp-mobile-preview-inner{width:100%;max-width:100%;overflow:visible}.hhptp-mobile-preview-line{display:block;width:100%;max-width:none;white-space:nowrap !important;word-break:keep-all !important;overflow-wrap:normal !important;hyphens:none !important}.hhptp-field:not(.is-disabled) .hhptp-add-line{display:inline-flex !important;visibility:visible !important}}@media (max-width:1024px){.hhptp-mobile-preview:not(.is-empty){display:block !important;visibility:visible !important;opacity:1 !important}.hhptp-field{position:relative;z-index:3}.hhptp-field:not(.is-disabled) .hhptp-add-line{display:inline-flex !important;visibility:visible !important;opacity:1 !important}.hhptp-mobile-preview-stage{min-height:180px}}@media (max-width:1024px){.hhptp-mobile-preview{display:block !important;visibility:visible !important;opacity:1 !important;margin:0 0 18px !important}.hhptp-mobile-preview.is-empty{display:none !important}.hhptp-mobile-preview.has-no-image .hhptp-mobile-preview-stage{min-height:140px;background:linear-gradient(135deg,#eef3f7,#f8fafc)}.hhptp-mobile-preview.has-no-image .hhptp-mobile-preview-layer{position:absolute !important;display:flex !important;align-items:flex-start;justify-content:center}.hhptp-field:not(.is-disabled) .hhptp-add-line{display:inline-flex !important;visibility:visible !important;opacity:1 !important;pointer-events:auto !important}.hhptp-field .hhptp-lines{gap:12px !important}.hhptp-line-row{grid-template-columns:minmax(0,1fr) minmax(112px,28%) auto !important;align-items:stretch !important}.hhptp-line-row:first-child{grid-template-columns:minmax(0,1fr) minmax(112px,28%) !important}}@media (max-width:520px){.hhptp-line-row,.hhptp-line-row:first-child{grid-template-columns:minmax(0,1fr) minmax(104px,28%) !important;gap:8px !important}.hhptp-line-row:not(:first-child){grid-template-columns:minmax(0,1fr) minmax(104px,28%) 44px !important}.hhptp-input,.hhptp-line-size,.hhptp-remove-line{min-height:44px !important}}