Files
wordpress-theme-aksrt/assets/creator-studio/build/index.css
T
kate522 4cd296c066 refactor(creator-studio): pick the cover from the toolbar image dialog
The cover row carried its own hidden file input and upload call, so authors
had two different image flows in one page.

- 添加封面 now opens window.JioSubmitMedia with type=image, the same dialog
  the toolbar's 图片 button uses (mine / upload / external link).
- The picked image is stored as the full-size URL plus its attachment id,
  matching FrontSubmitFeatured's image branch, which re-checks ownership
  and sets the post thumbnail.
- Removes the now-unused uploadCover path, apiUpload/nonce imports, and the
  .jio-creator__cover-input rule.

Contract added; 887 widget-system tests pass.
2026-11-09 15:57:30 +08:00

2 lines
27 KiB
CSS

.jio-page-submit{background:#f6f6f6}body.jio-page-submit.has-static-nav,body.jio-page-submit.nav-fixed{padding-top:0!important}.jio-page-submit .float-btn,.jio-page-submit .footer,.jio-page-submit .footer-tabbar,.jio-page-submit .header,.jio-page-submit .jio-float-buttons{display:none!important}.jio-page-submit #main-content.container{max-width:none;padding:0}#jio-creator-studio.is-ready{display:block}.jio-creator{--jc-ink:#2b2b2b;--jc-ink-soft:#7d8683;--jc-paper:#f6f6f6;--jc-line:#e6e9e8;--jc-accent:#267665;--jc-accent-strong:#1d5f52;--jc-warn:#b4573f;--jc-top:112px;--jc-status:52px;-webkit-font-smoothing:antialiased;background:var(--jc-paper);color:var(--jc-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh;min-height:100dvh;padding-bottom:var(--jc-status);padding-top:var(--jc-top)}.jio-creator *,.jio-creator :after,.jio-creator :before{box-sizing:border-box}.jio-creator button{color:inherit;font:inherit}.jio-creator__top{background:rgba(250,251,250,.98);box-shadow:0 2px 8px rgba(27,46,39,.035);left:0;position:fixed;right:0;top:0;z-index:300}.jio-creator__masthead{align-items:center;display:flex;gap:16px;height:56px;justify-content:space-between;padding:0 clamp(14px,2.4vw,30px)}.jio-creator__masthead-left{align-items:center;display:flex;gap:10px;min-width:0}.jio-creator__back{align-items:center;border-radius:7px;color:var(--jc-ink-soft);display:inline-flex;flex:0 0 auto;height:30px;justify-content:center;text-decoration:none;width:30px}.jio-creator__back:focus-visible,.jio-creator__back:hover{background:#edf3f0;color:var(--jc-accent);outline:0}.jio-creator__brand{align-items:center;color:inherit;display:inline-flex;min-width:0;text-decoration:none}.jio-creator__brand:focus-visible{outline:2px solid rgba(38,118,101,.35);outline-offset:4px}.jio-creator__brand-logo{display:block;height:30px;max-width:168px;-o-object-fit:contain;object-fit:contain;width:auto}.jio-creator__brand-text{color:var(--jc-accent-strong);font-family:Songti SC,"Noto Serif SC","Source Han Serif SC",serif;font-size:17px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jio-creator__me{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;justify-content:center}.jio-creator__me:focus-visible{outline:2px solid rgba(38,118,101,.5);outline-offset:2px}.jio-creator__me-avatar{background:#eef1f0;border:1px solid rgba(24,39,34,.08);border-radius:50%;display:block;height:32px;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:32px}.jio-creator__me-avatar.is-placeholder{align-items:center;color:#9aa2a0;display:inline-flex;font-size:13px;justify-content:center}.jio-creator__bar{align-items:center;border-bottom:1px solid var(--jc-line);border-top:1px solid var(--jc-line);display:flex;height:56px;justify-content:center;justify-content:safe center;padding:0 clamp(14px,2.4vw,30px)}.jio-creator__toolbar-tools{align-items:center;display:flex;gap:7px;max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none}.jio-creator__toolbar-tools::-webkit-scrollbar{display:none}.jio-creator__toolbar-group{align-items:center;display:inline-flex;flex:0 0 auto;gap:2px}.jio-creator__toolbar-divider{background:var(--jc-line);flex:0 0 auto;height:22px;width:1px}.jio-creator__tool-btn{align-items:center;background:transparent;border:0;border-radius:6px;color:#5f6664;cursor:pointer;display:inline-flex;flex:0 0 auto;flex-direction:column;font-size:11px;gap:2px;height:46px;justify-content:center;line-height:1.2;min-width:40px;padding:5px 6px;width:auto}.jio-creator__tool-btn i{font-size:14px;line-height:1}.jio-creator__tool-btn:focus-visible:not(:disabled),.jio-creator__tool-btn:hover:not(:disabled){background:#f0f2f1;color:var(--jc-accent-strong);outline:0}.jio-creator__tool-btn.is-active:not(:disabled),.jio-creator__tool-btn.is-open:not(:disabled){background:#e9f1ee;color:var(--jc-accent-strong)}.jio-creator__tool-btn:disabled{color:#c7d0cc;cursor:default}.jio-creator__tool-label{max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jio-creator__tool-caret{bottom:4px;color:#b0b9b6;font-size:8px;line-height:1;position:absolute;right:3px}.jio-creator__tool-menu{display:inline-flex;flex:0 0 auto;position:relative}.jio-creator__tool-menu .jio-creator__tool-btn{position:relative}.jio-creator__menu{animation:jio-menu-in .12s ease-out;background:#fff;border:1px solid rgba(24,39,34,.06);border-radius:12px;box-shadow:0 14px 40px rgba(20,32,28,.16),0 2px 6px rgba(20,32,28,.06);display:flex;flex-direction:column;gap:2px;padding:6px;position:fixed;z-index:620}.jio-creator__menu.is-top{animation-name:jio-menu-in-up}@keyframes jio-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes jio-menu-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.jio-creator__menu-item{align-items:center;background:transparent;border:0;border-radius:7px;color:#4f5957;cursor:pointer;display:flex;font:inherit;font-size:13px;gap:10px;line-height:1.4;padding:8px 10px;text-align:left;width:100%}.jio-creator__menu-item:focus-visible,.jio-creator__menu-item:hover{background:#f2f5f3;color:var(--jc-accent-strong);outline:0}.jio-creator__menu-item.is-active{background:#eef4f1;color:var(--jc-accent-strong)}.jio-creator__menu-icon{color:#8b9491;flex:0 0 16px;font-size:13px;line-height:1;text-align:center;width:16px}.jio-creator__menu-item.is-active .jio-creator__menu-icon,.jio-creator__menu-item:hover .jio-creator__menu-icon{color:currentColor}.jio-creator__menu-swatch{border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);flex:0 0 12px;height:12px;margin:0 2px;width:12px}.jio-creator__menu-text{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.jio-creator__menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jio-creator__menu-hint{color:#9aa2a0;font-size:11px;line-height:1.3}.jio-creator__menu-check{color:var(--jc-accent);flex:0 0 auto;font-size:10px;opacity:0}.jio-creator__menu-item.is-active .jio-creator__menu-check{opacity:1}@media(prefers-reduced-motion:reduce){.jio-creator__menu{animation:none}}.jio-creator__save{align-items:center;color:var(--jc-ink-soft);display:inline-flex;flex:0 0 auto;font-size:12px;gap:6px;white-space:nowrap}.jio-creator__save>i{color:var(--jc-line);font-size:7px}.jio-creator__save time{font-variant-numeric:tabular-nums;opacity:.7}.jio-creator__save.is-saved>i{color:var(--jc-accent)}.jio-creator__save.is-conflict,.jio-creator__save.is-conflict>i,.jio-creator__save.is-error,.jio-creator__save.is-error>i{color:var(--jc-warn)}.jio-creator__notice{align-items:center;background:#f1f5f2;border-bottom:1px solid var(--jc-line);color:var(--jc-ink-soft);display:flex;font-size:13px;gap:12px;margin:0 auto;max-width:820px;padding:10px 16px}.jio-creator__notice>span{flex:1}.jio-creator__notice button{background:transparent;border:0;color:var(--jc-accent);cursor:pointer}.jio-creator__notice.is-error{background:#fdf2ee;color:var(--jc-warn)}.jio-creator__hint{color:var(--jc-ink-soft);font-size:13px;margin:18px auto 0;max-width:820px;padding:0 clamp(16px,4vw,40px)}.jio-creator__canvas{background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(24,39,34,.04),0 8px 28px rgba(24,39,34,.05);margin:40px auto 0;padding:clamp(30px,4vw,50px) clamp(28px,5vw,56px) clamp(36px,5vw,56px);width:min(900px,100% - clamp(24px,6vw,72px))}.jio-creator__title{display:block;margin-bottom:0}.jio-creator__title textarea{background:transparent;border:0;border-bottom:1px solid #eef0ef;color:#2b2b2b;font-family:inherit;font-size:clamp(26px,3vw,32px);font-weight:700;letter-spacing:.01em;line-height:1.35;min-height:46px;padding:0 0 16px;resize:none;width:100%}.jio-creator__title textarea:focus{border-bottom-color:#dfe3e1;outline:0}.jio-creator__title textarea::-moz-placeholder{color:#c3c7c5;font-weight:700}.jio-creator__title textarea::placeholder{color:#c3c7c5;font-weight:700}.jio-creator__editor{margin:22px 0 0;min-height:52vh;position:relative}.jio-creator__editor .mce-top-part,.jio-creator__editor .quicktags-toolbar,.jio-creator__editor .tox .tox-editor-header,.jio-creator__editor .tox .tox-statusbar,.jio-creator__editor .wp-editor-tabs,.jio-creator__editor .wp-media-buttons{display:none!important}.jio-creator__editor .wp-editor-container,.jio-creator__editor .wp-editor-wrap{background:transparent;border:0;box-shadow:none}.jio-creator__editor .mce-tinymce,.jio-creator__editor .tox-tinymce{background:transparent;border:0!important;box-shadow:none!important}.jio-creator__editor .mce-container-body,.jio-creator__editor .mce-edit-area,.jio-creator__editor .tox .tox-edit-area{background:transparent;border:0!important}.jio-creator__editor .mce-edit-area iframe,.jio-creator__editor .tox .tox-edit-area__iframe{min-height:52vh;overflow:hidden}.jio-creator__editor textarea{background:transparent;border:0;color:#2b2b2b;font:inherit;font-size:16px;line-height:1.8;min-height:52vh;padding:0;resize:vertical;width:100%}.jio-creator__editor textarea::-moz-placeholder{color:#b9bfbc}.jio-creator__editor textarea::placeholder{color:#b9bfbc}.jio-creator__settings{background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(24,39,34,.04),0 8px 28px rgba(24,39,34,.05);margin:20px auto clamp(48px,10vh,140px);padding:clamp(20px,3vw,28px) clamp(24px,4vw,40px);width:min(900px,100% - clamp(24px,6vw,72px))}.jio-creator__settings-title{color:#2b2b2b;font-size:15px;font-weight:600;margin:0 0 4px}.jio-creator__setting-row{align-items:center;border-bottom:1px solid #f2f4f3;display:flex;gap:20px;justify-content:space-between;padding:16px 0}.jio-creator__setting-row:last-of-type{border-bottom:0}.jio-creator__setting-row--stack{align-items:stretch;flex-direction:column;gap:12px}.jio-creator__setting-copy{min-width:0}.jio-creator__setting-label{color:#2b2b2b;display:block;font-size:14px;font-weight:500}.jio-creator__setting-help{color:#9aa2a0;font-size:12px;line-height:1.6;margin:4px 0 0}.jio-creator__setting-link{align-items:center;background:transparent;border:0;color:var(--jc-accent-strong);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;margin-top:8px;padding:0}.jio-creator__setting-link i{font-size:12px}.jio-creator__setting-link:focus-visible,.jio-creator__setting-link:hover{color:var(--jc-accent);outline:0;text-decoration:underline}.jio-creator__cover-control{align-items:center;display:flex;flex:0 0 auto;gap:8px;position:relative}.jio-creator__cover-add{align-items:center;background:transparent;border:1px dashed #d8dedb;border-radius:6px;color:#7c8683;cursor:pointer;display:inline-flex;font-size:13px;gap:7px;min-height:34px;padding:0 14px}.jio-creator__cover-add:focus-visible:not(:disabled),.jio-creator__cover-add:hover:not(:disabled){border-color:var(--jc-accent);color:var(--jc-accent-strong);outline:0}.jio-creator__cover-add:disabled{cursor:default;opacity:.6}.jio-creator__cover-preview{background:#eef1f0;border:0;border-radius:6px;cursor:pointer;display:block;height:63px;overflow:hidden;padding:0;width:112px}.jio-creator__cover-preview img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.jio-creator__cover-preview:focus-visible{outline:2px solid var(--jc-accent);outline-offset:2px}.jio-creator__cover-clear{align-items:center;background:transparent;border:0;border-radius:50%;color:#98a19e;cursor:pointer;display:inline-flex;height:26px;justify-content:center;width:26px}.jio-creator__cover-clear:focus-visible,.jio-creator__cover-clear:hover{background:#f3f5f4;color:var(--jc-warn);outline:0}.jio-creator__schedule{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:4px 0 18px}.jio-creator__schedule label{align-items:center;color:#6f7875;display:inline-flex;font-size:13px;gap:10px}.jio-creator__schedule input[type=datetime-local]{background:#fff;border:1px solid #e3e7e5;border-radius:6px;color:#2b2b2b;font:inherit;font-size:13px;height:36px;padding:0 10px}.jio-creator__schedule .jio-creator-muted{flex:1 1 100%}.jio-creator-drawer{display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:500}.jio-creator-drawer__backdrop{background:rgba(23,34,31,.32);border:0;cursor:default;inset:0;position:absolute}.jio-creator-drawer__panel{background:#fff;box-shadow:-20px 0 60px rgba(20,32,28,.16);display:flex;flex-direction:column;height:100%;position:relative;width:min(460px,100%)}.jio-creator-drawer__head{align-items:center;border-bottom:1px solid #e6e9e8;display:flex;justify-content:space-between;padding:20px 24px}.jio-creator-drawer__head h2{font-size:17px;font-weight:600;margin:0}.jio-creator-drawer__close{background:transparent;border:0;color:#7d8683;cursor:pointer}.jio-creator-drawer__body{flex:1;overflow-y:auto;padding:20px 24px 32px}.jio-creator-drawer__note{background:#f2f7f4;border-left:3px solid #267665;color:#7d8683;font-size:13px;line-height:1.6;margin:0 0 20px;padding:12px 14px}.jio-creator-drawer__foot{background:#fff;border-top:1px solid #e6e9e8;display:flex;flex-direction:column;gap:12px;padding:16px 24px calc(16px + env(safe-area-inset-bottom))}.jio-creator-drawer__actions{align-items:center;display:flex;gap:12px}.jio-creator-drawer__actions .jio-creator-primary{flex:0 0 auto;margin-left:auto;min-width:96px}.jio-creator-ghost,.jio-creator-primary{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;justify-content:center;min-height:34px;padding:0 14px;white-space:nowrap}.jio-creator-ghost{background:#fff;border:1px solid #e6e9e8;color:#5f6664}.jio-creator-ghost:focus-visible:not(:disabled),.jio-creator-ghost:hover:not(:disabled){border-color:#b7cdc3;color:#1d5f52;outline:0}.jio-creator-primary{background:#267665;border:1px solid transparent;color:#fff}.jio-creator-primary:focus-visible:not(:disabled),.jio-creator-primary:hover:not(:disabled){background:#1d5f52;outline:0}.jio-creator-primary:disabled{cursor:default;opacity:.55}.jio-creator-drawer__head>div{min-width:0}.jio-creator-drawer__subtitle{color:#7d8683;font-size:12px;line-height:1.5;margin:4px 0 0}.jio-creator-muted{color:#7d8683;font-size:12px;line-height:1.6;margin:0}.jio-creator-error{color:#b4573f;font-size:12px;margin:8px 0 0}.jio-creator-chips{display:flex;flex-wrap:wrap;gap:8px}.jio-creator-chip{align-items:center;border:1px solid #e6e9e8;border-radius:999px;color:#7d8683;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:5px 12px}.jio-creator-chip input{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.jio-creator-chip.is-active{background:#eef5f2;border-color:#267665;color:#1d5f52}.jio-creator-chip button{background:transparent;border:0;color:inherit;cursor:pointer}.jio-creator-inline{display:flex;gap:8px;margin-top:10px}.jio-creator-inline input:not([type]),.jio-creator-inline input[type=text]{border:1px solid #e6e9e8;border-radius:8px;flex:1;height:36px;min-width:0;padding:0 12px}.jio-creator-inline label{align-items:center;display:inline-flex;font-size:13px;gap:6px}.jio-creator-switch{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.jio-creator-switch h3{font-size:13px;margin:0 0 4px}.jio-creator-toggle{flex:0 0 auto;position:relative}.jio-creator-toggle input{height:1px;opacity:0;position:absolute;width:1px}.jio-creator-toggle span{background:#d6dfda;border-radius:999px;display:block;height:24px;transition:background .18s ease;width:42px}.jio-creator-toggle span:after{background:#fff;border-radius:50%;content:"";display:block;height:18px;margin:3px;transition:transform .18s ease;width:18px}.jio-creator-toggle input:checked+span{background:#267665}.jio-creator-toggle input:checked+span:after{transform:translateX(18px)}.jio-creator-toggle input:focus-visible+span{outline:2px solid #267665;outline-offset:2px}.jio-creator-pay{background:#fcfdfc;border:1px solid #e6e9e8;border-radius:10px;margin-top:16px;padding:16px}.jio-creator-input{align-items:center;display:flex;font-size:13px;gap:12px;justify-content:space-between;margin-top:12px}.jio-creator-input input{border:1px solid #e6e9e8;border-radius:8px;height:36px;padding:0 12px;text-align:right;width:140px}.jio-creator-price{align-items:center;color:#7d8683;display:inline-flex;gap:4px}.jio-creator-price em{font-size:12px;font-style:normal}.jio-creator-price input{width:118px}.jio-creator-segment{background:#eef1f0;border-radius:9px;display:inline-flex;gap:4px;margin-bottom:4px;padding:3px}.jio-creator-segment button{background:transparent;border:0;border-radius:7px;color:#7d8683;cursor:pointer;font-size:13px;min-height:30px;padding:0 14px}.jio-creator-segment button:hover{color:#1d5f52}.jio-creator-segment button.is-active{background:#fff;box-shadow:0 1px 3px rgba(24,39,34,.1);color:#1d5f52}.jio-creator-vip-prices{border-top:1px dashed #e6e9e8;margin-top:4px;padding-top:6px}.jio-creator-attachments{border-top:1px solid #e6e9e8;margin-top:18px;padding-top:16px}.jio-creator-attachments__head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.jio-creator-attachments__head h4{font-size:13px;margin:0 0 2px}.jio-creator-attachments__head .jio-creator-muted{margin:0}.jio-creator-attachments__actions{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px}.jio-creator-upload{align-items:center;border:1px solid #e6e9e8;border-radius:8px;color:#1d5f52;cursor:pointer;display:inline-flex;font-size:12px;min-height:32px;padding:0 12px}.jio-creator-upload input{height:1px;opacity:0;position:absolute;width:1px}.jio-creator-files{list-style:none;margin:12px 0 0;padding:0}.jio-creator-files li{align-items:center;border-bottom:1px solid #f0f4f1;display:flex;font-size:13px;gap:10px;padding:8px 0}.jio-creator-files button{background:transparent;border:0;color:#7d8683;cursor:pointer}.jio-creator-files__name{align-items:center;background:transparent;border:0;color:#1d5f52;cursor:pointer;display:inline-flex;flex:1;font:inherit;gap:8px;min-width:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.jio-creator-files__name:hover{text-decoration:underline}.jio-creator-files__name i{color:#267665;flex:0 0 auto}.jio-creator-files__remove{color:#9aa2a0!important;flex:0 0 auto;margin-left:auto}.jio-creator-files__remove:focus-visible,.jio-creator-files__remove:hover{color:#b4573f!important}.jio-creator-reuse{font-size:13px;margin-top:14px}.jio-creator-reuse summary{color:#7d8683;cursor:pointer}.jio-creator-reuse ul{list-style:none;margin:10px 0 0;padding:0}.jio-creator-reuse li{align-items:center;display:flex;gap:10px;padding:6px 0}.jio-creator-reuse button{background:#fff;border:1px solid #e6e9e8;border-radius:6px;cursor:pointer;margin-left:auto}.jio-creator-link{background:transparent;border:0;color:var(--jc-ink-soft,#7d8683);cursor:pointer;font-size:13px;text-decoration:underline}.jio-creator-dialog{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:560}.jio-creator-dialog__backdrop{background:rgba(23,34,31,.34);border:0;cursor:default;inset:0;position:absolute}.jio-creator-dialog__panel{background:#fff;border-radius:14px;box-shadow:0 24px 70px rgba(20,32,28,.22);display:flex;flex-direction:column;max-height:min(82vh,640px);overflow:hidden;position:relative;width:min(460px,100%)}.jio-creator-dialog__panel--wide{width:min(560px,100%)}.jio-creator-dialog__head{align-items:center;border-bottom:1px solid #eef1f0;display:flex;justify-content:space-between;padding:18px 20px 12px}.jio-creator-dialog__head h2{font-size:16px;font-weight:600;margin:0}.jio-creator-dialog__close{align-items:center;background:transparent;border:0;border-radius:50%;color:#7d8683;cursor:pointer;display:inline-flex;height:30px;justify-content:center;width:30px}.jio-creator-dialog__close:focus-visible,.jio-creator-dialog__close:hover{background:#f2f5f3;outline:0}.jio-creator-dialog__body{display:flex;flex:1;flex-direction:column;gap:14px;overflow-y:auto;padding:18px 20px 20px}.jio-creator-dialog__row{display:flex;gap:14px}.jio-creator-dialog__row label{flex:1}.jio-creator-dialog__field,.jio-creator-dialog__row label{display:flex;flex-direction:column;gap:6px}.jio-creator-dialog__field>span,.jio-creator-dialog__row label>span{color:#6f7875;font-size:12px}.jio-creator-dialog__field input,.jio-creator-dialog__field select,.jio-creator-dialog__row input{background:#fff;border:1px solid #e3e7e5;border-radius:8px;color:#2b2b2b;font:inherit;font-size:14px;height:38px;padding:0 10px}.jio-creator-dialog__field textarea{background:#fff;border:1px solid #e3e7e5;border-radius:8px;color:#2b2b2b;font:inherit;font-size:14px;line-height:1.7;padding:10px;resize:vertical;width:100%}.jio-creator-dialog__field textarea:focus{outline:2px solid rgba(38,118,101,.25);outline-offset:-1px}.jio-creator-dialog__check{align-items:center;color:#4f5957;cursor:pointer;display:inline-flex;font-size:13px;gap:8px}.jio-creator-dialog__check input{accent-color:var(--jc-accent);cursor:pointer;height:15px;width:15px}.jio-creator-dialog__hint{color:#9aa2a0;font-size:12px;line-height:1.5}.jio-creator-dialog__captcha{min-height:44px}.jio-creator-dialog__note{background:#f2f7f4;border-left:3px solid var(--jc-accent);color:#7d8683;font-size:12px;line-height:1.6;margin:0;padding:10px 12px}.jio-creator-dialog__url{display:flex;gap:8px}.jio-creator-dialog__url input{flex:1;min-width:0}.jio-creator-dialog__url .jio-creator-dialog__ghost{flex:0 0 auto;gap:6px;height:38px;white-space:nowrap}.jio-creator-swatches{display:flex;flex-wrap:wrap;gap:6px}.jio-creator-swatch{background:#e3e7e5;border:2px solid #fff;border-radius:6px;box-shadow:0 0 0 1px #e3e7e5;cursor:pointer;height:22px;padding:0;width:30px}.jio-creator-swatch.b-theme{background:var(--jc-accent)}.jio-creator-swatch.c-red{background:var(--jio-rose,#f43f5e)}.jio-creator-swatch.c-yellow{background:var(--jio-yellow,#eab308)}.jio-creator-swatch.c-cyan{background:var(--jio-cyan,#06b6d4)}.jio-creator-swatch.c-blue{background:var(--jio-blue,#3b82f6)}.jio-creator-swatch.c-green{background:var(--jio-green,#10b981)}.jio-creator-swatch.c-purple{background:var(--jio-purple,#8b5cf6)}.jio-creator-swatch.b-red{background:var(--jio-red,#ef4444)}.jio-creator-swatch.b-yellow{background:var(--jio-yellow,#eab308)}.jio-creator-swatch.b-cyan{background:var(--jio-cyan,#06b6d4)}.jio-creator-swatch.b-blue{background:var(--jio-blue,#3b82f6)}.jio-creator-swatch.b-green{background:var(--jio-green,#10b981)}.jio-creator-swatch.b-purple{background:var(--jio-purple,#8b5cf6)}.jio-creator-swatch.jb-red{background:linear-gradient(135deg,#fd7a64 10%,#fb2d2d)}.jio-creator-swatch.jb-pink{background:linear-gradient(135deg,var(--jio-grad-sunset-1,#f093fb) 10%,var(--jio-grad-sunset-2,#f5576c) 100%)}.jio-creator-swatch.jb-yellow{background:linear-gradient(135deg,var(--jio-grad-fire-2,#f9d423) 10%,var(--jio-orange,#f97316) 100%)}.jio-creator-swatch.jb-cyan{background:linear-gradient(135deg,var(--jio-grad-ocean-1,#4facfe) 10%,var(--jio-grad-ocean-2,#00f2fe) 100%)}.jio-creator-swatch.jb-blue{background:linear-gradient(135deg,#3dcabd 10%,#254bdd)}.jio-creator-swatch.jb-green{background:linear-gradient(135deg,var(--jio-grad-forest-1,#43e97b) 10%,var(--jio-grad-forest-2,#38f9d7) 100%)}.jio-creator-swatch.jb-purple{background:linear-gradient(135deg,var(--jio-grad-night-1,#a18cd1) 10%,var(--jio-grad-night-2,#fbc2eb) 100%)}.jio-creator-swatch.jb-vip1{background:linear-gradient(135deg,var(--jio-vip-gold-1,#f6d365) 10%,var(--jio-vip-gold-2,#fda085) 100%)}.jio-creator-swatch.jb-vip2{background:linear-gradient(135deg,#f6d365 10%,#f43f5e)}.jio-creator-swatch.is-active{box-shadow:0 0 0 2px var(--jc-accent)}.jio-creator-swatch:focus-visible{box-shadow:0 0 0 2px var(--jc-accent);outline:0}.jio-creator-dialog__foot{background:#fff;border-top:1px solid #eef1f0;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px calc(14px + env(safe-area-inset-bottom))}.jio-creator-dialog__ghost,.jio-creator-dialog__primary{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;min-height:36px;padding:0 16px}.jio-creator-dialog__ghost{background:#fff;border:1px solid #e3e7e5;color:#5f6664}.jio-creator-dialog__ghost:focus-visible,.jio-creator-dialog__ghost:hover{border-color:#b7cdc3;outline:0}.jio-creator-dialog__primary{background:var(--jc-accent);border:1px solid transparent;color:#fff}.jio-creator-dialog__primary:focus-visible:not(:disabled),.jio-creator-dialog__primary:hover:not(:disabled){background:var(--jc-accent-strong);outline:0}.jio-creator-dialog__primary:disabled{cursor:not-allowed;opacity:.5}.jio-creator__status{align-items:center;background:hsla(0,0%,100%,.97);border-top:1px solid #e6e9e8;bottom:0;box-shadow:0 -2px 10px rgba(24,39,34,.04);color:#7d8683;display:flex;font-size:12px;gap:16px;height:var(--jc-status);left:0;padding:0 clamp(14px,2.4vw,28px) env(safe-area-inset-bottom);position:fixed;right:0;z-index:310}.jio-creator__status-actions,.jio-creator__status-left,.jio-creator__status-meta{align-items:center;display:flex;gap:10px;min-width:0}.jio-creator__status-count{color:#4f5957;font-variant-numeric:tabular-nums}.jio-creator__status-mode{color:#a3aca9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jio-creator__status-meta{color:#93a09b}.jio-creator__status-meta .jio-creator__save{font-size:12px}.jio-creator__status-dot{color:#c9d1ce}.jio-creator__status-actions{gap:8px;margin-left:auto}.jio-creator__status-ghost,.jio-creator__status-primary{align-items:center;border-radius:7px;cursor:pointer;display:inline-flex;font-size:13px;justify-content:center;min-height:32px;padding:0 14px;white-space:nowrap}.jio-creator__status-ghost{background:#fff;border:1px solid #e3e7e5;color:#5f6664}.jio-creator__status-ghost:focus-visible:not(:disabled),.jio-creator__status-ghost:hover:not(:disabled){border-color:#b7cdc3;color:var(--jc-accent-strong);outline:0}.jio-creator__status-ghost:disabled{cursor:default;opacity:.55}.jio-creator__status-primary{background:var(--jc-accent);border:1px solid transparent;color:#fff}.jio-creator__status-primary:focus-visible:not(:disabled),.jio-creator__status-primary:hover:not(:disabled){background:var(--jc-accent-strong);outline:0}.jio-creator__status-primary:disabled{cursor:default;opacity:.55}@media(max-width:767px){.jio-creator__status{gap:8px;height:56px;padding:0 10px env(safe-area-inset-bottom)}.jio-creator__status-meta,.jio-creator__status-mode{display:none}.jio-creator__status-ghost{padding:0 10px}.jio-creator__status-primary{padding:0 12px}.jio-creator{--jc-top:102px}.jio-creator__masthead{height:50px;padding:0 10px}.jio-creator__brand-logo{height:26px;max-width:128px}.jio-creator__brand-text{font-size:15px}.jio-creator__me-avatar{height:28px;width:28px}.jio-creator__bar{height:52px;padding:0 8px}.jio-creator__toolbar-tools{gap:4px}.jio-creator__toolbar-group{gap:0}.jio-creator__tool-btn{min-width:36px;padding:4px}.jio-creator__tool-btn i{font-size:13px}.jio-creator__tool-label{font-size:10px;max-width:42px}.jio-creator__canvas{margin:14px auto 0;padding:22px 18px 28px;width:calc(100% - 20px)}.jio-creator__settings{margin:12px auto calc(24px + env(safe-area-inset-bottom));padding:18px;width:calc(100% - 20px)}.jio-creator__setting-row{gap:12px}.jio-creator__title textarea{font-size:24px}.jio-creator__editor .mce-edit-area iframe,.jio-creator__editor .tox .tox-edit-area__iframe{min-height:48vh}.jio-creator-drawer{display:block}.jio-creator-drawer__backdrop{display:none}.jio-creator-drawer__panel{border-radius:0;box-shadow:none;height:100dvh;width:100%}.jio-creator-drawer__foot{background:#fff;bottom:0;position:sticky}}@media(prefers-reduced-motion:reduce){.jio-creator *{animation:none!important;transition:none!important}}