@import url('assets/inter.css');
/* Editor chrome only: invitation typography lives in its isolated iframe. */
:root{--ui-ink:#252730;--ui-muted:#626975;--ui-font:Inter,Arial,sans-serif}
body{font-family:var(--ui-font);color:var(--ui-ink);font-size:14px;font-weight:500}
button,input,select,textarea{font-family:var(--ui-font)}
#tools button{font-family:var(--ui-font);font-size:12px;font-weight:550;color:#343741;line-height:1.35}
#tools button.active{color:#ee3c65}
#library,#properties{color:var(--ui-ink)}
#library-title{font-size:18px;font-weight:700;line-height:1.4}
#library-content h3,#property-content h3{font-size:16px;font-weight:650;line-height:1.5}
#library-content label,#property-content label,#property-content .field,.studio-form label{font-size:14px;font-weight:550;line-height:1.5;color:var(--ui-ink)}
#property-content summary,#property-content .inspect-section>summary{font-size:15px;font-weight:650}
#property-content input,#property-content select,#property-content textarea{font-size:14px;font-weight:500;line-height:1.5}
#library-content button:not(.font-option),#property-content button{font-size:14px;font-weight:550}
#library-content .studio-tile{font-size:13px;line-height:1.45;font-weight:550;min-height:108px;gap:12px;padding:14px 8px;color:var(--ui-ink);transition:background-color .15s,border-color .15s,box-shadow .15s}
#library-content .studio-tile:hover{transform:none;border-color:#f6b9c9;background:#fff6f8;box-shadow:0 2px 8px #25273008}
.studio-tile span{overflow-wrap:anywhere}
.studio-tabs button,.settings-heading{font-size:14px;font-weight:600}
.small-note,.hint,.muted,.empty-library{color:var(--ui-muted);font-size:12px;line-height:1.65;font-weight:400}
.canvas-toolbar{font:500 12px/1.5 var(--ui-font);color:#50545e}
.topbar button{font-size:13px;font-weight:600}
dialog{font-family:var(--ui-font);font-size:14px;color:var(--ui-ink);font-weight:500}
dialog h3{font-size:19px;font-weight:700}dialog label,dialog input,dialog select,dialog textarea,dialog button{font-family:var(--ui-font);font-size:14px;line-height:1.5}dialog label{font-weight:550}
.utility-options{display:grid;gap:12px}.utility-options label{display:grid;gap:6px;margin:0}.utility-options :is(input,select,textarea){width:100%;min-width:0;padding:9px 10px;border:1px solid #dfe1e7;border-radius:9px;background:#fff;color:var(--ui-ink)}
.utility-options label.utility-check{display:flex;align-items:center;justify-content:space-between;gap:12px}.utility-check input{width:18px;height:18px;accent-color:#f23d65}
.utility-options .fields-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.utility-photo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.utility-photo-list figure{margin:0;position:relative}.utility-photo-list img{width:100%;height:72px;object-fit:cover;border-radius:7px}.utility-photo-list button{padding:2px 6px;background:white;font-size:12px!important}
.utility-field-card{border:1px solid #e4e5e9;border-radius:10px;padding:10px;display:grid;gap:8px}.utility-field-actions{display:flex;gap:6px}.utility-field-actions button{flex:1;padding:6px}
:is(button,input,textarea,select):focus-visible{outline:2px solid #ed6684;outline-offset:2px}
@media(max-width:650px){#library-content .studio-tile{font-size:12px;min-height:96px;padding:10px 5px}#tools button{font-size:11px}#library-title{font-size:17px}}
.media-library{color:#29292e}.media-drop{width:100%;min-height:174px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px dashed #d8d9df!important;border-radius:15px!important;background:#fafafa!important;padding:18px 14px!important;color:#7b8295!important;font-size:12px!important;line-height:1.5}.media-drop svg{width:43px;height:43px;color:#f1395c}.media-drop:hover,.media-drop.dragging{border-color:#f1395c!important;background:#fff7f9!important}.media-drop:disabled{opacity:.65;cursor:progress}.media-tabs{display:flex;background:#f4f4f5;border-radius:24px;margin:10px 0 16px;padding:3px}.media-tabs button{flex:1;border:0!important;border-radius:22px!important;background:transparent;padding:9px!important;font-size:14px!important}.media-tabs [aria-selected=true]{background:white;box-shadow:0 1px 4px #0002}.media-folder{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px 10px!important;border:0!important;background:white;border-radius:12px!important;margin:8px 0}.media-folder:hover{background:#fff5f8}.media-folder img,.media-folder-icon{width:46px;height:46px;object-fit:contain;background:#f4f5f7;border-radius:12px;padding:12px;box-sizing:border-box;color:#aab0bc}.media-folder small{display:block;color:#8e96a7;font-size:12px;margin-top:4px}.media-create{border:1px dashed #dedfe7!important}.media-create>span:last-child{margin-left:auto;font-size:20px}.media-empty{padding:22px 8px;text-align:center;font-style:italic;color:#83899b;font-size:14px}.media-total{font-size:12px;font-style:italic}.media-status{font-size:12px;color:#687084;white-space:pre-line;line-height:1.6}.media-back{width:100%;text-align:left;border:0!important;background:#fafafa!important;padding:10px!important}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-grid article{min-width:0;border:1px solid #ececf1;border-radius:10px;overflow:hidden}.media-grid [data-insert]{padding:0!important;border:0!important;width:100%;background:#f7f7f9;border-radius:0!important}.media-grid img{width:100%;height:145px;object-fit:contain;display:block}.media-grid article>span{display:block;padding:7px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-replace{width:100%;font-size:11px!important;border:0!important;color:#ef355d;background:#fff4f7;border-radius:0!important}.media-folder-dialog{border:0;border-radius:18px;padding:24px;width:min(430px,90vw);color:#29292e;font-family:Inter,sans-serif}.media-folder-dialog::backdrop{background:#0005}.media-folder-dialog h2{font-size:18px;margin:0 0 22px}.media-folder-dialog label{display:grid;gap:8px;font-size:14px}.media-folder-dialog input{font:inherit;border:1px solid #dcdde5;padding:12px;border-radius:10px}.media-folder-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.media-folder-dialog button{padding:9px 20px;border-radius:20px;border:1px solid #ddd;background:#fff;font:inherit}.media-folder-dialog .accent{background:#ef355d;color:white;border-color:#ef355d}.media-folder-dialog [role=status]{font-size:12px;color:#cd2348}.canvas-palette small{min-width:74px;max-width:126px!important;padding:6px 2px;overflow-wrap:anywhere;font-size:11px!important;color:#4b5261}.canvas-palette [data-color]:focus-visible{outline:2px solid #f1395c;outline-offset:2px}

.tx-range input[type=range]{appearance:none;height:4px;border:0;border-radius:10px;background:#f9c1ce;outline-offset:5px;padding:0;cursor:pointer}.tx-range input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border:2px solid #f44b70;border-radius:50%;background:white;box-shadow:0 1px 3px #0001}.tx-range input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid #f44b70;border-radius:50%;background:white}.tx-section .tx-field input[type=checkbox]{accent-color:#f1395c}

/* Inspector sliders keep a comfortable hit area around their four-pixel track. */
.tx-range input[type=range]{height:28px;background:transparent;touch-action:none;cursor:ew-resize}.tx-range input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:10px;background:#f9c1ce}.tx-range input[type=range]::-webkit-slider-thumb{margin-top:-5.5px}.tx-range input[type=range]::-moz-range-track{height:4px;border-radius:10px;background:#f9c1ce}

.inspector-mode-tabs{position:sticky;top:0;z-index:8;display:flex;isolation:isolate;background:#f5f5f6;border-radius:24px;padding:3px;margin-bottom:14px}.inspector-mode-tabs[hidden]{display:none}.inspector-mode-tabs button{position:relative;z-index:1;flex:1;min-width:0;border:0;background:transparent;border-radius:22px;padding:10px 8px;font:600 14px/20px Arial;color:#333;cursor:pointer;transition:color .2s}.inspector-mode-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:22px;background:white;box-shadow:0 1px 4px #0001;transform:translateX(0);transition:transform .24s cubic-bezier(.22,.61,.36,1);pointer-events:none}.inspector-mode-tabs[data-mode=effects] .inspector-mode-thumb{transform:translateX(100%)}.inspector-mode-tabs button[aria-selected=true]{color:#111}.inspector-mode-tabs button:focus-visible{outline:2px solid #f64e71;outline-offset:-2px}@media(prefers-reduced-motion:reduce){.inspector-mode-thumb,.inspector-mode-tabs button{transition:none}}

/* media107 */
.inspector-mode-tabs~#property-content>.inspector-tabs,.inspector-mode-tabs~#property-content>.tx-tabs{display:none!important}
.media-drop{position:relative}.media-plan{align-self:flex-start;padding:3px 8px;border-radius:7px;background:#ffe6ef;color:#be2759;font-size:12px}.media-quota-note{font-size:12px;line-height:1.6;color:#667085}.media-drop:disabled{opacity:.7}
html[data-theme="dark"] .media-drop{background:#2b303c!important;color:#dbe2ee!important;border:1px dashed #687388!important}
html[data-theme="dark"] :is(.media-empty,.media-total,.media-quota-note,.media-status){color:#bbc5d6!important}
html[data-theme="dark"] .inspector-mode-tabs{border:0!important;background:#303543!important}
html[data-theme="dark"] .inspector-mode-thumb{background:#505969!important}
html[data-theme="dark"] .inspector-mode-tabs button{border:0!important;background:transparent!important;color:#e8edf5!important}

/* library108: photo selection and reversible library management */
.media-grid article{position:relative;border:2px solid transparent;border-radius:12px;padding:3px;overflow:hidden}.media-grid article.is-checked{border-color:#f64e71;background:#fff0f5}.media-grid .media-thumb{cursor:grab;width:100%;padding:0;border:0;overflow:hidden;border-radius:9px}.media-grid .media-thumb:active{cursor:grabbing}.media-check{position:absolute;top:8px;left:8px;cursor:pointer;width:23px;height:23px}.media-check input{position:absolute;opacity:0;width:23px;height:23px;margin:0}.media-check span{display:grid;place-items:center;background:#fff;border:1px solid #cbd0db;border-radius:6px;width:23px;height:23px;color:transparent;font-size:14px;pointer-events:none}.media-check input:checked+span{background:#f64e71;color:white;border-color:#f64e71}.media-check input:focus-visible+span{outline:2px solid #3159dc;outline-offset:2px}.media-target-hint{font-size:12px;line-height:1.6;color:#677185}.media-bottom{position:sticky;bottom:0;background:var(--lv-panel,#fff);padding:10px 0;margin-top:16px;z-index:3}.media-selection{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;background:#292b34;color:white;padding:9px;border-radius:12px;margin-top:8px;font-size:12px}.media-selection button{background:#424550!important;color:#fff!important;border:0!important;padding:6px 8px!important;border-radius:7px}.media-add{width:100%;font-size:11px!important;padding:5px!important}.media-drop-target{outline:3px solid #f64e71!important}.media-folder-dialog select{width:100%;padding:10px;border:1px solid #d9dce5;border-radius:8px}.media-folder-dialog::backdrop{background:#0005}
html[data-theme="dark"] .media-grid article.is-checked{background:#442c3a}html[data-theme="dark"] .media-target-hint{color:#bdc6d7}html[data-theme="dark"] .media-bottom{background:#242731}

/* Image editing and media feedback. */
.crop109{width:min(850px,96vw);max-width:96vw;max-height:94dvh;border:0;border-radius:16px;padding:18px;background:#fff;color:#222;overflow:auto}.crop109::backdrop{background:#0008}.crop109 header,.crop109 footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.crop109 h3{margin:0}.crop109 header button{font-size:24px;border:0}.crop109 footer{justify-content:flex-end;padding-top:12px}.crop109-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px}.crop109-layout aside{padding:0;overflow:visible}.crop109-stage{background:#858585;display:flex;align-items:center;justify-content:center;min-height:280px;overflow:hidden}.crop109-image{position:relative;max-height:560px;flex:none}.crop109-image>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.crop109-box{position:absolute;border:2px solid #63a9f8;box-shadow:0 0 0 1000px #0007;touch-action:none;cursor:move}.crop109-box i{position:absolute;inset:0;background:linear-gradient(to right,transparent 32.9%,#fff8 33%,transparent 33.3%,transparent 66.3%,#fff8 66.6%,transparent 67%),linear-gradient(to bottom,transparent 32.9%,#fff8 33%,transparent 33.3%,transparent 66.3%,#fff8 66.6%,transparent 67%);pointer-events:none}.crop109-box b{position:absolute;width:9px;height:9px;background:#63a9f8;transform:translate(-50%,-50%)}.crop109-box [data-handle=nw]{left:0;top:0;cursor:nwse-resize}.crop109-box [data-handle=n]{left:50%;top:0;cursor:ns-resize}.crop109-box [data-handle=ne]{left:100%;top:0;cursor:nesw-resize}.crop109-box [data-handle=e]{left:100%;top:50%;cursor:ew-resize}.crop109-box [data-handle=se]{left:100%;top:100%;cursor:nwse-resize}.crop109-box [data-handle=s]{left:50%;top:100%;cursor:ns-resize}.crop109-box [data-handle=sw]{left:0;top:100%;cursor:nesw-resize}.crop109-box [data-handle=w]{left:0;top:50%;cursor:ew-resize}.crop109-shapes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;min-height:120px;margin-bottom:22px;align-content:start}.crop109-shapes button{padding:5px}.crop109-shapes span{display:block;background:#788793;width:28px;height:30px}.crop109-ratios{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.crop109 [aria-pressed=true]{background:#fff0f5;border-color:#ef456c;color:#d92858}.crop109-ratios button{border-radius:24px}.media-folder-cover{width:48px!important;height:48px!important;border-radius:12px;object-fit:cover}.media-hover109{position:fixed;width:240px;z-index:1000;pointer-events:none;padding:10px;background:#fff;border-radius:16px;box-shadow:0 18px 50px #15233538;color:#fff}.media-hover109 img{width:100%;height:300px;object-fit:contain;display:block}.media-hover109 span{display:block;width:max-content;max-width:100%;font-size:11px;background:#343434;border-radius:20px;padding:4px 9px;margin:-35px auto 12px}.media-upload109{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;align-items:center;gap:9px;max-width:min(540px,90vw);background:white;color:#303943;padding:12px 18px;border-radius:14px;box-shadow:0 4px 24px #0003;font-size:14px}.media-upload109 i{width:18px;height:18px;flex:none;border:2px solid #f8c5d1;border-top-color:#ef456c;border-radius:50%;animation:upload109spin .8s linear infinite}.media-upload109[data-phase=success] i,.media-upload109[data-phase=error] i{animation:none;border:0;background:#45bc24;color:#fff;text-align:center;font-style:normal}.media-upload109[data-phase=error] i{background:#db324c}@keyframes upload109spin{to{transform:rotate(360deg)}}@media(max-width:620px){.crop109-layout{grid-template-columns:1fr}.crop109-image{max-height:45dvh}.crop109-layout aside{display:block}.crop109-shapes{min-height:0;grid-template-columns:repeat(8,1fr)}.crop109-ratios{grid-template-columns:repeat(3,1fr)}}

.crop109-box{background:#0007}.crop109-box i:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 32.9%,#fff8 33%,transparent 33.3%,transparent 66.3%,#fff8 66.6%,transparent 67%),linear-gradient(to bottom,transparent 32.9%,#fff8 33%,transparent 33.3%,transparent 66.3%,#fff8 66.6%,transparent 67%)}

.media-folder .media-folder-cover{padding:0!important;object-fit:cover!important;background:transparent!important}@media(max-width:620px){.crop109-image{max-height:560px}}

.bg112{width:min(1000px,96vw);max-width:96vw;max-height:94dvh;padding:20px;border:0;border-radius:16px;background:#fff;color:#24313b}.bg112::backdrop{background:#0008}.bg112 header,.bg112 footer,.bg112-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bg112 header{justify-content:space-between}.bg112 h3{margin:0}.bg112 footer{justify-content:flex-end;margin-top:12px}.bg112 [data-apply],.bg112 [aria-pressed=true]{background:#ef456c;color:white;border-color:#ef456c}.bg112-tools{margin:12px 0}.bg112-tools label{display:flex;align-items:center;gap:6px;font-size:13px}.bg112-stage{max-height:55dvh;overflow:auto;text-align:center;background:repeating-conic-gradient(#e7e9ed 0% 25%,#fff 0% 50%) 0/20px 20px;border-radius:10px}.bg112 canvas{display:block;max-width:100%;max-height:55dvh;margin:auto;width:auto;height:auto;touch-action:none;cursor:crosshair}.bg112-hint{font-size:13px;line-height:1.5;color:#556373}.bg112 [hidden]{display:none!important}.bg112 progress{width:100%}