#st-frames .f,#client-st-frames .f{overflow:auto;padding:4px;margin:8px 0;background:#f6f9fb;border:1px solid #e2e8f0;border-radius:4px}#st-frames .f .i,#client-st-frames .f .i{text-align:center;float:left;position:relative}#st-frames .f .i img,#client-st-frames .f .i img{max-width:100%;position:absolute}#st-frames .f .opt,#client-st-frames .f .opt{padding:10px}#st-frames .f .opt textarea,#client-st-frames .f .opt textarea{width:99%;min-width:150px;height:50px;margin:0;padding:4px 6px;font-family:sans-serif;display:block;font-size:90%;box-sizing:border-box;border:1px solid #ddd;border-radius:3px;background:#fff;color:#333}#st-frames .f .opt .frameno,#client-st-frames .f .opt .frameno{float:right;margin-top:-4px;margin-right:-4px;color:#abc;font-weight:600;font-size:110%}#client-st-frames .f{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;box-sizing:border-box}#client-st-frames .f .i{float:none;flex:none;max-width:100%;position:relative;overflow:hidden;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%)50%/16px 16px;border:1px solid #e2e8f0;border-radius:2px;text-align:left}#client-st-frames .f .opt{float:none;flex:1 1 320px;min-width:280px;padding:4px;margin-left:0;box-sizing:border-box}.client-watermark-item{box-sizing:border-box;position:absolute;cursor:move;user-select:none;touch-action:none;line-height:1}.client-watermark-item.client-inherited{opacity:.75}.client-watermark-item:hover{outline:1px dashed rgba(74,158,255,.8)}.client-overlay-item,#client-add-image-wrap .client-overlay-item{position:absolute;left:0;top:0;cursor:move;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;touch-action:none;max-width:none;outline:1px dashed #08c;box-shadow:0 0 5px rgba(0,0,0,.3)}.client-overlay-item:hover,#client-add-image-wrap .client-overlay-item:hover{outline:1px dashed #f05}#client_add_image_select_section{margin:15px 0;padding:16px 20px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:4px}.add-form{width:99%;margin-top:30px;font-size:90%;container-type:inline-size}#client-add-text-wrap .add-form,#client-add-image-wrap .add-form{margin-top:10px}.add-form input.text,.add-form select{padding:1px 3px;font-size:11px;line-height:16px;display:inline-block;max-width:100px}.add-form label{display:block}.add-form .btn{grid-column:1/-1;margin:10px 0 0}.txt-opt-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:10px 0}#st-frames .opt>.add-form>.txt-opt,#client-add-image-wrap .txt-opt{margin:2px 0;padding:0 4px;font-size:11px;min-width:60px;background:0 0;border:none;box-shadow:none}#st-frames .opt>.add-form>.txt-opt{float:left;min-height:48px}#client-add-image-wrap .txt-opt-row{display:grid;grid-template-columns:repeat(2,max-content);gap:6px 16px;margin-top:4px}@container(min-width:450px){#client-add-image-wrap .txt-opt-row {
		grid-template-columns: repeat(4, max-content);
	}
}.txt-opt{margin:0;background:#f8f8f8;border:1px solid #ddd;border-radius:4px;padding:8px;font-size:11px;box-shadow:0 1px 3px rgba(0,0,0,5%)}.txt-opt input[type=text],.txt-opt input[type=number],.txt-opt input[type=color],.txt-opt select,.txt-opt textarea{min-width:55px;height:32px;padding:4px 8px;font-size:11px;line-height:1.2;box-sizing:border-box;margin-top:4px;border:1px solid #ddd;border-radius:3px;background:#fff;color:#333;max-width:150px;transition:border-color .2s,box-shadow .2s}.txt-opt input[type=color]{padding:2px;width:60px;cursor:pointer}.txt-opt input.f-size{min-width:60px}.txt-opt textarea{height:50px;font-family:sans-serif;resize:vertical}.txt-opt input[type=text]:focus,.txt-opt input[type=number]:focus,.txt-opt input[type=color]:focus,.txt-opt select:focus,.txt-opt textarea:focus,.add-form input.text:focus,.add-form select:focus{border-color:#369;outline:none;box-shadow:0 0 0 2px rgba(51,102,153,.2)}.txt-opt input.nm{width:35px;display:inline-block;margin:4px 2px}.txt-opt .f-row{display:flex;align-items:center;gap:3px;margin-top:4px}.txt-opt .f-row input,.txt-opt .f-row select{margin-top:0}.txt-opt .f-row .f-size,.txt-opt .f-row .f-op{width:48px;min-width:44px;max-width:52px;flex:none;padding:4px 4px 4px 6px}.txt-opt .f-row .f-font,.txt-opt .f-row .f-border,.txt-opt .f-row .f-align{flex:1;width:0;min-width:0;max-width:100%}.txt-opt .f-row .f-font{text-overflow:ellipsis}.txt-opt .f-row .f-color,.txt-opt .f-row .f-border-color{width:36px;min-width:36px;max-width:36px;flex:0 0 36px;padding:2px;cursor:pointer}.txt-opt input[type=color]:hover{border-color:#369}.txt-opt input[type=color]::-webkit-color-swatch-wrapper{padding:0}.txt-opt input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.txt-opt input[type=color]::-moz-color-swatch{border:none;border-radius:2px}.txt-opt label{display:block;margin-bottom:4px;color:#555;font-weight:500}@container(max-width:600px){.txt-opt-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}@container(max-width:380px){.txt-opt-grid {
		grid-template-columns: 1fr;
	}
}@media all and (max-width:1000px){#sidebar{display:none}#main{margin:0!important}}@media all and (max-width:800px){.add-form,#client-add-image-wrap .add-form{overflow:hidden}#st-frames .f .i,#client-st-frames .f .i{float:none}.opt,#client-st-frames .f .opt{margin-left:0!important}.ajax-form{margin:0 -10px;padding:0}}.client-font-toolbar{margin:10px 0 14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.client-custom-font-status{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.client-custom-font-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:#e8f4fd;border:1px solid #b6d4fe;border-radius:3px;font-size:11px;color:#084298;line-height:1.3}.client-custom-font-tag strong{font-weight:600}.client-custom-font-remove{color:#dc3545;text-decoration:none;font-weight:700;font-size:15px;line-height:1;margin-left:3px;cursor:pointer;opacity:.8}.client-custom-font-remove:hover{color:#a71d2a;opacity:1;text-decoration:none}@media(prefers-color-scheme:dark){#st-frames .f,#client-st-frames .f{background:#12151b;border-color:#1a1e26;color:#e2e8f0}#client-st-frames .f .i{background:repeating-conic-gradient(#141820 0% 25%,#0d0f14 0% 50%)50%/16px 16px;border-color:#1a1e26}#st-frames .f .opt .frameno,#client-st-frames .f .opt .frameno{color:#64748b}#st-frames .f .opt textarea,#client-st-frames .f .opt textarea{background:#080a0d;border-color:#2a303c;color:#f1f5f9}#st-frames .f .opt textarea:focus,#client-st-frames .f .opt textarea:focus{border-color:#4a80b5;box-shadow:0 0 0 2px rgba(51,102,153,.25)}.txt-opt{background:#181c24;border:1px solid #222631;box-shadow:0 1px 3px rgba(0,0,0,.3)}.txt-opt input[type=text],.txt-opt input[type=number],.txt-opt input[type=color],.txt-opt select,.txt-opt textarea,.add-form input.text,.add-form select,#client-add-image-wrap .add-form input.text,#client-add-image-wrap .add-form select{background:#080a0d;border-color:#2a303c;color:#f1f5f9}.txt-opt label,.add-form label{color:#94a3b8}.txt-opt input[type=text]:focus,.txt-opt input[type=number]:focus,.txt-opt input[type=color]:focus,.txt-opt select:focus,.txt-opt textarea:focus,.add-form input.text:focus,.add-form select:focus{border-color:#4a80b5;box-shadow:0 0 0 2px rgba(51,102,153,.25)}.txt-opt input[type=color]:hover{border-color:#4a80b5}#client_add_image_select_section{background:#12151b;border-color:#1a1e26;color:#e2e8f0}.client-custom-font-tag{background:#10243e;border-color:#1e3a5f;color:#8ab4dc}.client-custom-font-remove{color:#f87171}.client-custom-font-remove:hover{color:#fca5a5}}.dark .client-custom-font-tag,[data-theme=dark] .client-custom-font-tag{background:#10243e;border-color:#1e3a5f;color:#8ab4dc}.dark .client-custom-font-remove,[data-theme=dark] .client-custom-font-remove{color:#f87171}.dark .client-custom-font-remove:hover,[data-theme=dark] .client-custom-font-remove:hover{color:#fca5a5}