kate522
0e4e4670dd
The drawer only had a pay toggle and one bare price field, so several options from the front-submit pay card could not be set at all. - New PayPanel mirrors the front-submit card: cash / points segment (points only when the site has credits enabled), price or points with the currency suffix, and VIP prices. VIP fields render only when the site asks for manual VIP pricing and the level is enabled, and now submit vip1_points / vip2_points as well. - New ResourceDialog restores "添加资源": download URL with an attachment picker, resource note (extraction code), copy name / value, custom button label and button style swatches. Pasting a net-disk share link splits the URL and the extraction code. - pay.ts sends every download display field and tags net-disk links. - CreatorRest exposes vipManual / vip*Enabled / vip names / pointsEnabled / downloadClasses / currencySymbol, and the readback carries extractCode / copyKey / copyVal / class / attachmentId. - Fixes an existing data loss: snapshot_from_payload dropped copy_key, copy_val, class and attachment_id, so approving a revision erased them. Files split to stay within budget: publish-drawer 332 lines, pay-panel 343, resource-dialog 254. 886 widget-system tests pass.
2 lines
26 KiB
CSS
2 lines
26 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-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__cover-control{align-items:center;display:flex;flex:0 0 auto;gap:8px;position:relative}.jio-creator__cover-input{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.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__foot .jio-creator-primary{flex:1}.jio-creator-drawer__actions{align-items:center;display:flex;gap:12px}.jio-creator-drawer__captcha{min-height:40px}.jio-creator-field{margin-bottom:26px}.jio-creator-field>h3{color:#2b2b2b;font-size:13px;font-weight:600;margin:0 0 10px}.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-cover{border-radius:10px;overflow:hidden;position:relative}.jio-creator-cover img{aspect-ratio:2/1;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.jio-creator-cover button{background:rgba(0,0,0,.55);border:0;border-radius:50%;color:#fff;cursor:pointer;height:30px;position:absolute;right:8px;top:8px;width:30px}.jio-creator-cover-empty{align-items:center;background:#fafcfb;border:1px dashed #e6e9e8;border-radius:10px;color:#7d8683;cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;min-height:120px}.jio-creator-cover-empty input{height:1px;opacity:0;position:absolute;width:1px}.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__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}}
|