|
1
|
|
-.cryptx-settings{--cryptx-gap:16px;--cryptx-radius:4px;--cryptx-text:#1d2327;--cryptx-muted:#50575e;--cryptx-border:#c3c4c7;--cryptx-border-light:#dcdcde;--cryptx-surface:#fff;--cryptx-code-bg:#1d2327;--cryptx-code-text:#f0f0f1;color:var(--cryptx-text);margin-inline:auto;max-width:900px;padding-inline:4px}.cryptx-settings__header h1{font-size:1.6rem;line-height:1.3;margin-bottom:4px}.cryptx-settings__intro{color:var(--cryptx-muted);margin:0 0 var(--cryptx-gap);max-width:60ch}.cryptx-tabs{border-bottom:1px solid var(--cryptx-border);display:flex;gap:2px;margin-bottom:var(--cryptx-gap);overflow-x:auto;position:relative;scrollbar-width:thin;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.cryptx-tabs.is-scrolled-end{mask-image:none}.cryptx-tabs__tab{appearance:none;background:none;border:0;border-bottom:3px solid transparent;color:var(--cryptx-muted);cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:500;min-height:44px;padding:12px 10px;scroll-margin-inline:16px;white-space:nowrap}.cryptx-tabs__tab.is-active,.cryptx-tabs__tab:hover{color:var(--wp-admin-theme-color,#2271b1)}.cryptx-tabs__tab.is-active{border-bottom-color:var(--wp-admin-theme-color,#2271b1)}.cryptx-tabs__tab:focus-visible{border-radius:2px;outline:2px solid var(--wp-admin-theme-color,#2271b1);outline-offset:-2px}.cryptx-settings__tab-description{color:var(--cryptx-muted);margin:0 0 var(--cryptx-gap);max-width:60ch}.cryptx-preview,.cryptx-section{margin-bottom:var(--cryptx-gap)}.cryptx-section__title{color:var(--cryptx-text);font-size:14px;font-weight:600;margin:0}.cryptx-section__fields{display:grid;gap:24px}.cryptx-field .components-base-control__help,.cryptx-field .components-radio-control__option label{max-width:62ch}.cryptx-field .components-base-control__help{color:var(--cryptx-muted);font-style:normal}.cryptx-preview__block+.cryptx-preview__block{margin-top:var(--cryptx-gap)}.cryptx-preview h3{color:var(--cryptx-muted);font-size:12px;letter-spacing:.04em;margin:0 0 6px;text-transform:uppercase}.cryptx-preview__rendered{background:var(--cryptx-surface);border:1px solid var(--cryptx-border-light);border-radius:var(--cryptx-radius);color:var(--cryptx-text);padding:12px;word-break:break-word}.cryptx-preview__source{background:var(--cryptx-code-bg);border-radius:var(--cryptx-radius);color:var(--cryptx-code-text);font-size:12px;line-height:1.6;margin:0;max-height:40vh;overflow:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.cryptx-preview__verdict{align-items:flex-start;border-left:4px solid transparent;border-radius:var(--cryptx-radius);display:flex;font-weight:500;gap:8px;margin:var(--cryptx-gap) 0 0;padding:10px 12px}.cryptx-preview__verdict:before{font-weight:700;line-height:1.5}.cryptx-preview__verdict.is-good{background:#edfaef;border-left-color:#00a32a;color:#00450c}.cryptx-preview__verdict.is-good:before{content:"✓"}.cryptx-preview__verdict.is-warning{background:#fcf9e8;border-left-color:#dba617;color:#614f00}.cryptx-preview__verdict.is-warning:before{content:"!"}.cryptx-preview__verdict.is-bad{background:#fcf0f1;border-left-color:#d63638;color:#8a2424}.cryptx-preview__verdict.is-bad:before{content:"✕"}.cryptx-preview__error{color:#8a2424}.cryptx-color{align-items:center;display:flex;gap:8px}.cryptx-color input[type=color]{background:none;border:1px solid #949494;border-radius:var(--cryptx-radius);cursor:pointer;flex:0 0 auto;height:40px;padding:2px;width:44px}.cryptx-color .components-base-control{flex:1 1 auto;margin:0}.cryptx-media__preview{border:1px solid var(--cryptx-border-light);border-radius:var(--cryptx-radius);height:auto;max-width:160px}.cryptx-media__buttons{display:flex;flex-wrap:wrap;gap:8px}.cryptx-settings__actions{background:transparent;border-top:1px solid var(--cryptx-border-light);margin-top:var(--cryptx-gap);padding:12px 0}.cryptx-settings__actions.is-dirty{background:var(--cryptx-surface);border-top:1px solid var(--cryptx-border);bottom:0;box-shadow:0 -2px 8px rgba(0,0,0,.08);margin-inline:-4px;padding:12px 12px calc(12px + env(safe-area-inset-bottom));position:sticky;z-index:10}.cryptx-settings__status{color:var(--cryptx-muted);font-size:12px;margin:8px 0 0}.cryptx-settings__status.is-dirty{color:#614f00;font-weight:500}.cryptx-loading{align-items:center;color:var(--cryptx-muted);display:flex;gap:8px;padding:24px 0}.cryptx-help__snippet{background:var(--cryptx-code-bg);border:1px solid var(--cryptx-code-bg);border-radius:var(--cryptx-radius);color:var(--cryptx-code-text);font-size:12px;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere;padding:12px;white-space:pre-wrap}.cryptx-help__note{color:var(--cryptx-muted);font-size:12px;margin:0}.cryptx-help__release+.cryptx-help__release{border-top:1px solid var(--cryptx-border-light);margin-top:var(--cryptx-gap);padding-top:var(--cryptx-gap)}.cryptx-help__release h3{align-items:center;color:var(--cryptx-text);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 8px}.cryptx-help__badge{background:#edfaef;border-radius:10px;color:#00450c;font-size:11px;font-weight:500;letter-spacing:.02em;padding:1px 8px;text-transform:lowercase}.cryptx-help__changelog ul{list-style:disc;margin:0;padding-left:20px}.cryptx-help__changelog li{line-height:1.6;margin-bottom:6px;overflow-wrap:anywhere}.cryptx-help__changelog code{background:#f0f0f1;border-radius:2px;font-size:12px;padding:1px 4px}.cryptx-help__older{border-top:1px solid var(--cryptx-border-light);margin-top:var(--cryptx-gap);padding-top:var(--cryptx-gap)}.cryptx-help__older>summary{align-items:center;color:var(--wp-admin-theme-color,#2271b1);cursor:pointer;display:flex;font-weight:500;min-height:44px}.cryptx-help__older>summary:focus-visible{border-radius:2px;outline:2px solid var(--wp-admin-theme-color,#2271b1);outline-offset:2px}.cryptx-help__older[open]>summary{margin-bottom:var(--cryptx-gap)}@media (min-width:783px){.cryptx-settings{padding-inline:0}.cryptx-settings__header h1{font-size:2rem}.cryptx-section__fields{gap:28px}.cryptx-tabs{mask-image:none}.cryptx-tabs__tab{padding:12px 14px}.cryptx-settings__actions.is-dirty{box-shadow:none;margin-inline:0;padding-inline:0}}@media (prefers-reduced-motion:reduce){.cryptx-tabs{scroll-behavior:auto}} |
|
1
|
+.cryptx-settings{--cryptx-gap:16px;--cryptx-radius:4px;--cryptx-text:#1d2327;--cryptx-muted:#50575e;--cryptx-border:#c3c4c7;--cryptx-border-light:#dcdcde;--cryptx-surface:#fff;--cryptx-code-bg:#1d2327;--cryptx-code-text:#f0f0f1;color:var(--cryptx-text);margin-inline:auto;max-width:900px;padding-inline:4px}.cryptx-settings__header h1{font-size:1.6rem;line-height:1.3;margin-bottom:4px}.cryptx-settings__intro{color:var(--cryptx-muted);margin:0 0 var(--cryptx-gap);max-width:60ch}.cryptx-tabs{border-bottom:1px solid var(--cryptx-border);display:flex;gap:2px;margin-bottom:var(--cryptx-gap);overflow-x:auto;position:relative;scrollbar-width:thin;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.cryptx-tabs.is-scrolled-end{mask-image:none}.cryptx-tabs__tab{appearance:none;background:none;border:0;border-bottom:3px solid transparent;color:var(--cryptx-muted);cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:500;min-height:44px;padding:12px 10px;scroll-margin-inline:16px;white-space:nowrap}.cryptx-tabs__tab.is-active,.cryptx-tabs__tab:hover{color:var(--wp-admin-theme-color,#2271b1)}.cryptx-tabs__tab.is-active{border-bottom-color:var(--wp-admin-theme-color,#2271b1)}.cryptx-tabs__tab:focus-visible{border-radius:2px;outline:2px solid var(--wp-admin-theme-color,#2271b1);outline-offset:-2px}.cryptx-settings__tab-description{color:var(--cryptx-muted);margin:0 0 var(--cryptx-gap);max-width:60ch}.cryptx-preview,.cryptx-section{margin-bottom:var(--cryptx-gap)}.cryptx-section__title{color:var(--cryptx-text);font-size:14px;font-weight:600;margin:0}.cryptx-section__fields{display:grid;gap:24px}.cryptx-secrets__confirm,.cryptx-secrets__notice{margin:16px 0}.cryptx-secrets__last{color:var(--cryptx-muted,#646970);font-size:13px}.cryptx-secrets__confirm{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cryptx-secrets__confirm p{flex-basis:100%;font-weight:600;margin:0}.cryptx-field .components-base-control__help,.cryptx-field .components-radio-control__option label{max-width:62ch}.cryptx-field .components-base-control__help{color:var(--cryptx-muted);font-style:normal}.cryptx-preview__block+.cryptx-preview__block{margin-top:var(--cryptx-gap)}.cryptx-preview h3{color:var(--cryptx-muted);font-size:12px;letter-spacing:.04em;margin:0 0 6px;text-transform:uppercase}.cryptx-preview__rendered{background:var(--cryptx-surface);border:1px solid var(--cryptx-border-light);border-radius:var(--cryptx-radius);color:var(--cryptx-text);padding:12px;word-break:break-word}.cryptx-preview__source{background:var(--cryptx-code-bg);border-radius:var(--cryptx-radius);color:var(--cryptx-code-text);font-size:12px;line-height:1.6;margin:0;max-height:40vh;overflow:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.cryptx-preview__verdict{align-items:flex-start;border-left:4px solid transparent;border-radius:var(--cryptx-radius);display:flex;font-weight:500;gap:8px;margin:var(--cryptx-gap) 0 0;padding:10px 12px}.cryptx-preview__verdict:before{font-weight:700;line-height:1.5}.cryptx-preview__verdict.is-good{background:#edfaef;border-left-color:#00a32a;color:#00450c}.cryptx-preview__verdict.is-good:before{content:"✓"}.cryptx-preview__verdict.is-warning{background:#fcf9e8;border-left-color:#dba617;color:#614f00}.cryptx-preview__verdict.is-warning:before{content:"!"}.cryptx-preview__verdict.is-bad{background:#fcf0f1;border-left-color:#d63638;color:#8a2424}.cryptx-preview__verdict.is-bad:before{content:"✕"}.cryptx-preview__error{color:#8a2424}.cryptx-color{align-items:center;display:flex;gap:8px}.cryptx-color input[type=color]{background:none;border:1px solid #949494;border-radius:var(--cryptx-radius);cursor:pointer;flex:0 0 auto;height:40px;padding:2px;width:44px}.cryptx-color .components-base-control{flex:1 1 auto;margin:0}.cryptx-media__preview{border:1px solid var(--cryptx-border-light);border-radius:var(--cryptx-radius);height:auto;max-width:160px}.cryptx-media__buttons{display:flex;flex-wrap:wrap;gap:8px}.cryptx-settings__actions{background:transparent;border-top:1px solid var(--cryptx-border-light);margin-top:var(--cryptx-gap);padding:12px 0}.cryptx-settings__actions.is-dirty{background:var(--cryptx-surface);border-top:1px solid var(--cryptx-border);bottom:0;box-shadow:0 -2px 8px rgba(0,0,0,.08);margin-inline:-4px;padding:12px 12px calc(12px + env(safe-area-inset-bottom));position:sticky;z-index:10}.cryptx-settings__status{color:var(--cryptx-muted);font-size:12px;margin:8px 0 0}.cryptx-settings__status.is-dirty{color:#614f00;font-weight:500}.cryptx-loading{align-items:center;color:var(--cryptx-muted);display:flex;gap:8px;padding:24px 0}.cryptx-help__snippet{background:var(--cryptx-code-bg);border:1px solid var(--cryptx-code-bg);border-radius:var(--cryptx-radius);color:var(--cryptx-code-text);font-size:12px;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere;padding:12px;white-space:pre-wrap}.cryptx-help__note{color:var(--cryptx-muted);font-size:12px;margin:0}.cryptx-help__release+.cryptx-help__release{border-top:1px solid var(--cryptx-border-light);margin-top:var(--cryptx-gap);padding-top:var(--cryptx-gap)}.cryptx-help__release h3{align-items:center;color:var(--cryptx-text);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 8px}.cryptx-help__badge{background:#edfaef;border-radius:10px;color:#00450c;font-size:11px;font-weight:500;letter-spacing:.02em;padding:1px 8px;text-transform:lowercase}.cryptx-help__changelog ul{list-style:disc;margin:0;padding-left:20px}.cryptx-help__changelog li{line-height:1.6;margin-bottom:6px;overflow-wrap:anywhere}.cryptx-help__changelog code{background:#f0f0f1;border-radius:2px;font-size:12px;padding:1px 4px}.cryptx-help__older{border-top:1px solid var(--cryptx-border-light);margin-top:var(--cryptx-gap);padding-top:var(--cryptx-gap)}.cryptx-help__older>summary{align-items:center;color:var(--wp-admin-theme-color,#2271b1);cursor:pointer;display:flex;font-weight:500;min-height:44px}.cryptx-help__older>summary:focus-visible{border-radius:2px;outline:2px solid var(--wp-admin-theme-color,#2271b1);outline-offset:2px}.cryptx-help__older[open]>summary{margin-bottom:var(--cryptx-gap)}@media (min-width:783px){.cryptx-settings{padding-inline:0}.cryptx-settings__header h1{font-size:2rem}.cryptx-section__fields{gap:28px}.cryptx-tabs{mask-image:none}.cryptx-tabs__tab{padding:12px 14px}.cryptx-settings__actions.is-dirty{box-shadow:none;margin-inline:0;padding-inline:0}}@media (prefers-reduced-motion:reduce){.cryptx-tabs{scroll-behavior:auto}} |
