.create-backdrop{opacity:0;pointer-events:none;z-index:9999;background:#0009;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:fixed;inset:0}.create-backdrop.open{opacity:1;pointer-events:auto}.modal-create{--mus-modal-bg:var(--surface-bg);--mus-modal-border:var(--surface-border);--mus-text:var(--text);--mus-muted:var(--muted);--mus-chip-bg:var(--prefs-chip-bg);--mus-chip-border:var(--prefs-chip-border);--mus-chip-text:var(--prefs-chip-text);background:var(--mus-modal-bg);border:1px solid var(--mus-modal-border);border-radius:14px;flex-direction:column;width:min(1100px,100vw - 24px);max-height:calc(100dvh - 24px);display:flex;overflow:hidden;box-shadow:0 10px 40px #00000080}.modal-create .head{background:var(--mus-modal-bg);border-bottom:1px solid var(--mus-modal-border);align-items:center;gap:8px;padding:12px;display:flex}.modal-create .head .btn.sm{border-radius:10px;height:32px;min-height:32px;padding:0 12px;line-height:32px}.modal-create .foot{border-top:1px solid var(--line,#2a2a2a);color:var(--mus-muted);background:0 0;align-items:center;gap:8px;padding:10px 16px 14px;font-size:12px;display:flex}@media (width<=880px){.modal.modal-create .head{grid-template-columns:1fr auto;grid-template-areas:"title close""warn warn""actions actions";align-items:start;row-gap:8px;display:grid!important}.modal.modal-create .head>:first-child{white-space:normal;grid-area:title;line-height:1.2}.modal.modal-create .head .close,.modal.modal-create .head [data-act=close]{grid-area:close}.modal.modal-create .head .cm-close-warn{color:#ff4d4f;grid-area:warn;font-size:13px;line-height:1.35}.modal.modal-create .head .cm-head-actions{grid-area:actions;grid-template-columns:1fr 1fr;justify-items:center;gap:8px;display:grid}.modal.modal-create .head .cm-head-actions .btn{width:100%;min-height:40px}}.modal.modal-create .foot{border-top:1px solid var(--line,#2a2a2a);color:#9aa3b2;background:0 0;padding:10px 16px 14px}.modal-create .head .ttl{color:var(--mus-text);flex:1;font-size:14px;font-weight:600}.modal-create .head .xbtn{background:var(--mus-modal-bg);width:32px;height:32px;color:var(--mus-text);border:1px solid var(--mus-modal-border);cursor:pointer;border-radius:10px;place-items:center;padding:0;line-height:0;transition:background .15s,border-color .15s,transform 80ms,box-shadow .15s;display:grid}.modal-create .head .xbtn:hover{background:var(--mus-modal-bg);border-color:var(--mus-modal-border)}.modal-create .head .xbtn:active{transform:scale(.97)}.modal-create .head .xbtn:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff12}.modal-create .head .xbtn svg{width:18px;height:18px;display:block}.modal-create .photos>.thumbs.many:empty{margin-top:0;display:none}.modal-create .photos-drop .pd-ico{color:#eaeaea}html[data-theme=light] .modal-create .photos-drop .pd-ico{color:#2f3848}.toast{background:var(--mus-modal-bg);color:var(--mus-text);border:1px solid var(--mus-modal-border);opacity:0;pointer-events:none;border-radius:10px;padding:8px 12px;transition:opacity .15s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.toast.success,.toast.error{background:var(--mus-modal-bg)}@media (width<=980px){.modal-create .body{grid-template-columns:1fr}.modal-create .col.prev{position:relative;top:auto}}.modal-create .body{grid-template-columns:1fr 340px;gap:16px;padding:16px;display:grid}.modal-create .col{flex-direction:column;gap:12px;min-width:0;display:flex}.modal-create .col.prev{align-self:start;position:sticky;top:62px}.modal-create .texts-stack{gap:12px;display:grid}.modal.modal-create{--xbtn-size:32px}.modal.modal-create .head{min-height:var(--head-h);align-items:center;gap:10px;padding:8px 12px;display:flex}.modal.modal-create .head .ttl{flex:auto;min-width:0;line-height:1.4}.modal.modal-create .head .xbtn{width:var(--xbtn-size);height:var(--xbtn-size);border:1px solid var(--line,var(--surface-border));background:var(--bg-elev);color:var(--text);border-radius:10px;justify-content:center;align-items:center;margin-left:8px;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.modal.modal-create .head .xbtn:hover{background:var(--bg-elev);border-color:var(--line)}.modal.modal-create .head .xbtn:focus-visible{box-shadow:0 0 0 3px var(--btn-focus-ring,#3d5afe59);outline:none}.fi{flex-direction:column;gap:6px;display:flex}.modal.modal-create .cm-ttl-main{color:var(--cm-form-title-main);font-size:14px;font-weight:400;display:block}.modal.modal-create .cm-ttl-sub{color:var(--cm-form-title-sub);padding:2px 2px 0;font-size:12px;font-weight:400;line-height:1.35;display:block}.create-backdrop{--cm-form-title-main:#b1b6c2;--cm-form-title-sub:#b1b6c2}html[data-theme=light] .create-backdrop{--cm-form-title-main:#141925;--cm-form-title-sub:#4b5366}.modal.modal-create{--cm-form-title-paren:#5c5c5c}html[data-theme=light] .modal.modal-create{--cm-form-title-paren:#717889}.create-backdrop .modal.modal-create{--create-field-placeholder-size:16px;--create-field-placeholder-color:#5d5d5d}html[data-theme=light] .create-backdrop .modal.modal-create{--create-field-placeholder-color:#858585}.modal.modal-create .cm-ttl-paren{color:var(--cm-form-title-paren)}.modal.modal-create .cm-ttl-help{vertical-align:-2px;margin-left:4px;display:inline-flex}.fi input[type=text]:not(.specsel-filter),.fi input[type=number],.fi textarea,.fi select{background:var(--mus-modal-bg);border:1px solid var(--mus-modal-border);color:var(--mus-text);border-radius:10px;outline:none;width:100%;padding:10px 12px}.create-backdrop .modal.modal-create .fi input:not(.specsel-filter)::placeholder,.create-backdrop .modal.modal-create .fi textarea::placeholder{font-size:var(--create-field-placeholder-size,16px);color:var(--create-field-placeholder-color,#5d5d5d);opacity:1;font-family:var(--site-font,inherit)!important}.is-autofilled,.fi .is-autofilled{opacity:.65;filter:grayscale(.06);cursor:not-allowed!important}.fi[data-locked]{cursor:default}.fi[data-locked] input.is-autofilled,.fi[data-locked] select.is-autofilled,.fi[data-locked] textarea.is-autofilled{cursor:not-allowed!important}.deny-tip{z-index:10000;background:var(--tx-hint-bg,var(--brand-accent));color:#fff;border:1px solid var(--tx-hint-bd,var(--brand-accent));pointer-events:none;opacity:0;white-space:nowrap;border-radius:8px;padding:6px 8px;font-size:12px;line-height:1.3;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%,-140%);box-shadow:0 8px 18px #00000059}.deny-tip.show{opacity:1;transform:translate(-50%,-160%)}.is-compact{text-align:center;min-width:84px}.is-compact option{text-align:center}.fi textarea{resize:none;font-family:inherit;font-size:var(--form-text-size,18px);line-height:var(--form-text-lh,1.6);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:auto}.fi.narrow input[name=age],.fi.narrow select[name=sex]{text-align:center;width:84px;max-width:120px;height:48px;padding:0 12px;line-height:48px}.hint-inline{color:var(--cm-form-title-paren);font-size:12px;font-style:normal;font-weight:400}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.ghost-hint{color:#9aa;opacity:.95;font-size:12px;transition:opacity .2s,height .2s,margin .2s}.ghost-hint.hide{opacity:0;height:0;margin:0;overflow:hidden}.cnt{color:#a0a0a0;margin-left:auto;font-size:12px;font-style:normal}.meter{background:#151515;border:1px solid #1e1e1f;border-radius:6px;height:6px;margin-top:-2px;overflow:hidden}.meter i{background:var(--brand-accent);width:0%;height:100%;transition:width .1s linear;display:block}.tx-field{border-radius:var(--radius-sm,10px);border:1px solid var(--mus-modal-border);background:var(--mus-modal-bg);position:relative;overflow:hidden}.tx-field textarea{z-index:1;background:0 0;margin:0;display:block;position:relative;border:0!important;border-radius:0!important}.tx-field .tx-meter{background:linear-gradient(90deg, var(--cm-accent,var(--brand-accent)) 0%, var(--cm-accent,var(--brand-accent)) 65%, var(--cm-progress-full,#00a324) 100%);pointer-events:none;z-index:2;border:none;border-radius:0;width:0%;height:2px;margin:0;padding:0;transition:width .16s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tx-field .tx-meter:before{content:"";background:var(--cm-progress-full,#00a324);pointer-events:none;width:0;transition:width .28s ease-out;position:absolute;top:0;bottom:0;right:0}.tx-field .tx-meter.tx-meter--full:before{width:100%}.modal.modal-create .tx-field:focus-within{border-color:#2a2a2a!important}[data-theme=light] .modal.modal-create .tx-field:focus-within{border-color:#9aa3b2!important}.modal.modal-create .fi[data-locked],.modal.modal-create .fi[data-locked] .ctrl{position:relative}.modal.modal-create .fi[data-locked] .lock-shield{cursor:not-allowed;z-index:50;background:0 0;border:0;position:absolute;inset:0}.modal.modal-create .fi[data-locked] .lock-shield:focus{outline:none}.modal.modal-create .fi[data-locked][data-lock-scope=ctrl] .ctrl{position:relative}.modal.modal-create .fi[data-locked][data-lock-scope=ctrl] .ctrl>.lock-shield{position:absolute;inset:0}
