.ite-try-open{display:flex!important;align-items:center;gap:12px;width:100%!important;height:auto!important;min-height:0!important;margin:16px 0 4px!important;padding:12px 16px!important;border:1.5px dashed #5bbcc6!important;border-radius:12px!important;background:#f2fafb!important;color:#1d1d1d!important;text-align:left!important;cursor:pointer;font:inherit;font-size:15px!important;text-transform:none!important;letter-spacing:normal!important;line-height:1.3!important;box-shadow:none!important;transition:background .2s;white-space:normal!important}
.ite-try-open:hover,.ite-try-open:focus{background:#e3f4f6!important;color:#1d1d1d!important}
.ite-try-open svg{flex-shrink:0;color:#5bbcc6}
.ite-try-open span{display:flex;flex-direction:column;line-height:1.3}
.ite-try-open strong{font-size:15px;font-weight:700;color:#1d1d1d}
.ite-try-open small{font-size:13px;color:#555}
html.ite-try-lock,html.ite-try-lock body{overflow:hidden}
.ite-try-modal{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;padding:16px;font-size:15px;line-height:1.45;color:#222}
.ite-try-modal.on{display:flex}
.ite-try-modal *{box-sizing:border-box}
.ite-try-modal button,.ite-try-modal label.ite-try-btn{text-transform:none!important;letter-spacing:normal!important;font-family:inherit!important;box-shadow:none!important;min-height:0!important;height:auto;line-height:1.2!important}
.ite-try-modal .ite-try-label{text-transform:none!important;letter-spacing:normal!important;font-size:14px!important;color:#222!important}
.ite-try-box{background:#fff;border-radius:16px;width:100%;max-width:980px;max-height:100%;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.ite-try-box header{display:flex;align-items:baseline;gap:10px;padding:16px 20px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:2}
.ite-try-box header strong{font-size:18px}
.ite-try-box header span{color:#777;font-size:14px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ite-try-x{background:none!important;border:0!important;font-size:30px!important;line-height:1!important;cursor:pointer;color:#555!important;padding:0 4px!important;width:auto!important}
.ite-try-step{padding:20px}
.ite-try-step[hidden]{display:none}
.ite-try-lead{font-size:16px;margin:0 0 18px;text-align:center}
.ite-try-choice{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ite-try-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;padding:12px 22px!important;border-radius:26px!important;border:1.5px solid #5bbcc6!important;background:#5bbcc6!important;color:#fff!important;font-size:15px!important;font-weight:600!important;cursor:pointer;text-align:center;opacity:1!important}
.ite-try-btn:hover{filter:brightness(.95);color:#fff!important;background:#5bbcc6!important}
.ite-try-btn.ite-try-alt{background:#fff!important;color:#2a8f99!important}
.ite-try-btn.ite-try-alt:hover{background:#f2fafb!important;color:#2a8f99!important}
.ite-try-small{padding:8px 16px!important;font-size:14px!important;align-self:flex-start}
.ite-try-link{background:none!important;border:0!important;color:#555!important;text-decoration:underline!important;cursor:pointer;font-size:14px!important;padding:8px!important;width:auto!important}
.ite-try-privacy{margin:18px 0 0;text-align:center;font-size:13px;color:#666}
.ite-try-video{position:relative;max-width:420px;margin:0 auto;aspect-ratio:3/4;background:#111;border-radius:12px;overflow:hidden}
.ite-try-video video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}
.ite-try-guide{position:absolute;left:50%;top:10%;width:34%;aspect-ratio:3/4;transform:translateX(-50%);border:2px dashed rgba(255,255,255,.6);border-radius:50%;pointer-events:none}
.ite-try-count{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:110px;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.ite-try-count.on{display:flex}
.ite-try-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px}
.ite-try-edit:not([hidden]){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
.ite-try-stage{position:relative;border-radius:12px;overflow:hidden;background:#eee}
.ite-try-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}
.ite-try-stage canvas:active{cursor:grabbing}
.ite-try-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(0,0,0,.65);color:#fff;font-size:13px;padding:6px 12px;border-radius:16px;pointer-events:none;white-space:nowrap;transition:opacity .4s}
.ite-try-hint.gone{opacity:0}
.ite-try-ctrl{display:flex;flex-direction:column;gap:18px}
.ite-try-group{display:flex;flex-direction:column;gap:10px}
.ite-try-label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.ite-try-label em{font-style:normal;font-weight:400;color:#666}
.ite-try-label input[type=range]{width:100%;accent-color:#5bbcc6}
.ite-try-colors{display:flex;flex-wrap:wrap;gap:8px}
.ite-try-chip{width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px;border-radius:50%!important;border:1px solid rgba(0,0,0,.2)!important;cursor:pointer;padding:0!important;box-shadow:inset 0 0 0 2px #fff!important;margin:0!important}
.ite-try-chip.on{outline:2.5px solid #5bbcc6;outline-offset:2px}
.ite-try-seg{display:inline-flex;border:1.5px solid #5bbcc6;border-radius:20px;overflow:hidden;align-self:flex-start}
.ite-try-seg button{background:#fff!important;border:0!important;padding:7px 16px!important;font:inherit;font-size:14px;cursor:pointer;color:#2a8f99!important;border-radius:0!important}
.ite-try-seg button.on{background:#5bbcc6!important;color:#fff!important}
.ite-try-logoopts{display:flex;flex-direction:column;gap:10px}
.ite-try-logoopts[hidden]{display:none}
.ite-try-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:6px;border-top:1px solid #eee}
.ite-try-note{font-size:12px;color:#888;margin:0}
@media (max-width:760px){
	.ite-try-modal{padding:0}
	.ite-try-box{border-radius:0;height:100%;max-height:none}
	.ite-try-edit:not([hidden]){grid-template-columns:1fr;gap:16px}
	.ite-try-stage{max-width:420px;margin:0 auto;width:100%}
	.ite-try-actions .ite-try-btn{flex:1 1 auto}
}
