.yp-code-guide{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 17px;color:var(--muted);font-size:12px}.yp-code-guide b{font-size:12px;color:var(--ink)}.yp-code-card{min-width:0;padding:16px;margin:0}.yp-code-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.yp-code-card-head>div{min-width:0;flex:1}.yp-code-card-head h2{margin:0 0 4px;font-size:16px;overflow-wrap:anywhere}.yp-code-card-head p{margin:0;font-size:12px;color:var(--muted)}.yp-code-card-head>[data-copy]{max-width:100%;white-space:normal;overflow-wrap:anywhere}.yp-code-card-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.yp-code-entry{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px}.yp-code-entry-top{display:flex;gap:9px;align-items:center}.yp-code-entry-icon{display:grid;place-items:center;width:35px;height:35px;background:var(--bg);border-radius:8px;flex:none;color:var(--blue)}.yp-code-entry-icon img{object-fit:contain}.yp-code-entry-icon [hidden]{display:none}.yp-code-entry-name{flex:1;min-width:0}.yp-code-entry-name strong{display:block;font-size:13px;overflow-wrap:anywhere}.yp-code-entry-name small{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.yp-code-link-status{font-size:11px;color:var(--muted);white-space:nowrap}.yp-code-entry[data-code-state=valid] .yp-code-link-status{color:var(--green)}.yp-code-entry[data-code-state=invalid] .yp-code-link-status{color:#c44949}.yp-code-entry[data-code-state=checking] .yp-code-link-status:before{content:'';display:inline-block;width:8px;height:8px;margin-right:4px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;animation:yp-code-spin .8s linear infinite}.yp-code-entry-actions{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 0}.yp-code-entry-actions .tiny-btn{font-size:11px;padding:6px 8px}.yp-code-open[aria-disabled=true]{opacity:.5;cursor:default}.yp-code-entry-details{margin-top:9px;color:var(--muted);font-size:11px}.yp-code-entry-details summary{cursor:pointer;list-style:none}.yp-code-entry-details summary:after{content:' ›';color:var(--blue)}.yp-code-entry-details[open] summary:after{content:' ⌄'}.yp-code-entry-details .yp-code-full-url{display:block;overflow-wrap:anywhere;color:var(--blue);margin-top:7px}.yp-code-entry-details p{margin:6px 0}.yp-code-entry-details small{font-size:11px}.yp-code-card .yp-code-item-foot{margin-top:12px;flex-wrap:wrap}.yp-code-card .yp-code-item-foot>div{flex-wrap:wrap}.yp-code-result+.yp-code-result{margin-top:12px}.yp-code-editor .yp-code-mode{display:flex;gap:16px;align-items:center;margin:0 0 12px;font-size:13px}.yp-code-mode label,.yp-code-email{display:inline-flex;align-items:center;gap:6px}.yp-code-mode input,.yp-code-email input{width:auto;min-height:0}.yp-code-custom-field[hidden]{display:none}.yp-code-editor .yp-code-icon-editor{grid-column:1/-1;min-width:0;font-size:11px;color:var(--muted)}.yp-code-icon-editor summary{padding:4px 0;font-size:11px}.yp-code-icon-editor input{width:100%;margin-top:4px}.yp-code-binding-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;margin:0 0 12px;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:12px}.yp-code-binding-note p{margin:0;flex:1;min-width:200px}.yp-code-help{font-size:12px;color:var(--muted);margin:12px 0}.yp-code-help summary{cursor:pointer;color:var(--blue)}.yp-code-help p{line-height:1.7;margin:8px 0 0}.yp-code-input-notice{max-width:660px;margin:8px auto;color:#c44949;font-size:12px}.yp-code-dialog{width:min(470px,calc(100vw - 30px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);box-shadow:var(--shadow);overflow:auto}.yp-code-dialog::backdrop{background:rgba(18,30,48,.4)}.yp-code-dialog h2{font-size:18px;margin:0 28px 12px 0}.yp-code-dialog p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.yp-code-dialog-close{position:absolute;right:12px;top:10px;border:0;border-radius:7px;background:var(--bg);color:var(--muted);width:28px;height:28px;font-size:20px}.yp-code-dialog label{display:block;font-size:13px;margin:12px 0}.yp-code-dialog label small{font-weight:400;color:var(--muted)}.yp-code-dialog select,.yp-code-dialog textarea{display:block;width:100%;padding:9px;margin-top:6px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink)}.yp-code-dialog .primary-btn{height:38px;font-size:13px}.yp-code-choices{display:grid;gap:8px;margin:15px 0}.yp-code-choices .quiet-btn{white-space:normal;overflow-wrap:anywhere;min-height:42px;height:auto;padding:10px}.yp-code-feedback-status{min-height:18px}.yp-code-result .yp-code-search-intro{margin-bottom:12px}.yp-code-intro-active>[data-code-content]{display:none}
@keyframes yp-code-spin{to{transform:rotate(360deg)}}
.yp-codes-page .yp-code-editor .yp-code-icon-editor>summary,.yp-codes-page .yp-code-editor .yp-code-help>summary{display:block;min-height:0;padding:5px 0;background:none;border:0;color:var(--muted);font-size:11px;font-weight:400}.yp-codes-page .yp-code-editor .yp-code-help>summary{color:var(--blue);font-size:12px}
.yp-code-editor .yp-code-saving-icon{animation:yp-code-spin .8s linear infinite}
.yp-code-editor input[readonly]{background:var(--bg);color:var(--muted)}.yp-code-feedback-history [hidden]{display:none}.yp-code-feedback-history-row>summary [data-feedback-edited]{flex:none;align-self:center;color:var(--blue);font-size:10px}.yp-code-feedback-original{margin-top:8px;font-size:11px}.yp-code-feedback-original>summary{cursor:pointer;color:var(--blue)}.yp-code-feedback-manage-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.yp-code-feedback-manage-actions .tiny-btn{font-size:11px;min-height:31px;padding:5px 9px}.yp-code-feedback-edit{max-width:560px;padding:10px;margin-top:9px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.yp-code-feedback-edit label{display:block;font-size:11px;margin:0 0 8px}.yp-code-feedback-edit select,.yp-code-feedback-edit textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:8px;border:1px solid var(--line);border-radius:7px;font:inherit;background:var(--white);color:var(--ink)}.yp-code-feedback-edit textarea{resize:vertical;min-height:72px}.yp-code-feedback-delete-confirm{padding:10px;margin-top:9px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.yp-code-feedback-delete-confirm p{margin:0}.yp-code-feedback-manage-status:empty{display:none}.yp-code-feedback-manage-status{color:var(--blue)}.yp-code-feedback-history .yp-code-saving-icon{animation:yp-code-spin .8s linear infinite}
.yp-code-feedback-history{margin-top:18px;overflow:hidden}.yp-code-feedback-history>summary{display:flex;align-items:center;gap:9px;padding:13px 15px;cursor:pointer;color:var(--blue);font-size:13px}.yp-code-feedback-history>summary span{color:var(--muted);font-size:11px}.yp-code-feedback-history-list{padding:0 15px}.yp-code-feedback-history-row{border-top:1px solid var(--line)}.yp-code-feedback-history-row>summary{display:flex;align-items:center;gap:9px;padding:10px 0;cursor:pointer;font-size:12px}.yp-code-feedback-history-row>summary>div{display:flex;flex:1;min-width:0;gap:9px}.yp-code-feedback-history-row>summary strong{flex:none;color:var(--ink)}.yp-code-feedback-history-row>summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.yp-code-feedback-history-row time{flex:none;color:var(--muted);font-size:11px}.yp-code-feedback-history-detail{padding:0 0 10px;font-size:12px;color:var(--muted)}.yp-code-feedback-history-detail p{margin:6px 0;overflow-wrap:anywhere}.yp-code-feedback-history-detail .yp-code-full-url{color:var(--blue);overflow-wrap:anywhere}.yp-code-feedback-body{white-space:pre-wrap}.yp-code-feedback-history-empty{padding:0 15px 13px;margin:0;color:var(--muted);font-size:12px}.yp-code-feedback-history .yp-public-pager{padding:12px 15px}
.yp-codes-page .yp-code-fields:has(.yp-code-custom-field[hidden]){grid-template-columns:minmax(0,1fr) 150px}.yp-code-email-note{display:block;color:var(--muted);font-size:11px;margin:5px 0 10px}.yp-code-email-verification{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px;margin:10px 0;border:1px solid var(--line);border-radius:9px;background:var(--bg);font-size:12px}.yp-code-email-verification[hidden]{display:none}.yp-code-email-verification input{width:115px;padding:7px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--white)}.yp-code-email-verification p{flex-basis:100%;margin:0;color:var(--muted);font-size:11px}.yp-code-search-wait{margin:12px auto;max-width:930px}.yp-code-search-intro{margin-bottom:12px}.yp-code-editor .yp-code-custom-field[hidden]{display:none}.yp-code-entry[data-code-state=pending] .yp-code-link-status:before{content:'';display:inline-block;width:8px;height:8px;margin-right:4px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;animation:yp-code-spin .8s linear infinite}
@media(max-width:700px){.yp-code-card{padding:12px}.yp-code-card-links{grid-template-columns:1fr}.yp-code-card-head>div{flex-basis:100%}.yp-code-card-head h2{font-size:15px}.yp-code-card-head{gap:7px}.yp-code-entry{padding:10px}.yp-code-card .yp-code-item-foot>div{gap:5px}.yp-code-dialog{padding:18px}.yp-code-entry-actions .tiny-btn{min-height:32px}.yp-code-guide{gap:5px}.yp-code-guide span{font-size:11px}.yp-code-editor .yp-code-icon-editor{grid-column:2/4}}
@media(max-width:700px){.yp-codes-page .yp-code-fields:has(.yp-code-custom-field[hidden]){grid-template-columns:1fr}}
@media(max-width:700px){.yp-code-feedback-history-row>summary{align-items:flex-start}.yp-code-feedback-history-row>summary>div{flex-direction:column;gap:3px}.yp-code-feedback-history-row>summary span{white-space:normal;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.yp-code-entry[data-code-state=checking] .yp-code-link-status:before{animation:none}}
.yp-code-card{padding:0;overflow:hidden}.yp-code-result-row{display:flex;align-items:center;gap:11px;width:100%;min-width:0;padding:12px 14px;border:0;border-radius:inherit;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.yp-code-result-row:hover{background:var(--soft)}.yp-code-result-row:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.yp-code-row-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:8px;background:var(--soft);color:var(--blue);font-size:13px}.yp-code-row-copy{flex:1;min-width:0}.yp-code-row-copy>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.yp-code-row-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:var(--muted);font-size:11px}.yp-code-row-open{flex:none;color:var(--blue);font-size:12px;font-weight:650}.yp-code-row-open i{margin-left:3px;font-size:10px}.yp-code-card .yp-code-item-foot{margin:0;padding:9px 14px}.yp-code-dialog-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid var(--line);border-radius:11px;background:var(--white);color:var(--blue);font-size:18px}.yp-code-resource-dialog .yp-code-detail-code{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 23px 0;color:var(--muted);font-size:12px}.yp-code-detail-code>span{min-width:0;overflow-wrap:anywhere}.yp-code-detail-code .tiny-btn{flex:none;font-size:11px}.yp-code-resource-dialog .yp-code-card-links{margin:16px 23px 0}.yp-code-resource-dialog .yp-code-entry{background:var(--white)}.yp-code-description{margin:16px 23px 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--white)}.yp-code-description h3{margin:0 0 7px;font-size:12px}.yp-code-description p{margin:0;color:var(--muted);font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.yp-code-copy-status{min-height:17px;margin:0;padding:10px 23px 14px;color:var(--green);font-size:11px}.yp-code-copy-status.is-error{color:#c44949}.yp-code-copy-fallback{position:fixed;opacity:0;width:1px;height:1px;pointer-events:none}.yp-code-save-status.yp-notice-ok{display:inline-flex;align-items:center;gap:12px;max-width:100%;padding:7px 10px;margin:0 0 12px;font-size:12px}.yp-code-save-status.yp-notice-ok span{min-width:0;overflow-wrap:anywhere}.yp-code-save-status button{display:grid;place-items:center;flex:none;width:22px;height:22px;padding:0;border:0;border-radius:4px;background:none;color:inherit;font-size:18px;cursor:pointer}.yp-code-save-status button:hover{background:var(--soft)}.yp-code-feedback-entry{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding:12px 15px;font-size:12px;color:var(--blue)}.yp-code-feedback-entry>span:first-child{display:flex;align-items:center;gap:8px}.yp-code-feedback-entry small{color:var(--muted);font-size:11px}.yp-code-url-tools{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:5px 8px;grid-column:2/-1;min-width:0;font-size:11px;color:var(--muted)}.yp-code-url-tools[hidden],.yp-code-url-tools [hidden]{display:none}.yp-code-url-tools select{width:112px;height:30px;padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);font:inherit}.yp-code-url-tools p{margin:5px 0 0;min-width:0;overflow-wrap:anywhere;grid-column:2}.yp-code-url-tools select[hidden]+p{grid-column:1/-1}.yp-code-url-tools small{grid-column:1/-1;color:#c44949;font-size:11px}.yp-code-url-tools small:empty{display:none}.yp-code-link-row.yp-code-url-error{border-color:#d88d99}.yp-code-link-row.yp-code-link-focused{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 16%,transparent);scroll-margin-top:90px}.yp-code-focus-note{font-size:12px;color:var(--muted)}
@media(max-width:700px){.yp-code-result-row{padding:10px;gap:8px}.yp-code-row-copy>strong{font-size:13px}.yp-code-row-icon{width:28px;height:28px}.yp-code-row-open{font-size:11px}.yp-code-card .yp-code-item-foot{padding:8px 10px}.yp-code-resource-dialog .yp-code-detail-code{margin:14px 16px 0;flex-wrap:wrap}.yp-code-resource-dialog .yp-code-card-links{grid-template-columns:1fr;margin:14px 16px 0}.yp-code-description{margin:14px 16px 0}.yp-code-copy-status{padding:10px 16px 14px}.yp-code-url-tools{grid-column:2/4}.yp-code-url-tools select{font-size:12px}.yp-code-resource-dialog .yp-code-entry-actions{gap:5px}.yp-code-resource-dialog .yp-code-entry-actions .tiny-btn{min-height:32px}.yp-code-feedback-entry{padding:11px 12px}}
.yp-code-feedback-focused{border-radius:8px;outline:2px solid var(--blue);outline-offset:3px;scroll-margin-top:90px}.yp-code-feedback-resource-link{display:inline-flex;align-items:center;gap:5px;margin:8px 0;color:var(--blue);font-weight:650}.yp-code-feedback-target-reason{font-size:11px;color:var(--muted)}.yp-code-feedback-notifications{font-size:11px;color:var(--muted)}.yp-code-feedback-history-row>summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
.yp-code-feedback-manage-status{color:var(--green)}.yp-code-feedback-manage-status.is-error{color:#c44949}

/* Code resources: page-local form and action hierarchy. */
.yp-codes-page,.yp-code-resource-dialog{--code-accent:#b64d16;--code-accent-hover:#953b0d;--code-copy:#087563;--code-copy-hover:#075d4f;--code-warn-bg:#fff7e8;--code-warn-ink:#80520b;--code-danger-bg:#fff2f3;--code-danger-ink:#b3334e}
.yp-codes-page .page-top{margin-bottom:20px}.yp-codes-page .page-top p{max-width:640px;line-height:1.7}
.yp-code-welcome{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:stretch;margin:0 0 22px}.yp-code-welcome h2{margin:0 0 8px;font-size:17px}.yp-code-welcome p{margin:0;font-size:13px;line-height:1.8;color:var(--muted)}.yp-code-welcome b,.yp-code-welcome strong{color:var(--ink)}
.yp-code-welcome ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:20px 0 0;list-style:none}.yp-code-welcome li{display:flex;gap:8px;align-items:flex-start;font-size:12px}.yp-code-welcome li>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--soft);color:var(--blue);font-weight:750}.yp-code-welcome li strong{display:block}.yp-code-welcome li small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.6}
.yp-code-example{padding:17px 19px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.yp-code-example>small{display:block;color:var(--muted);font-size:11px;line-height:1.7}.yp-code-example>small:first-child{font-weight:700;color:var(--code-accent);margin-bottom:8px}.yp-code-example p{font-size:12px}.yp-code-example blockquote{margin:10px 0;padding:10px 12px;border-left:3px solid var(--code-accent);border-radius:0 7px 7px 0;background:var(--bg);font-size:12px;line-height:1.7;color:var(--ink)}.yp-code-example blockquote b{color:var(--code-accent)}.yp-code-example>small:last-child{margin-top:8px}
.yp-codes-page .yp-code-editor{border-color:var(--line);box-shadow:none;overflow:visible}.yp-codes-page .yp-code-editor>summary{background:var(--white);border-radius:12px;min-height:76px;padding:16px 20px}.yp-codes-page .yp-code-editor[open]>summary{border-bottom:1px solid var(--line);border-radius:12px 12px 0 0}.yp-codes-page .yp-code-editor-icon{background:#fff0e7;color:var(--code-accent);width:40px;height:40px}.yp-codes-page .yp-code-editor-copy strong{font-size:16px}.yp-codes-page .yp-code-editor-copy small{margin-top:3px;font-size:12px}.yp-codes-page .yp-code-editor-hint{background:var(--code-accent);color:#fff;border:1px solid var(--code-accent);padding:10px 14px;font-size:12px;min-height:40px}.yp-codes-page .yp-code-editor>summary:hover .yp-code-editor-hint{background:var(--code-accent-hover);border-color:var(--code-accent-hover)}
.yp-codes-page .yp-code-editor>form{padding:0 24px}.yp-code-form-section{padding:22px 0;border-bottom:1px solid var(--line)}.yp-code-section-heading{display:flex;gap:9px;align-items:center;margin-bottom:14px}.yp-code-section-heading>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:700;background:var(--soft);color:var(--muted)}.yp-codes-page .yp-code-section-heading h3{display:block;font-size:14px;margin:0}.yp-code-section-heading h3:before{display:none}.yp-code-section-heading>small{margin-left:auto;color:var(--muted);font-size:11px}.yp-code-section-note{margin:-5px 0 13px;color:var(--muted);font-size:12px;line-height:1.7}
.yp-codes-page .yp-code-fields,.yp-codes-page .yp-code-fields:has(.yp-code-custom-field[hidden]){display:block;padding:0;border:0;border-radius:0;background:none}.yp-codes-page .yp-code-fields .form-field{margin:0}.yp-codes-page .yp-code-fields label,.yp-code-custom-field label,.yp-code-quota label{display:block;margin:0 0 7px;font-size:12px;font-weight:700}.yp-codes-page .yp-code-fields input,.yp-code-custom-field input,.yp-code-quota input{box-sizing:border-box;width:100%;height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:inherit;font-size:13px}.yp-code-custom-field{max-width:460px;margin-top:16px}.yp-code-custom-field small,.yp-code-quota small{display:block;margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.yp-code-quota input{width:130px}.yp-code-fields em,.yp-code-url-field em{font-size:10px;font-style:normal;font-weight:500;color:var(--code-accent);margin-left:3px}
.yp-codes-page .yp-code-editor .yp-code-mode{display:flex;align-items:stretch;gap:10px;padding:0;margin:18px 0 0;border:0}.yp-code-mode legend{padding:0;margin-bottom:8px;font-size:12px;font-weight:700}.yp-codes-page .yp-code-mode label{display:flex;gap:8px;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--white);cursor:pointer;font-size:12px}.yp-code-mode label:has(input:checked){border-color:var(--code-accent);background:#fff8f3}.yp-code-mode label small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.yp-code-mode input{accent-color:var(--code-accent)}
.yp-codes-page #yp-code-links{gap:12px}.yp-codes-page .yp-code-link-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr);gap:12px;align-items:start;padding:15px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.yp-codes-page .yp-code-link-row:before{display:none}.yp-code-link-row-head{display:flex;align-items:center;gap:8px;grid-column:1/-1;font-size:12px}.yp-code-link-row-head:before{content:counter(yp-links);display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--white);color:var(--muted);font-size:11px;font-weight:700}.yp-code-link-row-head .yp-code-remove{margin-left:auto;width:auto;height:30px;padding:0 9px;border:1px solid var(--line);background:var(--white);color:var(--code-danger-ink);font-size:11px}.yp-code-link-row-head .yp-code-remove:disabled{opacity:.4;cursor:default}
.yp-code-link-row label{display:block;min-width:0}.yp-code-link-row label>span{display:block;margin-bottom:6px;font-size:11px;font-weight:700;color:var(--ink)}.yp-code-link-row label small{font-size:10px;font-weight:400;color:var(--muted);margin-left:3px}.yp-code-link-row .yp-code-url-field{grid-column:1/-1}.yp-codes-page .yp-code-link-row input{box-sizing:border-box;width:100%;height:38px;padding:8px 10px;font-size:12px;grid-column:auto;grid-row:auto;background:var(--white);border-color:var(--line)}.yp-codes-page .yp-code-link-row .yp-code-url-tools{grid-column:1/-1;gap:7px;margin-top:-5px}.yp-codes-page .yp-code-link-row .yp-code-url-tools p{font-size:11px}.yp-codes-page .yp-code-link-row .yp-code-url-tools select{height:34px}.yp-codes-page .yp-code-editor .yp-code-icon-editor{grid-column:1/-1}.yp-codes-page .yp-code-editor .yp-code-icon-editor>summary{padding:0;border:0;color:var(--muted);font-size:11px}.yp-code-icon-editor>summary small{font-size:10px;margin-left:4px}.yp-code-add-button{margin-top:12px;min-height:38px;padding:0 13px!important;border:1px dashed var(--code-copy)!important;color:var(--code-copy)!important;background:var(--white)!important;font-weight:700}.yp-code-add-button:disabled{opacity:.5;cursor:default}
.yp-codes-page .yp-code-remark{margin:0}.yp-codes-page .yp-code-remark textarea{box-sizing:border-box;min-height:90px;padding:10px 12px;line-height:1.7;background:var(--white);border-color:var(--line);resize:vertical}.yp-code-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.yp-codes-page .yp-code-options{margin:18px 0;border:1px solid var(--line);border-radius:9px}.yp-codes-page .yp-code-editor .yp-code-options>summary{display:flex;gap:9px;align-items:center;min-height:46px;padding:12px 14px;background:var(--bg);border:0;border-radius:9px;color:var(--ink);font-size:12px;font-weight:400}.yp-code-options>summary span{color:var(--muted);font-size:11px}.yp-code-options>summary i{margin-left:auto;font-size:11px}.yp-code-options[open]>summary i{transform:rotate(180deg)}.yp-code-options-body{display:grid;gap:16px;padding:16px}.yp-code-options-body .yp-code-remark textarea{min-height:70px}.yp-code-options-body .yp-code-email-note{margin:-10px 0 0}.yp-code-options-body .yp-code-email-verification{margin:0}.yp-code-email{font-size:12px;accent-color:var(--code-copy)}
.yp-codes-page .yp-code-form-actions{align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:18px 0 22px}.yp-code-form-actions p{flex:1;margin:0;font-size:11px;color:var(--muted)}.yp-codes-page .yp-code-form-actions .yp-code-save-button{height:42px;padding:0 19px;background:var(--code-accent);border:1px solid var(--code-accent);color:#fff;box-shadow:none;min-width:144px}.yp-code-save-button:not(:disabled):hover{background:var(--code-accent-hover)!important;border-color:var(--code-accent-hover)!important}.yp-code-save-button:disabled{opacity:.5;cursor:default}.yp-codes-page button,.yp-code-resource-dialog button{touch-action:manipulation}.yp-codes-page a:focus-visible,.yp-codes-page button:focus-visible,.yp-codes-page summary:focus-visible{outline:2px solid var(--code-accent);outline-offset:3px}
.yp-code-item .yp-code-item-foot{padding:12px 14px;gap:12px}.yp-code-item-foot>div{gap:7px!important}.yp-code-item-foot .tiny-btn{min-height:35px;padding:7px 11px;font-weight:700}.yp-code-item-foot .yp-code-copy-share{background:var(--code-copy);border-color:var(--code-copy);color:#fff}.yp-code-copy-share:hover{background:var(--code-copy-hover)!important;color:#fff!important}.yp-code-item-foot .yp-code-edit{background:var(--soft);border-color:#acb9d8;color:#405692}.yp-code-item-foot .yp-code-toggle{background:var(--code-warn-bg);border-color:#d7ad67;color:var(--code-warn-ink)}.yp-code-item-foot .yp-code-delete{background:var(--code-danger-bg);border-color:#d89aaa;color:var(--code-danger-ink)}.yp-code-item-foot button:disabled{opacity:.6;cursor:wait}.yp-codes-page .yp-code-row-open{color:var(--code-copy);font-weight:750}.yp-code-item-foot .tiny-btn:hover{filter:brightness(.96)}
.yp-code-page-help{margin-top:22px;font-size:12px;color:var(--muted)}.yp-code-page-help>summary{cursor:pointer;color:var(--muted);font-weight:650}.yp-code-page-help p{line-height:1.8;margin:8px 0 0}.yp-code-page-help strong{color:var(--ink)}
/* Keep the ordinary modal frame; each link uses the whole detail width. */
.yp-code-resource-dialog .yp-code-link-sections{display:block;margin:0 23px}.yp-code-resource-dialog .yp-code-link-section{padding:20px 0 17px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.yp-code-resource-dialog .yp-code-link-section:last-child{border-bottom:0;padding-bottom:0}.yp-code-resource-dialog .yp-code-link-metadata{margin:0;gap:9px}.yp-code-resource-dialog .yp-code-link-source{display:flex;align-items:center;gap:10px;padding:10px;min-width:0}.yp-code-link-source:before{display:none!important}.yp-code-resource-dialog .yp-code-link-source .yp-code-entry-icon{width:36px;height:36px;background:var(--white)}.yp-code-resource-dialog .yp-code-link-source .yp-code-entry-name{min-width:0}.yp-code-link-source .yp-code-entry-name strong{font-size:13px}.yp-code-link-source .yp-code-entry-name small{white-space:normal;overflow-wrap:anywhere}.yp-code-link-validity{display:flex;align-items:center;gap:8px;min-width:0}.yp-code-link-validity .yp-code-link-status{font-size:12px;white-space:normal}.yp-code-link-section[data-code-state=valid] .yp-code-link-validity{color:#167c67;background:rgba(28,170,124,.06);border-color:#b1d6cb}.yp-code-link-section[data-code-state=invalid] .yp-code-link-validity{color:#b3334e;background:rgba(205,54,89,.06);border-color:#e6b1bf}.yp-code-resource-dialog .yp-code-link-section .yp-dialog-url{margin:13px 0;font-size:12px;padding:12px}.yp-code-link-section .yp-code-full-url{display:block;color:var(--muted);overflow-wrap:anywhere}.yp-code-resource-dialog .yp-code-link-section .yp-dialog-actions{margin:0;gap:8px;align-items:center;flex-wrap:wrap}.yp-code-resource-dialog .yp-code-link-section .yp-dialog-actions .yp-code-open{background:var(--code-copy);border-color:var(--code-copy);color:#fff;height:39px;font-size:12px}.yp-code-resource-dialog .yp-code-link-section .yp-dialog-actions .yp-code-open[aria-disabled=true]{background:var(--bg);border-color:var(--line);color:var(--muted);opacity:1;cursor:default}.yp-code-resource-dialog .yp-code-entry-details{margin-top:12px}.yp-code-resource-dialog .yp-code-description{padding:0;border:0;border-radius:0;background:none}.yp-code-resource-dialog .yp-code-copy-status{padding-bottom:17px}
html[data-theme=dark] .yp-codes-page,html[data-theme=dark] .yp-code-resource-dialog{--code-accent:#ba521d;--code-accent-hover:#d1662b;--code-copy:#087563;--code-copy-hover:#098672;--code-warn-bg:#403528;--code-warn-ink:#ffcd85;--code-danger-bg:#412b38;--code-danger-ink:#ffb4c5}
html[data-theme=dark] .yp-codes-page .yp-code-editor>summary{background:var(--white);border-color:var(--line)}html[data-theme=dark] .yp-codes-page .yp-code-editor-icon{background:#44342d;color:#ffc093}html[data-theme=dark] .yp-codes-page .yp-code-editor-hint{background:var(--code-accent);border-color:var(--code-accent);color:#fff}html[data-theme=dark] .yp-code-mode label:has(input:checked){background:#372e2b;border-color:#dc9568}html[data-theme=dark] .yp-code-example>small:first-child,html[data-theme=dark] .yp-code-example blockquote b,html[data-theme=dark] .yp-code-fields em,html[data-theme=dark] .yp-code-url-field em{color:#ffbd8b}html[data-theme=dark] .yp-codes-page .yp-code-fields,html[data-theme=dark] .yp-codes-page .yp-code-fields input,html[data-theme=dark] .yp-codes-page .yp-code-link-row input,html[data-theme=dark] .yp-codes-page .yp-code-remark textarea{border-color:var(--line);background:var(--white);color:var(--ink)}html[data-theme=dark] .yp-codes-page .yp-code-link-row{background:var(--bg);border-color:var(--line)}html[data-theme=dark] .yp-code-item-foot .yp-code-edit{border-color:#8192b7;color:#d4dfff;background:#303e58}html[data-theme=dark] .yp-code-item-foot .yp-code-toggle{border-color:#a38550}html[data-theme=dark] .yp-code-item-foot .yp-code-delete{border-color:#b77c90}html[data-theme=dark] .yp-codes-page .yp-code-row-open,html[data-theme=dark] .yp-codes-page .yp-code-add-button{color:#83ddc2!important}html[data-theme=dark] .yp-code-link-section[data-code-state=valid] .yp-code-link-validity{border-color:#427d6d;color:#7fddbd}html[data-theme=dark] .yp-code-link-section[data-code-state=invalid] .yp-code-link-validity{border-color:#98616e;color:#ffb4c5}
@media(max-width:700px){.yp-code-welcome{grid-template-columns:1fr;gap:17px}.yp-code-welcome ol{gap:8px;margin-top:16px}.yp-code-welcome li{flex-direction:column;gap:7px}.yp-code-welcome li small{font-size:10px}.yp-code-example{padding:14px}.yp-codes-page .yp-code-editor>summary{gap:9px;padding:13px;min-height:70px}.yp-codes-page .yp-code-editor-copy strong{font-size:14px}.yp-codes-page .yp-code-editor-copy small{font-size:11px}.yp-codes-page .yp-code-editor-hint{font-size:11px;gap:6px;padding:9px;min-height:36px}.yp-codes-page .yp-code-editor-icon{width:33px;height:33px}.yp-codes-page .yp-code-editor>form{padding:0 14px}.yp-code-form-section{padding:19px 0}.yp-codes-page .yp-code-mode label{padding:9px;align-items:flex-start}.yp-code-mode label small{font-size:10px}.yp-code-custom-field{max-width:100%}.yp-codes-page .yp-code-link-row{padding:11px;gap:10px;grid-template-columns:minmax(0,1.5fr) minmax(90px,1fr)}.yp-codes-page .yp-code-link-row:before{display:none}.yp-codes-page .yp-code-link-row .yp-code-remove{grid-column:auto;grid-row:auto}.yp-code-link-row .yp-code-name-field,.yp-code-link-row .yp-code-pin-field{grid-column:auto;grid-row:auto}.yp-codes-page .yp-code-editor .yp-code-icon-editor{grid-column:1/-1}.yp-code-icon-editor>summary small{display:block;margin:3px 0 0}.yp-codes-page .yp-code-editor .yp-code-options>summary{flex-wrap:wrap;gap:5px;padding:11px}.yp-code-options>summary span{flex-basis:calc(100% - 20px);order:2}.yp-code-options>summary i{order:1}.yp-code-options-body{padding:12px}.yp-codes-page .yp-code-form-actions p{flex-basis:100%;margin-bottom:2px}.yp-codes-page .yp-code-form-actions .yp-code-save-button{flex:1}.yp-code-item .yp-code-item-foot{padding:12px}.yp-code-item-foot>div{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;width:100%;gap:6px!important}.yp-code-item-foot .tiny-btn{display:flex;justify-content:center;width:100%;padding:7px 6px;font-size:11px;min-height:37px}.yp-code-resource-dialog .yp-code-link-sections{margin:0 16px}.yp-code-resource-dialog .yp-code-link-metadata{grid-template-columns:1fr}.yp-code-resource-dialog .yp-code-link-section{padding-top:16px}.yp-code-resource-dialog .yp-code-link-section .yp-dialog-actions{gap:6px}.yp-code-resource-dialog .yp-code-link-section .yp-dialog-actions .quiet-btn,.yp-code-resource-dialog .yp-code-link-section .yp-dialog-actions .primary-btn{padding:0 10px;font-size:11px}.yp-code-resource-dialog .yp-code-detail-code{font-size:11px}.yp-code-resource-dialog .yp-code-link-source{padding:10px}}

html[data-theme=dark] .yp-codes-page .yp-code-item-foot .yp-code-copy-share{background:var(--code-copy);border-color:#53b39e;color:#fff}html[data-theme=dark] .yp-codes-page .yp-code-item-foot .yp-code-toggle{background:var(--code-warn-bg);border-color:#a38550;color:var(--code-warn-ink)}html[data-theme=dark] .yp-codes-page .yp-code-item-foot .yp-code-delete{background:var(--code-danger-bg);border-color:#b77c90;color:var(--code-danger-ink)}

/* All code-page fields share a clear boundary; their widths follow the content. */
.yp-code-resource-dialog .yp-code-link-section .yp-dialog-url{padding-left:36px}
.yp-codes-page{--code-field-border:#91a4bf;--code-field-bg:#fff;--code-field-ink:#213550;--code-field-hint:#637994;--code-field-readonly:#edf1f7;--code-field-focus:#aa4610}
.yp-codes-page :is(input:not([type=hidden]):not([type=radio]):not([type=checkbox]),textarea:not(.yp-code-copy-fallback),select){box-sizing:border-box;min-width:0;min-height:42px;height:42px;padding:9px 12px;border:1px solid var(--code-field-border);border-radius:8px;background:var(--code-field-bg);color:var(--code-field-ink);font:inherit;font-size:14px;line-height:1.5;box-shadow:0 1px 2px rgba(25,44,74,.04)}
.yp-codes-page :is(input:not([type=hidden]):not([type=radio]):not([type=checkbox]),textarea:not(.yp-code-copy-fallback))::placeholder{color:var(--code-field-hint);opacity:1}
.yp-codes-page :is(input:not([type=hidden]):not([type=radio]):not([type=checkbox]),textarea:not(.yp-code-copy-fallback),select):focus{outline:2px solid var(--code-field-focus);outline-offset:2px;border-color:var(--code-field-focus)!important;box-shadow:none}
.yp-codes-page .yp-code-editor :is(.form-field>label,.yp-code-link-row label>span,.yp-code-mode legend){color:var(--code-field-ink);font-size:13px}
.yp-codes-page .yp-code-editor :is(.yp-code-section-note,.yp-code-custom-field>small,.yp-code-quota>small,.yp-code-icon-editor>summary,.yp-code-options>summary span,.yp-code-email-note,.yp-code-form-actions p){color:var(--code-field-hint)}
.yp-codes-page .yp-code-editor .yp-code-fields{max-width:640px}
.yp-codes-page .yp-code-editor>form{max-width:900px;margin:0 auto}
.yp-codes-page .yp-code-editor .yp-code-mode{max-width:520px;gap:12px}
.yp-codes-page .yp-code-editor .yp-code-mode label{min-width:0;border-color:var(--code-field-border);padding:11px 13px;font-size:14px}
.yp-codes-page .yp-code-editor .yp-code-mode label:has(input:checked){border-color:var(--code-accent);background:#fff5ee}
.yp-codes-page .yp-code-editor :is(input[type=radio],input[type=checkbox]){width:17px;height:17px;min-height:0;flex:none;accent-color:var(--code-accent)}
.yp-codes-page .yp-code-editor .yp-code-custom-field{max-width:400px}
.yp-codes-page .yp-code-editor #yp-code-value[readonly]{background:var(--code-field-readonly);color:var(--code-field-hint);border-style:dashed}
.yp-codes-page .yp-code-editor #yp-code-links{max-width:840px;gap:16px}
.yp-codes-page .yp-code-editor .yp-code-link-row{grid-template-columns:minmax(0,420px) 140px minmax(0,1fr);gap:15px;padding:18px;border-color:#c2cee0;background:#f4f7fc}
.yp-codes-page .yp-code-editor .yp-code-link-row label{min-width:0}
.yp-codes-page .yp-code-editor .yp-code-name-field{grid-column:1}
.yp-codes-page .yp-code-editor .yp-code-pin-field{grid-column:2}
.yp-codes-page .yp-code-editor .yp-code-link-row .yp-code-url-tools{margin-top:-4px}
.yp-codes-page .yp-code-editor .yp-code-url-tools select{width:140px}
.yp-codes-page .yp-code-editor .yp-code-icon-editor input{max-width:620px;display:block;margin-top:9px}
.yp-codes-page .yp-code-editor #yp-code-description{display:block;width:100%;max-width:840px;height:112px;min-height:112px;padding:12px;resize:vertical}
.yp-codes-page .yp-code-editor .yp-code-options{max-width:840px;border-color:#c2cee0}
.yp-codes-page .yp-code-editor .yp-code-options-body{gap:20px;padding:20px}
.yp-codes-page .yp-code-editor #yp-code-max{width:130px}
.yp-codes-page .yp-code-editor #yp-code-remark{display:block;width:100%;max-width:640px;height:84px;min-height:84px;resize:vertical}
.yp-codes-page .yp-code-editor .yp-code-email-verification input{width:150px}
.yp-codes-page #yp-code-feedback-dialog textarea{height:104px;min-height:104px;resize:vertical}
.yp-codes-page .yp-public-pager input{width:68px;height:38px;min-height:38px;padding:6px 8px;text-align:center}
html[data-theme=dark] .yp-codes-page{--code-field-border:#758aa8;--code-field-bg:#16243a;--code-field-ink:#f0f5ff;--code-field-hint:#adbed7;--code-field-readonly:#25334a;--code-field-focus:#ffc092}
html[data-theme=dark] .yp-codes-page .yp-code-editor .yp-code-link-row{background:#202e44;border-color:#526781}
html[data-theme=dark] .yp-codes-page .yp-code-editor .yp-code-mode label:has(input:checked){background:#3c2e27;border-color:#f0ad7c}
html[data-theme=dark] .yp-codes-page .yp-code-editor .yp-code-options{border-color:#526781}
.yp-codes-page .yp-code-editor .yp-code-link-row.yp-code-url-error{border-color:#bc3a55}
.yp-codes-page .yp-code-editor .yp-code-url-error [data-code-url-input]{border-color:#bc3a55}
.yp-codes-page .yp-code-editor .yp-code-link-row.yp-code-link-focused{border-color:var(--blue)}
@media(max-width:700px){
 .yp-codes-page :is(input:not([type=hidden]):not([type=radio]):not([type=checkbox]),textarea:not(.yp-code-copy-fallback),select){font-size:16px;height:44px;min-height:44px;padding:9px 10px}
 .yp-codes-page .yp-code-editor .yp-code-mode{gap:10px}.yp-codes-page .yp-code-editor .yp-code-mode label{padding:10px;font-size:13px}
 .yp-codes-page .yp-code-editor .yp-code-link-row{grid-template-columns:minmax(0,1fr) 112px;gap:13px 10px;padding:13px}
 .yp-codes-page .yp-code-editor .yp-code-name-field,.yp-codes-page .yp-code-editor .yp-code-pin-field{grid-column:auto}
 .yp-codes-page .yp-code-editor .yp-code-options-body{padding:14px}
 .yp-codes-page .yp-code-editor .yp-code-icon-editor input{max-width:100%}
 .yp-codes-page .yp-public-pager input{height:38px;min-height:38px;font-size:14px}
}