.color-text-primary{color:var(--db-color-primary)}button,input,select,optgroup,textarea,h1,h2,h3,h4,h5,h6,a:active,a:focus,a:hover strong,div,p,blockquote,q,code{color:var(--db-text-primary)}button a,input a,select a,optgroup a,textarea a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,a:active a,a:focus a,a:hover strong a,div a,p a,blockquote a,q a,code a{color:inherit}.disclaimer,kbd,tt,var,a,a:visited{color:var(--db-text-secondary)}label{color:var(--db-text-secondary)}code{background-color:var(--db-surface-layer-2);border-radius:var(--db-radius-s);padding:2px 4px}kbd,tt,var,abbr,acronym{color:var(--db-text-secondary)}mark{color:var(--db-color-primary);background:var(--db-color-primary-20)}.wp-block-separator,hr{background-color:var(--db-border-base)}.icon{color:var(--db-icon-default)}body.dark-mode button.input-search-icon,.darkmode--activated button.input-search-icon{background-image:url(../9a51b8d55567a413020c.svg)}@property --rotate{syntax:"<angle>";initial-value:132deg;inherits:false}.design-size-sidebar__section--categories{border-bottom:none}.design-size-sidebar__heading{font-size:var(--tool-sidebar-heading-size);font-weight:600}.design-size-guide-workspace{padding:var(--db-padding-m);min-width:0}.design-size-guide-tool{min-height:0}.design-size-category-filter{width:100%;margin-top:var(--db-margin-l);margin-bottom:var(--db-margin-m)}.design-size-group-toggle{display:flex;padding:2px;background:var(--db-bg-tertiary);border-radius:var(--db-radius-l);border:1px solid var(--db-border-base);width:100%}.design-size-group-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--db-padding-xs);padding:var(--db-padding-xs);border-radius:var(--db-radius-m);font-size:var(--db-text-sm);font-weight:600;transition:all .2s;border:none;background:rgba(0,0,0,0);color:var(--db-text-secondary);cursor:pointer}.design-size-group-btn i{font-size:16px}.design-size-group-btn:hover{color:var(--db-text-primary)}.design-size-group-btn.active{background:var(--db-bg-primary);color:var(--db-text-primary)}.design-size-group-toggle{display:flex;padding:4px;background:var(--db-bg-tertiary);border-radius:var(--db-radius-m);border:1px solid var(--db-border-base);width:100%}@media(min-width: 640px){.design-size-group-toggle{width:auto}}.page-design-size-guide .design-size-category-section{padding:0}.page-design-size-guide .design-size-main{padding:var(--db-padding-xl) 0}.page-design-size-guide .design-size-group-btn{flex:1;display:flex;align-items:center;gap:var(--db-padding-xs);padding:var(--db-padding-xs) var(--db-padding-l);border-radius:var(--db-radius-m);font-size:var(--db-text-sm);font-weight:600;transition:all .2s;border:none;background:rgba(0,0,0,0);color:var(--db-text-secondary);cursor:pointer}@media(min-width: 640px){.page-design-size-guide .design-size-group-btn{flex:none}}.page-design-size-guide .design-size-group-btn i{font-size:16px}.page-design-size-guide .design-size-group-btn:hover{color:var(--db-text-primary)}.page-design-size-guide .design-size-group-btn.active{background:var(--db-bg-primary);color:var(--db-text-primary)}.page-design-size-guide .design-size-category-header{display:flex;gap:var(--db-margin-m);margin-bottom:var(--db-margin-l);flex-direction:row;align-items:center}.page-design-size-guide .design-size-category-header-left{display:flex;align-items:center;gap:var(--db-padding-s)}.page-design-size-guide .design-size-category-title{font-size:var(--db-text-2xl);font-weight:700;color:var(--db-text-primary);margin:0}.page-design-size-guide .design-size-category-header-right{display:flex;align-items:center;justify-content:flex-end;margin-left:auto}.page-design-size-guide .design-size-spec-count{font-size:var(--db-text-xs);font-weight:600;color:var(--db-text-tertiary);background:var(--db-bg-tertiary);padding:4px var(--db-padding-s);border-radius:9999px;white-space:nowrap}.page-design-size-guide .design-size-specs-groups>*+*{margin-top:var(--db-margin-xl)}.page-design-size-guide .design-size-spec-group .design-size-subgroup-title{display:flex;align-items:center;gap:var(--db-padding-xs);font-size:var(--db-text-base);font-weight:700;color:var(--db-text-secondary);margin-bottom:var(--db-margin-m);padding-left:4px}.page-design-size-guide .design-size-spec-group .design-size-subgroup-title i{font-size:16px;color:var(--db-text-tertiary)}.page-design-size-guide .design-size-specs-grid{display:grid;grid-template-columns:1fr;gap:var(--db-margin-l)}@media(min-width: 640px){.page-design-size-guide .design-size-specs-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.page-design-size-guide .design-size-specs-grid{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1280px){.page-design-size-guide .design-size-specs-grid{grid-template-columns:repeat(4, 1fr)}}.page-design-size-guide .design-size-card{position:relative;background:var(--db-bg-primary);border-radius:var(--db-radius-l);-webkit-border-radius:var(--db-radius-l);-moz-border-radius:var(--db-radius-l);-ms-border-radius:var(--db-radius-l);padding:var(--db-padding-l);border:1px solid var(--db-border-base);transition:border-color .2s;display:flex;flex-direction:column;height:100%}.page-design-size-guide .design-size-card:hover{border-color:var(--db-border-layer-1)}.page-design-size-guide .design-size-card-bg{display:none}.page-design-size-guide .design-size-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--db-margin-m);position:relative}.page-design-size-guide .design-size-card-title{font-weight:700;font-size:var(--db-text-lg);color:var(--db-text-primary);line-height:1.25;padding-right:32px;margin:0}.page-design-size-guide .design-size-card-format{position:absolute;top:0;right:0;font-size:10px;font-family:monospace;font-weight:600;color:var(--db-text-tertiary);border:1px solid var(--db-border-base);background:var(--db-bg-secondary);padding:2px 6px;border-radius:var(--db-radius-s)}.page-design-size-guide .design-size-card-badges{display:flex;flex-wrap:wrap;gap:var(--db-padding-xs);margin-bottom:var(--db-padding-xs)}.page-design-size-guide .design-size-card-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;border-radius:9999px}.page-design-size-guide .design-size-card-badge i{font-size:12px;margin-right:4px}.page-design-size-guide .design-size-card-badge-ratio{color:var(--db-text-secondary);background:var(--db-bg-tertiary);font-weight:500}.page-design-size-guide .design-size-card-dimensions{display:flex;align-items:baseline;gap:4px;margin:var(--db-margin-m) 0 var(--db-padding-xs) 0}.page-design-size-guide .design-size-card-width,.page-design-size-guide .design-size-card-height{font-size:var(--db-text-2xl);font-weight:700;color:var(--db-text-primary)}.page-design-size-guide .design-size-card-separator{font-size:20px;color:var(--db-text-tertiary)}.page-design-size-guide .design-size-card-unit{font-size:var(--db-text-s);color:var(--db-text-tertiary)}.page-design-size-guide .design-size-card-description{font-size:var(--db-text-s);color:var(--db-text-secondary);margin-bottom:var(--db-margin-m);line-height:1.6;border-top:1px dashed var(--db-border-base);padding-top:var(--db-padding-s);margin-top:var(--db-padding-s)}.page-design-size-guide .design-size-card-tips{margin-top:auto;background:var(--db-bg-secondary);border-radius:var(--db-radius-m);padding:var(--db-padding-m);border:1px solid var(--db-border-base)}.page-design-size-guide .design-size-card-tips-header{display:flex;align-items:center;gap:4px;font-size:var(--db-text-xs);font-weight:700;color:var(--db-text-primary);margin-bottom:var(--db-padding-xs);text-transform:uppercase}.page-design-size-guide .design-size-card-tips-header i{font-size:16px;color:var(--db-text-tertiary)}.page-design-size-guide .design-size-card-tips-list{list-style:none;padding:0;margin:0}.page-design-size-guide .design-size-card-tip-item{font-size:var(--db-text-xs);color:var(--db-text-secondary);display:flex;align-items:start;gap:var(--db-padding-xs);line-height:1.6}.page-design-size-guide .design-size-card-tip-dot{display:block;width:4px;height:4px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;margin-top:6px;flex-shrink:0;background:var(--db-border-layer-2)}.page-design-size-guide .design-size-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--db-padding-2xl) var(--db-padding-l);text-align:center;margin:0 var(--db-padding-m)}@media(min-width: 640px){.page-design-size-guide .design-size-empty-state{margin:0}}.page-design-size-guide .design-size-empty-icon{background:var(--db-bg-tertiary);padding:var(--db-padding-l);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;margin-bottom:var(--db-margin-m)}.page-design-size-guide .design-size-empty-icon i{font-size:40px;color:var(--db-text-tertiary)}.page-design-size-guide .design-size-empty-title{font-size:var(--db-text-lg);font-weight:700;color:var(--db-text-primary);margin:0 0 var(--db-padding-xs) 0}.page-design-size-guide .design-size-empty-text{color:var(--db-text-secondary);margin:var(--db-padding-xs) 0 0 0;max-width:320px}.page-design-size-guide .design-size-reset-btn{margin-top:var(--db-margin-l)}.design-size-footer-links{margin-bottom:var(--db-padding-2xl)}.design-size-footer-links-header{display:flex;align-items:center;gap:var(--db-padding-xs);margin-bottom:var(--db-margin-l);justify-content:center}@media(min-width: 640px){.design-size-footer-links-header{justify-content:flex-start}}.design-size-footer-links-header i{font-size:20px;color:var(--db-text-tertiary)}.design-size-footer-links-title{font-size:var(--db-text-sm);font-weight:700;color:var(--db-text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0}.design-size-footer-links-grid{display:grid;grid-template-columns:1fr;gap:var(--db-margin-m)}@media(min-width: 480px){.design-size-footer-links-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 768px){.design-size-footer-links-grid{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1024px){.design-size-footer-links-grid{grid-template-columns:repeat(4, 1fr)}}.design-size-reference-link{display:flex;align-items:center;justify-content:space-between;padding:var(--db-padding-m);border-radius:var(--db-radius-m);background:var(--db-bg-secondary);border:1px solid var(--db-border-base);color:var(--db-text-secondary);text-decoration:none;transition:all .2s}.design-size-reference-link:hover{color:var(--db-color-primary);border-color:var(--db-border-layer-1);background:var(--db-bg-primary)}.design-size-reference-link i{font-size:16px;opacity:.3;transition:opacity .2s;flex-shrink:0}.design-size-reference-link:hover .design-size-reference-link i{opacity:1}.design-size-reference-link-content{display:flex;flex-direction:column;min-width:0;padding-right:var(--db-padding-xs)}.design-size-reference-link-category{font-size:10px;font-weight:700;color:var(--db-text-tertiary);text-transform:uppercase;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-size-reference-link:hover .design-size-reference-link-category{color:var(--db-text-tertiary)}.design-size-reference-link-name{font-size:var(--db-text-sm);font-weight:700;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width: 1024px){.design-size-guide-workspace{padding:var(--db-padding-m)}}@media only screen and (max-width: 767px){.design-size-guide-disclaimer .container,.design-size-guide-links-section .container{padding-left:var(--db-padding-s);padding-right:var(--db-padding-s)}}