.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)}*{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li>ul,li>ol{margin-bottom:0}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}pre{line-height:1.8;padding:20px;font-size:1rem;margin:var(--db-margin-m) 0}table{border-collapse:collapse;border-spacing:0}::-webkit-input-placeholder{color:inherit;opacity:.54}::-moz-selection,::selection,::-moz-selection{background:var(--db-color-primary);color:var(--db-text-inverse-primary)}.wp-block-separator,hr{border:0;height:1px;margin-bottom:var(--db-margin-l)}ul,ol{margin:0;padding:0;list-style:none}article li>ul,article li>ol{margin-bottom:0;margin-left:16px}dl{margin:0}dt{font-weight:bold}dd{margin:0}img{display:block;height:auto;max-width:100%;width:100%}caption,th{font-weight:bold}caption{color:var(--db-text-tertiary)}body{position:relative;overflow-x:hidden;isolation:isolate;width:100%;margin:0 auto;background-color:var(--db-bg-secondary)}.flex{gap:var(--db-gap-s);display:flex;align-items:center;flex-direction:row}main.site-main{position:relative;width:100%;min-height:calc(100vh - 80px)}body.header-static main.site-main{padding-top:0;min-height:0}body.header-static .page-header{padding-top:var(--db-padding-xl)}.app-container{position:relative}section{position:relative;padding:80px 0;width:100%;overflow:hidden;z-index:0}.container{position:relative;width:100%;max-width:1360px;padding:0 40px;margin:auto}.container-full{max-width:100%;padding:0 40px;margin:auto}.narrow-container{max-width:760px;padding:0 20px;margin:auto}.grid{display:grid;display:-ms-grid;gap:20px;align-content:start;align-items:stretch}.grid-8{grid-template-columns:repeat(8, 1fr);-ms-grid-columns:repeat(8, 1fr)}.grid-6{grid-template-columns:repeat(6, 1fr);-ms-grid-columns:repeat(6, 1fr)}.grid-5{grid-template-columns:repeat(5, 1fr);-ms-grid-columns:repeat(5, 1fr)}.grid-4{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-4>*{min-width:0;width:100%}.grid-3{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid article{margin:initial}.grid-checkout{display:grid;display:-ms-grid;grid-template-columns:1fr 360px;-ms-grid-columns:1fr 360px;gap:var(--db-gap-xl)}.grid-forum{display:grid;display:-ms-grid;grid-template-columns:1fr 280px;-ms-grid-columns:1fr 280px;gap:var(--db-gap-xl)}.grid-archive{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;display:block;min-height:100vh}.grid-single{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;padding-top:72px}.grid-signin{width:100%;display:grid;display:-ms-grid;gap:0;grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-course-archive{width:100%;max-width:1800px;margin:auto;gap:var(--db-gap-xl);display:grid;display:-ms-grid}.grid-course{width:100%;margin:auto;gap:var(--db-gap-l);display:grid;padding-top:90px;display:-ms-grid;grid-template-columns:200px 1fr;-ms-grid-columns:200px 1fr}.grid-course .content-area{width:100%}.grid-tools{width:100%;max-width:1920px;margin:auto;display:flex;align-items:start}.grid-tools .content-area{padding:var(--db-padding-m);border-right:1px solid var(--db-border-base)}.grid-tools .fixed-area{position:sticky;top:56px;padding:var(--db-padding-m)}.grid-gradient .content-area{width:100%}.grid-controls{width:100%;max-width:1800px;margin:auto;gap:var(--db-gap-xl);display:grid;display:-ms-grid;grid-template-columns:280px 1fr;-ms-grid-columns:280px 1fr;align-items:start}.grid-controls .content-area{width:100%}.grid-dashboard{width:100%;max-width:1240px;margin:auto;gap:var(--db-gap-xl);display:grid;padding:0 20px;display:-ms-grid;grid-template-columns:200px 1fr;-ms-grid-columns:200px 1fr}.grid-dashboard .content-area{width:100%}.grid-cart{display:grid;display:-ms-grid;grid-template-columns:1fr 320px;-ms-grid-columns:1fr 320px}.row{margin-right:-12px;margin-left:-12px;font-size:0}.db-col-2,.db-col-3,.db-col-4,.db-col-5,.db-col-6,.db-col-7,.db-col-8,.db-col-9,.db-col-12{position:relative;min-height:1px;display:inline-block;padding-left:12px;padding-right:12px;vertical-align:top}.db-col-2{width:16.66666667%}.db-col-3{width:25%}.db-col-4{width:33.33333333%}.db-col-5{width:41.66666667%}.db-col-6{width:50%}.db-col-7{width:58.3333333%}.db-col-8{width:66.66666667%}.db-col-9{width:75%}.db-col-12{width:100%}.mo-none{display:block}@media only screen and (max-width: 1600px){.container-full{padding:0 20px}section{padding:60px 0}.grid-8{grid-template-columns:repeat(6, 1fr);-ms-grid-columns:repeat(6, 1fr)}.grid-6{grid-template-columns:repeat(5, 1fr);-ms-grid-columns:repeat(5, 1fr)}.grid-5{grid-template-columns:repeat(5, 1fr);-ms-grid-columns:repeat(5, 1fr)}.grid-4{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-3{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}}@media only screen and (max-width: 1280px){.container-full{padding:0 20px}.grid-8{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-6{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-5{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-4{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-3{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-course{display:grid;display:-ms-grid;gap:24px;grid-template-columns:200px 1fr;-ms-grid-columns:200px 1fr}}@media only screen and (max-width: 1024px){.container{padding:0 24px}section{padding:60px 0}.grid{gap:24px}.grid-8{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-6{grid-template-columns:repeat(4, 1fr);-ms-grid-columns:repeat(4, 1fr)}.grid-5{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-4{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-3{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-signin{grid-template-columns:320px 1fr;-ms-grid-columns:320px 1fr}.grid-single{grid-template-columns:1fr;-ms-grid-columns:1fr}.grid-cart{grid-template-columns:1fr;-ms-grid-columns:1fr}.grid-course{grid-template-columns:172px 1fr;-ms-grid-columns:172px 1fr}}@media only screen and (max-width: 820px){.grid-course{grid-template-columns:1fr;-ms-grid-columns:1fr;padding:0;gap:0;padding-top:56px}.grid-course .grid-archive,.grid-course .content-area{padding:24px}.grid-course .grid-archive .post-filter-wrap,.grid-course .content-area .post-filter-wrap{margin:0}.grid-single{padding-top:56px}.grid-signin{grid-template-columns:1fr;-ms-grid-columns:1fr}.grid-tools{flex-direction:column-reverse}.grid-tools .content-area{border-right:none;border-top:1px solid var(--db-border-base)}.grid-tools .fixed-area{position:relative;top:0}.mo-only{display:block}.container-full{padding:0 20px}.post .container-full{padding:0}.grid{gap:16px}.grid-8{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-6{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr)}.grid-5{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-4{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-3{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr)}.container{padding:0 24px}.row{margin-right:-8px;margin-left:-8px}.db-col-2,.db-col-3,.db-col-4,.db-col-5,.db-col-6,.db-col-7,.db-col-8,.db-col-12{padding-left:8px;padding-right:8px}.db-col-9{width:100%}.db-col-8{width:100%}.db-col-6{width:100%}.db-col-4{width:50%}.db-col-3{width:33.3333%}.mo-padding-0{padding:0 !important}}@media only screen and (max-width: 767px){section{padding:40px 0}.container-full{padding:0 16px}.container{width:100%;max-width:100%;min-width:320px;padding:0 16px}.row{margin-left:-8px;margin-right:-8px}.designbase-layout-featured .container{padding:0}.pc-only{display:none}.mo-only{display:block}.mo-none{display:none}.grid-dashboard{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;display:block}.grid-archive{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;display:block}.grid-course{padding-top:48px}.grid-course .grid-archive,.grid-course .content-area{padding:16px}.grid-single{display:grid;display:-ms-grid;grid-template-columns:1fr;-ms-grid-columns:1fr;display:block;padding-top:48px}.section-freebies .grid-5{grid-template-columns:repeat(2, 1fr)}.contents-list .grid-4,.section-recentpost .grid-4,.posts-wrap .grid-4{grid-template-columns:repeat(2, 1fr)}.grid{gap:12px}.grid-8{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-6{grid-template-columns:repeat(2, 1fr);-ms-grid-columns:repeat(2, 1fr)}.grid-5{grid-template-columns:repeat(2, 1fr)}.grid-4{grid-template-columns:repeat(2, 1fr)}.grid-3{grid-template-columns:repeat(1, 1fr)}.grid-2{grid-template-columns:repeat(1, 1fr)}.digital-product-related-section .grid-4,.section-digital-product .grid-4{grid-template-columns:repeat(1, 1fr)}.page-template-page-gradient-generator .grid-3{grid-template-columns:repeat(2, 1fr)}.blog .grid-4,.category .grid-4{grid-template-columns:repeat(2, 1fr)}.events-archive-list .db-col-3{width:100%}.db-col-2,.db-col-3,.db-col-4,.db-col-5,.db-col-6,.db-col-7,.db-col-8,.db-col-9{padding-left:8px;padding-right:8px}.db-col-4{width:100%}.db-col-6{width:100%}.db-col-9{width:100%}.db-col-3{width:50%}.mo-padding-0{padding:0 !important}}.v-center-parent{display:table;height:100%}.v-center{position:relative;display:table-cell;vertical-align:middle}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--db-font-primary);font-size:var(--db-text-base);line-height:var(--db-leading-relaxed);-ms-overflow-style:none;overflow:auto}body,button,input,select,optgroup,textarea{line-height:var(--db-leading-relaxed)}h1,h2,h3,h4,h5,h6{clear:both;font-weight:var(--db-weight-bold);line-height:var(--db-leading-snug);word-break:keep-all;margin-bottom:var(--db-margin-s)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:var(--db-text-6xl)}h2{font-size:var(--db-text-5xl);font-size:2.25rem}h3{font-size:var(--db-text-3xl);font-size:1.75rem}h4{font-size:var(--db-text-2xl);font-size:1.5rem;line-height:var(--db-leading-normal)}h5{font-size:var(--db-text-l);font-size:1.25rem;line-height:var(--db-leading-normal)}h6{font-size:var(--db-text-l)}p{font-size:var(--db-text-l);line-height:var(--db-leading-relaxed);margin-bottom:var(--db-margin-m);font-weight:var(--db-weight-normal);word-break:keep-all}.disclaimer{font-size:var(--db-text-s);opacity:var(--db-opacity-hover);text-transform:initial}a,a:visited{text-decoration:none;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}a:active,a:focus,a:hover{outline:0;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}dfn,cite,em,i{font-style:italic}blockquote,q{quotes:none;margin:var(--db-margin-l) 0;display:block;width:100%;border:none;padding:0 var(--db-padding-m);font-size:var(--db-text-l);text-align:left;line-height:var(--db-leading-normal);border-left:2px solid var(--db-border-base)}address{margin:0 0 1.5em}pre.wp-block-code{font-size:var(--db-text-base);line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-m);border-radius:var(--db-radius-s);max-width:100%;overflow:auto;padding:var(--db-padding-m)}code{font-size:inherit}kbd,tt,var{font-size:inherit}abbr,acronym{border:none;cursor:help}mark{text-decoration:none}big{font-size:125%}.pc-only{display:block}.mo-only{display:none}.single-line-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.two-lines-ellipsis{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media only screen and (max-width: 820px){h1{font-size:40px}h2{font-size:32px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}p{font-size:16px}}@media only screen and (max-width: 767px){blockquote{font-size:18px;line-height:1.6}h1{font-size:32px}h2{font-size:26px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.disclaimer{font-size:var(--db-text-xs)}}.clear:before,.clear:after,.row:before,.row:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:after,.site-footer:before{display:table;content:"";table-layout:fixed}.clear:after,.row:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}hr.clear,.clear{border:none;height:0;background:rgba(0,0,0,0);margin:0;padding:0;clear:both}.ani-rotation{animation-duration:9s;animation-name:rotation;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes db-anim-rotation{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes db-anim-spin{0%{--rotate: 0deg}100%{--rotate: 360deg}}@keyframes db-anim-rotate-icon{100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes db-anim-rotate-icon{100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes db-anim-float-x{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes db-anim-float-x{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@-webkit-keyframes db-anim-float-y{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes db-anim-float-y{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes db-anim-scroll-x{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes db-anim-marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes db-anim-gradient-text{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes db-anim-gradient-float{0%,100%{transform:translate(0, 0) scale(1);opacity:1}25%{transform:translate(50px, -30px) scale(1.1);opacity:1}50%{transform:translate(-30px, 50px) scale(0.9);opacity:1}75%{transform:translate(30px, -20px) scale(1.05);opacity:1}}@keyframes db-anim-gradient-move-left{0%,100%{transform:translate(0, 0) scale(1);opacity:1}33%{transform:translate(100px, -50px) scale(1.2);opacity:1}66%{transform:translate(-50px, 100px) scale(0.8);opacity:1}}@keyframes db-anim-gradient-move-right{0%,100%{transform:translate(0, 0) scale(1);opacity:1}25%{transform:translate(-80px, -60px) scale(1.1);opacity:.7}50%{transform:translate(60px, 80px) scale(0.9);opacity:1}75%{transform:translate(-40px, -40px) scale(1.05);opacity:.5}}@keyframes db-anim-new-mark-blink{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1)}100%{opacity:1;transform:scale(1)}}@keyframes db-anim-pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes db-anim-pulse-badge{0%,100%{box-shadow:0 2px 8px rgba(var(--db-color-primary-rgb, 0, 79, 255), 0.4)}50%{box-shadow:0 2px 12px rgba(var(--db-color-primary-rgb, 0, 79, 255), 0.6)}}@keyframes db-anim-spin-border{0%{--rotate: 0deg}100%{--rotate: 360deg}}@keyframes db-anim-fade-out{to{opacity:0;visibility:hidden}}@keyframes db-anim-slide-up-fade-out{to{transform:translateY(-105vh)}}@keyframes db-anim-lightbox-fade-in{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes db-anim-scale-up{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes db-anim-fill{from{width:0%}to{width:100%}}.animate-fl-x{-webkit-animation-name:db-anim-float-x;animation-name:db-anim-float-x;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.animate-fl-y{-webkit-animation-name:db-anim-float-y;animation-name:db-anim-float-y;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:var(--db-bg-secondary);border-radius:3px;box-shadow:0 0 2px 2px var(--db-shadow-sm);clip:auto !important;clip-path:none;color:var(--db-text-primary);display:block;font-size:14px;font-weight:bold;height:auto;left:5px;line-height:normal;padding:var(--db-padding-m) var(--db-padding-l) var(--db-padding-s);text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0}@property --rotate{syntax:"<angle>";initial-value:132deg;inherits:false}.byline,.updated:not(.published){display:none}.single .byline,.group-blog .byline{display:inline}.tool-header{padding:var(--db-padding-m);border-bottom:1px solid var(--db-border-base)}.tools-page-title{margin-bottom:var(--db-margin-m)}.tools-page-title .tools-version-mark{display:inline-block;font-size:.7rem;font-weight:600;color:var(--db-text-secondary);background:var(--db-bg-tertiary);padding:2px 6px;border-radius:3px}.tools-page-title .tools-page-title-heading{font-size:1.2rem;font-weight:700;color:var(--db-text-primary);margin:0;line-height:1}.tools-page-title .tools-page-desc{font-size:.85rem;color:var(--db-text-secondary);margin:0;line-height:1.4}.page-header{position:relative;padding:120px 0 var(--db-padding-xl) 0;margin:0;margin-bottom:var(--db-margin-l);width:100%;display:flex;gap:var(--db-margin-l);justify-content:center;align-items:center;border:none;overflow:hidden}.page-header .flex{gap:var(--db-margin-l)}.error-404-page .page-header{overflow:visible !important}.membership-page .page-header{min-height:auto;height:auto}.page-title-wrap{width:100%;position:relative;z-index:2;text-align:center}.page-title-wrap.text-center{text-align:center}.page-title{position:relative;font-weight:bold;line-height:1;color:var(--db-text-primary);margin-bottom:0;z-index:2}.about-page .page-title,.page-template-page-about-membership .page-title{line-height:1.2}.main-layout .page-title{font-size:40px}.page-title span{opacity:.5}.page-desc{display:block;font-size:20px;font-weight:normal;margin-top:var(--db-margin-m);color:var(--db-text-secondary);line-height:var(--db-leading-normal);margin-bottom:0}.page-desc p{margin:0}.bookmark-page .page-desc{max-width:576px}.opentalk-page .page-desc{max-width:436px}.taxonomy-description{max-width:720px;text-align:left}.taxonomy-description p{line-height:var(--db-leading-normal)}.taxonomy-description strong{font-weight:bold}.section-posts{padding:var(--db-padding-l) 0}.section-posts .category-title-wrap .category-title{font-size:24px}.section-posts .grid{gap:var(--db-padding-m)}.category-title-wrap{margin-bottom:var(--db-margin-m);display:flex;justify-content:space-between;align-items:center}.category-title-wrap .category-title{margin:0}.category-title-wrap .category-title .tag{font-size:inherit}.category-title-wrap .category-title .count{position:relative;top:-10px;margin-left:10px;font-size:.5em;opacity:.5}.page-links{clear:both;margin:0 0 1.5em}.grid-archive .child-category-wrap{margin-top:0;text-align:left;font-size:0}.grid-archive .child-category-wrap li{display:inline-block}.grid-archive .child-category-wrap li a{margin-right:var(--db-padding-xs);margin-top:0;white-space:nowrap !important;padding:var(--db-padding-xs);display:inline-block;color:var(--db-text-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-primary);font-size:14px !important;line-height:1}.grid-archive .child-category-wrap li a.active,.grid-archive .child-category-wrap li a:hover{color:#fff;background:var(--db-color-primary)}.child-category-wrap{margin-top:var(--db-margin-m);text-align:left;font-size:0}.child-category-wrap li{display:inline-block}.child-category-wrap li a{margin-right:var(--db-padding-xs);margin-top:var(--db-margin-s);white-space:nowrap !important;padding:var(--db-padding-xs);display:inline-block;color:var(--db-text-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-secondary);font-size:16px !important;line-height:1;border:1px solid var(--db-border-base)}.child-category-wrap li a.active,.child-category-wrap li a:hover{color:var(--db-text-primary);background:var(--db-bg-tertiary);border:1px solid var(--db-border-layer-1)}.blur-wrapper{padding:var(--db-padding-l)}.blur-wrapper .blur-content{position:relative;padding:var(--db-padding-m);background:var(--db-bg-primary);padding:var(--db-padding-s);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)}.blur-wrapper .blur-content .grid{align-items:stretch}.disclaimer-section{padding:var(--db-padding-m) 0}.disclaimer-section .disclaimer-content{background:var(--db-bg-primary);padding:var(--db-padding-s);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);text-align:center}.disclaimer-section .disclaimer-text{font-size:var(--db-text-xs);color:var(--db-text-secondary);line-height:1.5;text-align:center;margin-bottom:var(--db-margin-m)}.disclaimer-section .disclaimer-text:last-child{margin-bottom:0}@media only screen and (max-width: 1024px){.page-header{padding:80px 0 var(--db-padding-xl) 0}.main-layout .page-header{padding:var(--db-padding-xl) 0 0 0}}@media only screen and (max-width: 820px){.page-title{font-size:48px}.section-posts .grid{gap:var(--db-padding-s)}.section-posts .grid-4{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 767px){.page-header{padding:80px 0 var(--db-padding-xl) 0}.main-layout .page-header{padding:var(--db-padding-xl) 0 0 0}.page-header .container{display:block}.page-header .flex{flex-direction:column}.section-posts .grid-4{grid-template-columns:repeat(2, 1fr)}.section-posts .category-title-wrap .category-title{font-size:20px}.page-title-wrap{flex-direction:column;gap:var(--db-padding-l)}.page-title{font-size:40px}.page-desc{font-size:16px}.blur-wrapper{padding:var(--db-padding-s)}.blur-wrapper .blur-content{padding:var(--db-padding-s)}}body.header-static{--db-tool-chrome-top: calc( var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px) )}main.site-main>.tool-page{display:flex;flex-direction:column;box-sizing:border-box;padding-top:var(--db-static-header-height, 57px);min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px));background-color:var(--db-bg-secondary)}.tool-page__body{flex:1;min-height:0;display:flex;width:100%}.tool-page__body.tool-page-layout{flex-direction:row;flex-wrap:nowrap;align-items:stretch}.tool-page-header{flex-shrink:0;z-index:4;overflow:visible}.tool-page-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--db-gap-m);padding:var(--db-padding-m);overflow:visible}.tool-page-header__start{display:flex;align-items:center;gap:var(--db-gap-s);min-width:0;overflow:visible}.tool-page-header__sidebar-toggle{width:36px;height:36px;padding:0;flex-shrink:0}.tool-page-header__titles{min-width:0}.tool-page-header__title{display:inline-flex;align-items:center;gap:var(--db-gap-xs);margin:0;font-size:18px;font-weight:700;line-height:1.3;color:var(--db-text-primary);min-width:0}.tool-page-header__title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-page-header__badge{flex-shrink:0;display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;line-height:1.35;color:var(--db-text-tertiary, var(--db-text-secondary));background-color:var(--db-bg-tertiary, var(--db-bg-secondary));border:1px solid var(--db-border-base);border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl)}.tool-page-header__desc{margin:2px 0 0;font-size:13px;line-height:1.4;color:var(--db-text-secondary)}.tool-page-header__actions{display:flex;align-items:center;gap:var(--db-gap-s);flex-shrink:0;overflow:visible}.tool-page-header__action-group{display:flex;align-items:center;gap:var(--db-gap-s);flex-wrap:wrap;justify-content:flex-end}.tool-page-header__search{position:relative;flex:1 1 240px;min-width:200px;max-width:480px;margin:0;overflow:visible}.tool-page-header__search--has-hint{z-index:2}.tool-page-header__search-form{margin:0;min-width:0;width:100%}.tool-page-header__search-form.search-form{min-width:0;width:100%}.tool-page-header__search-label{display:block;position:relative;width:100%}.tool-page-header__search-label .icon-search{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--db-text-tertiary);pointer-events:none;z-index:1}.tool-page-header__search-form input[type=search].tool-page-header__search-input,.tool-page-header__search-input.search-field,.tool-page-header__search-label input[type=search].tool-page-header__search-input,.tool-page-header__search-label input[type=text].tool-page-header__search-input{width:100%;height:32px;min-height:32px;padding:0 34px 0 34px !important;font-size:13px;line-height:32px;color:var(--db-text-primary);background-color:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.tool-page-header__search-form input[type=search].tool-page-header__search-input::placeholder,.tool-page-header__search-input.search-field::placeholder,.tool-page-header__search-label input[type=search].tool-page-header__search-input::placeholder,.tool-page-header__search-label input[type=text].tool-page-header__search-input::placeholder{color:var(--db-text-tertiary)}.tool-page-header__search-form input[type=search].tool-page-header__search-input:hover,.tool-page-header__search-input.search-field:hover,.tool-page-header__search-label input[type=search].tool-page-header__search-input:hover,.tool-page-header__search-label input[type=text].tool-page-header__search-input:hover{border-color:var(--db-text-tertiary, var(--db-border-base))}.tool-page-header__search-form input[type=search].tool-page-header__search-input:focus,.tool-page-header__search-input.search-field:focus,.tool-page-header__search-label input[type=search].tool-page-header__search-input:focus,.tool-page-header__search-label input[type=text].tool-page-header__search-input:focus{border-color:var(--db-color-primary);outline:none;box-shadow:0 0 0 2px rgba(0,79,255,.12)}.tool-page-header__search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;background:rgba(0,0,0,0);cursor:pointer;color:var(--db-text-tertiary);z-index:1}.tool-page-header__search-clear[hidden]{display:none !important}.tool-page-header__search-clear:hover{color:var(--db-text-primary)}.tool-page-header__search-hint{position:absolute;top:calc(100% + 6px);left:0;width:100%;min-width:max(100%,260px);margin:0;padding:8px 10px;font-size:12px;line-height:1.45;color:var(--db-text-secondary);background-color:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);box-shadow:var(--db-shadow-sm, 0 4px 12px rgba(0, 0, 0, 0.08));opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease;z-index:30;pointer-events:none;box-sizing:border-box}.tool-page-header__search:focus-within .tool-page-header__search-hint,.tool-page-header__search.is-hint-visible .tool-page-header__search-hint{opacity:1;visibility:visible;transform:translateY(0)}.tool-page-header__external-link{flex-shrink:0;white-space:nowrap}.tool-page-header__sort-btn{flex-shrink:0}.tool-page-header__tool-tabs.filter-container{width:auto;max-width:100%;min-width:0;margin:0;justify-content:flex-end;gap:var(--db-gap-xs);overflow:hidden}.tool-page-header__tool-tabs .filter-tabs{justify-content:flex-end;flex-wrap:nowrap;flex:1 1 auto;min-width:0;width:100%;max-width:min(100%,720px);overflow-x:auto;overflow-y:hidden;padding:0;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.tool-page-header__tool-tabs .filter-tabs::-webkit-scrollbar{display:none}.tool-page-header__tool-tabs .filter-tab{flex-shrink:0}.tool-page-header__tool-tabs .filter-tab a{white-space:nowrap}.tool-page-header__filter-dropdown{position:relative;flex-shrink:0}.tool-page-header__filter-dropdown-toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;white-space:nowrap}.tool-page-header__filter-dropdown-toggle .icon-chevron-down{font-size:14px;transition:transform .2s ease}.tool-page-header__filter-dropdown.is-open .tool-page-header__filter-dropdown-toggle .icon-chevron-down{transform:rotate(180deg)}.tool-page-header .filter-dropdown{position:relative;flex-shrink:0}.tool-page-header .filter-dropdown .filter-dropdown-toggle.button{min-height:32px;gap:6px}.tool-page-header .filter-dropdown .filter-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;left:auto;min-width:160px;max-height:min(320px,50vh);margin:0;padding:4px;list-style:none;overflow-y:auto;background-color:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-sm, 0 8px 24px rgba(0, 0, 0, 0.1));z-index:20}.tool-page-header .filter-dropdown .filter-dropdown-menu.active{display:block}.tool-page-header__filter-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;left:auto;min-width:160px;max-height:min(320px,50vh);margin:0;padding:4px;list-style:none;overflow-y:auto;background-color:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-sm, 0 8px 24px rgba(0, 0, 0, 0.1));z-index:20}.tool-page-header__filter-dropdown-menu[hidden]{display:none !important}.tool-page-header__filter-dropdown-option{display:block;width:100%;padding:8px 12px;border:none;border-radius:var(--db-radius-s);background:rgba(0,0,0,0);font-size:13px;font-weight:500;color:var(--db-text-secondary);text-align:left;cursor:pointer}.tool-page-header__filter-dropdown-option:hover{background-color:var(--db-bg-secondary);color:var(--db-text-primary)}.tool-page-header__filter-dropdown-option.is-active{background-color:rgba(0,79,255,.08);color:var(--db-color-primary);font-weight:600}.tool-page-header__action{flex-shrink:0}.tool-page-header__action--labeled{width:auto;height:auto;min-height:32px;padding:var(--db-padding-xs) var(--db-padding-s);font-size:13px;font-weight:500;color:var(--db-text-secondary);gap:6px}.tool-page-header__action--labeled i{font-size:16px}.tool-page-header__action--labeled span{line-height:1.2;white-space:nowrap}.tool-page-header__action--labeled:hover,.tool-page-header__action--labeled:focus{color:var(--db-text-primary)}.tool-page-header.is-sidebar-collapsed [data-icon-when-open]{display:none}.tool-page-header.is-sidebar-collapsed [data-icon-when-closed]{display:inline-flex}.tool-page-header:not(.is-sidebar-collapsed) [data-icon-when-closed]{display:none}.tool-page--palette.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--palette.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--palette.tool-page .tool-page__body{overflow:visible;flex:1;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--gradient.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--gradient.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--gradient.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--emoji.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--emoji.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--emoji.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--icons.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--icons.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--icons.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--shortcuts.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--shortcuts.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--shortcuts.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--logo-finder.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--logo-finder.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--logo-finder.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--logo-svg.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--logo-svg.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--logo-svg.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--size-guide.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--size-guide.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--size-guide.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--grid-calculator.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--grid-calculator.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:3}.tool-page--grid-calculator.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px));flex-direction:column}.tool-page--asciart.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--asciart.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--asciart.tool-page .tool-page__body{overflow:visible;flex:1;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--design-tool-archive.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--design-tool-archive.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--design-tool-archive.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--freebies-archive.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--freebies-archive.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--freebies-archive.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--freefonts-archive.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--freefonts-archive.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--freefonts-archive.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--designer-bookmark.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--designer-bookmark.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--designer-bookmark.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--dictionary-archive.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--dictionary-archive.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));flex-shrink:0;overflow:visible;margin-top:0;z-index:7}.tool-page--dictionary-archive.tool-page .tool-page__body{overflow:visible;flex:none;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page--logo-finder .tool-page-header .tool-page-header__inner,.tool-page--logo-finder .tool-page-header .tool-page-header__actions,.tool-page--logo-finder .tool-page-header .tool-page-header__action-group--logo-finder{overflow:visible}.tool-page--logo-finder .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--logo-finder .tool-page-header__action-group{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--db-gap-s);min-width:0;max-width:none}.tool-page--logo-finder .tool-page-header__search{order:1;flex:1 1 280px;min-width:220px;max-width:520px}.tool-page--logo-finder .tool-page-header__external-link{order:2}.tool-page--logo-svg .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--logo-svg .tool-page-header__action-group{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--db-gap-s);min-width:0;max-width:none}.tool-page--logo-svg .tool-page-header__search{order:1;flex:1 1 260px;min-width:200px;max-width:480px}.tool-page--logo-svg .tool-page-header__sort-btn{order:2}.tool-page--emoji .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--emoji .tool-page-header__action-group{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--db-gap-s);min-width:0;max-width:none}.tool-page--emoji .tool-page-header__search{order:1;flex:1 1 280px;min-width:200px;max-width:480px}.tool-page--emoji .tool-page-header__filter-dropdown{order:3}.tool-page--rem-calculator .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--rem-calculator .tool-page-header__action-group{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--db-gap-s);min-width:0;max-width:none}.tool-page--rem-calculator .tool-page-header__search{order:1;flex:1 1 200px;min-width:160px;max-width:320px}.tool-page--abstract-gradient .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--abstract-gradient .tool-page-header__action-group{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--db-gap-s);min-width:0;max-width:none}.tool-page--abstract-gradient .tool-page-header__search{order:1;flex:1 1 200px;min-width:160px;max-width:320px}.tool-page--abstract-gradient .tool-page-header__action-group--abstract-gradient{display:flex;align-items:center;flex-wrap:wrap;gap:var(--db-gap-xs);min-width:0;max-width:none}.tool-page--icons .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--icons .tool-page-header__action-group{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--db-gap-s);min-width:0;max-width:none}.tool-page--icons .tool-page-header__search{order:1;flex:1 1 240px;min-width:180px;max-width:360px}.tool-page--icons .tool-page-header__action-group--icons{display:flex;align-items:center;flex-wrap:wrap;gap:var(--db-gap-xs);min-width:0;max-width:none}.tool-page--icons .tool-page-header__search{order:1;flex:1 1 240px;min-width:180px;max-width:360px}.tool-page--icons .tool-page-header__filter-dropdown{order:2}.tool-page--size-guide .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--size-guide .tool-page-header__action-group{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--db-gap-s);min-width:0;max-width:none}.tool-page--size-guide .tool-page-header__search{order:1;flex:1 1 260px;min-width:200px;max-width:480px}.tool-page--size-guide .tool-page-header{overflow:visible}.tool-page--shortcuts .tool-page-header__actions,.tool-page--design-tool-archive .tool-page-header__actions,.tool-page--designer-bookmark .tool-page-header__actions,.tool-page--dictionary-archive .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--shortcuts .tool-page-header__action-group--shortcuts,.tool-page--shortcuts .tool-page-header__action-group--design-tool-archive,.tool-page--shortcuts .tool-page-header__action-group--designer-bookmark,.tool-page--shortcuts .tool-page-header__action-group--dictionary,.tool-page--design-tool-archive .tool-page-header__action-group--shortcuts,.tool-page--design-tool-archive .tool-page-header__action-group--design-tool-archive,.tool-page--design-tool-archive .tool-page-header__action-group--designer-bookmark,.tool-page--design-tool-archive .tool-page-header__action-group--dictionary,.tool-page--designer-bookmark .tool-page-header__action-group--shortcuts,.tool-page--designer-bookmark .tool-page-header__action-group--design-tool-archive,.tool-page--designer-bookmark .tool-page-header__action-group--designer-bookmark,.tool-page--designer-bookmark .tool-page-header__action-group--dictionary,.tool-page--dictionary-archive .tool-page-header__action-group--shortcuts,.tool-page--dictionary-archive .tool-page-header__action-group--design-tool-archive,.tool-page--dictionary-archive .tool-page-header__action-group--designer-bookmark,.tool-page--dictionary-archive .tool-page-header__action-group--dictionary{flex:1;display:flex;justify-content:flex-end;min-width:0;max-width:none}.tool-page--freefonts-archive .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--freefonts-archive .tool-page-header__action-group{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--db-gap-s);min-width:0;max-width:none}.tool-page--freefonts-archive .tool-page-header__search{order:1;flex:1 1 260px;min-width:180px;max-width:360px}.tool-page--freefonts-archive .tool-page-header,.tool-page--freefonts-archive .tool-page-header__inner,.tool-page--freefonts-archive .tool-page-header__actions,.tool-page--freefonts-archive .tool-page-header__action-group--freefonts-archive,.tool-page--freefonts-archive .freefonts-header-filters{overflow:visible}.tool-page--freefonts-archive .tool-page-header__action-group--freefonts-archive{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--db-gap-xs);min-width:0;max-width:none;flex-wrap:wrap}.tool-page--freefonts-archive .tool-page-header__search{order:1;flex:1 1 240px;min-width:180px;max-width:360px}.tool-page--freefonts-archive .freefonts-header-filters{order:2;display:flex;align-items:center;gap:var(--db-gap-xs);flex-wrap:wrap}.tool-page--freefonts-archive .freefonts-header-filters .filter-dropdown{z-index:12}.tool-page--freefonts-archive .freefonts-header-filters .filter-dropdown .filter-dropdown-menu{z-index:30}.tool-page--dictionary-archive .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--dictionary-archive .tool-page-header__action-group{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--db-gap-s);min-width:0;max-width:none}.tool-page--dictionary-archive .tool-page-header__search{order:1;flex:1 1 240px;min-width:160px;max-width:360px}.tool-page--dictionary-archive .tool-page-header__action-group--dictionary{flex-wrap:nowrap;gap:var(--db-gap-s);width:100%;max-width:100%}.tool-page--dictionary-archive .tool-page-header__tool-tabs.filter-container{order:1;flex:1 1 auto;min-width:0;max-width:none;width:auto}.tool-page--dictionary-archive .tool-page-header__search{order:2;flex:0 1 260px;min-width:180px;max-width:320px}.tool-page--grid-calculator .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--grid-calculator .tool-page-header__action-group--grid-calculator.preview-head{display:flex;align-items:center;justify-content:flex-end;gap:var(--db-gap-s);min-width:0;flex:1;max-width:100%}@media only screen and (max-width: 1024px){.tool-page--shortcuts .tool-page-header__inner,.tool-page--design-tool-archive .tool-page-header__inner,.tool-page--designer-bookmark .tool-page-header__inner,.tool-page--dictionary-archive .tool-page-header__inner{align-items:center;gap:10px 8px;padding:var(--db-padding-s) var(--db-padding-m)}.tool-page--shortcuts .tool-page-header__start,.tool-page--design-tool-archive .tool-page-header__start,.tool-page--designer-bookmark .tool-page-header__start,.tool-page--dictionary-archive .tool-page-header__start{grid-area:title;min-width:0}.tool-page--shortcuts .tool-page-header__actions,.tool-page--design-tool-archive .tool-page-header__actions,.tool-page--designer-bookmark .tool-page-header__actions,.tool-page--dictionary-archive .tool-page-header__actions{display:contents}.tool-page--shortcuts .tool-page-header__action-group,.tool-page--design-tool-archive .tool-page-header__action-group,.tool-page--designer-bookmark .tool-page-header__action-group,.tool-page--dictionary-archive .tool-page-header__action-group{display:contents}.tool-page--shortcuts .tool-page-header__search,.tool-page--design-tool-archive .tool-page-header__search,.tool-page--designer-bookmark .tool-page-header__search,.tool-page--dictionary-archive .tool-page-header__search{grid-area:search;max-width:none;width:100%;min-width:0;flex:none}.tool-page--shortcuts .tool-page-header__inner,.tool-page--design-tool-archive .tool-page-header__inner,.tool-page--designer-bookmark .tool-page-header__inner,.tool-page--dictionary-archive .tool-page-header__inner{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-areas:"title" "tabs";gap:10px;overflow-x:hidden}.tool-page--shortcuts .tool-page-header__start,.tool-page--design-tool-archive .tool-page-header__start,.tool-page--designer-bookmark .tool-page-header__start,.tool-page--dictionary-archive .tool-page-header__start{width:100%}.tool-page--shortcuts .tool-page-header__tool-tabs.filter-container,.tool-page--design-tool-archive .tool-page-header__tool-tabs.filter-container,.tool-page--designer-bookmark .tool-page-header__tool-tabs.filter-container,.tool-page--dictionary-archive .tool-page-header__tool-tabs.filter-container{grid-area:tabs;width:100%;max-width:none;min-width:0;justify-content:flex-start;overflow:hidden}.tool-page--shortcuts .tool-page-header__tool-tabs .filter-tabs,.tool-page--design-tool-archive .tool-page-header__tool-tabs .filter-tabs,.tool-page--designer-bookmark .tool-page-header__tool-tabs .filter-tabs,.tool-page--dictionary-archive .tool-page-header__tool-tabs .filter-tabs{justify-content:flex-start;max-width:none;width:100%;min-width:0}.tool-page--freefonts-archive .tool-page-header__inner{align-items:center;gap:10px 8px;padding:var(--db-padding-s) var(--db-padding-m)}.tool-page--freefonts-archive .tool-page-header__start{grid-area:title;min-width:0}.tool-page--freefonts-archive .tool-page-header__actions{display:contents}.tool-page--freefonts-archive .tool-page-header__action-group{display:contents}.tool-page--freefonts-archive .tool-page-header__search{grid-area:search;max-width:none;width:100%;min-width:0;flex:none}.tool-page--freefonts-archive .tool-page-header__inner{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-areas:"title" "search" "filters";gap:10px;overflow:visible}.tool-page--freefonts-archive .tool-page-header__search{grid-area:search;max-width:none;width:100%;min-width:0;flex:none}.tool-page--freefonts-archive .freefonts-header-filters{grid-area:filters;width:100%;flex-wrap:wrap}.tool-page--freefonts-archive .filter-dropdown[data-filter-type=sort]{margin-left:auto}.tool-page--dictionary-archive .tool-page-header__inner{grid-template-areas:"title" "tabs" "search"}.tool-page--dictionary-archive .tool-page-header__search{grid-area:search;max-width:none;width:100%;min-width:0;flex:none}.tool-page--grid-calculator .tool-page-header__inner{align-items:center;gap:10px 8px;padding:var(--db-padding-s) var(--db-padding-m)}.tool-page--grid-calculator .tool-page-header__start{grid-area:title;min-width:0}.tool-page--grid-calculator .tool-page-header__actions{display:contents}.tool-page--grid-calculator .tool-page-header__action-group{display:contents}.tool-page--grid-calculator .tool-page-header__search{grid-area:search;max-width:none;width:100%;min-width:0;flex:none}.tool-page--grid-calculator .tool-page-header__inner{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-areas:"title" "controls";gap:10px}.tool-page--grid-calculator .tool-page-header__start{width:100%}.tool-page--grid-calculator .tool-page-header__action-group--grid-calculator.preview-head{grid-area:controls;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:none}.tool-page--icons .tool-page-header__inner{align-items:center;gap:10px 8px;padding:var(--db-padding-s) var(--db-padding-m)}.tool-page--icons .tool-page-header__start{grid-area:title;min-width:0}.tool-page--icons .tool-page-header__actions{display:contents}.tool-page--icons .tool-page-header__action-group{display:contents}.tool-page--icons .tool-page-header__search{grid-area:search;max-width:none;width:100%;min-width:0;flex:none}.tool-page--icons .tool-page-header__action-group--icons{display:contents}.tool-page--icons .tool-page-header__inner{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;grid-template-areas:"title search filter";gap:6px 8px;align-items:center;padding:var(--db-padding-xs) var(--db-padding-m)}.tool-page--icons .tool-page-header__start{grid-area:title;width:auto;min-width:0;flex-shrink:0}.tool-page--icons .tool-page-header__title{font-size:16px;gap:4px}.tool-page--icons .tool-page-header__badge{font-size:11px;padding:1px 6px}.tool-page--icons .tool-page-header__search{grid-area:search;min-width:0;max-width:none;width:auto;flex:none}.tool-page--icons .tool-page-header__search .tool-page-header__search-label .icon-search{left:7px;font-size:14px}.tool-page--icons .tool-page-header__search .tool-page-header__search-form input[type=search].tool-page-header__search-input,.tool-page--icons .tool-page-header__search .tool-page-header__search-input.search-field,.tool-page--icons .tool-page-header__search .tool-page-header__search-label input[type=search].tool-page-header__search-input{height:30px;min-height:30px;line-height:30px;padding:0 8px 0 26px !important;font-size:12px;border-radius:var(--db-radius-s)}.tool-page--icons .tool-page-header__filter-dropdown{grid-area:filter;justify-self:end;width:auto;min-width:0;max-width:none;flex-shrink:0}.tool-page--icons .tool-page-header__filter-dropdown-toggle{min-height:30px;height:30px;padding:0 8px;gap:4px;font-size:12px;max-width:none}.tool-page--icons .tool-page-header__filter-dropdown--combo{grid-area:filter}}@media only screen and (max-width: 767px){.tool-page-header__search{flex:1 1 100%;min-width:0;max-width:none}.tool-page-header__search-hint{font-size:11px;padding:6px 8px}.tool-page-header__inner{padding:var(--db-padding-xs) var(--db-padding-m);min-height:48px;flex-wrap:wrap}.tool-page-header__title{font-size:16px}.tool-page-header__badge{font-size:11px;padding:2px 6px}.tool-page-header__desc{display:none}.tool-page-header__action--labeled span{display:none}.tool-page-header__action--labeled{min-width:32px;padding:var(--db-padding-xs)}.tool-page--logo-finder .tool-page-header__inner{align-items:center;gap:10px 8px;padding:var(--db-padding-s) var(--db-padding-m)}.tool-page--logo-finder .tool-page-header__start{grid-area:title;min-width:0}.tool-page--logo-finder .tool-page-header__actions{display:contents}.tool-page--logo-finder .tool-page-header__action-group{display:contents}.tool-page--logo-finder .tool-page-header__search{grid-area:search;max-width:none;width:100%;min-width:0;flex:none}.tool-page--logo-finder .tool-page-header__inner{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-areas:"title title" "figma chrome" "search search";gap:8px}.tool-page--logo-finder .tool-page-header__start{width:100%}.tool-page--logo-finder .tool-page-header__external-link--figma{grid-area:figma;justify-self:stretch}.tool-page--logo-finder .tool-page-header__external-link--chrome{grid-area:chrome;justify-self:stretch}.tool-page--logo-finder .tool-page-header__action--labeled{width:100%;min-width:0;justify-content:center;padding:var(--db-padding-xs) var(--db-padding-s)}.tool-page--logo-finder .tool-page-header__action--labeled span{display:inline;font-size:12px;line-height:1.2}.tool-page--logo-svg .tool-page-header__inner{align-items:center;gap:10px 8px;padding:var(--db-padding-s) var(--db-padding-m)}.tool-page--logo-svg .tool-page-header__start{grid-area:title;min-width:0}.tool-page--logo-svg .tool-page-header__actions{display:contents}.tool-page--logo-svg .tool-page-header__action-group{display:contents}.tool-page--logo-svg .tool-page-header__search{grid-area:search;max-width:none;width:100%;min-width:0;flex:none}.tool-page--logo-svg .tool-page-header__inner{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title sort" "search search"}.tool-page--logo-svg .tool-page-header__sort-btn{grid-area:sort;justify-self:end}.tool-page--logo-svg .tool-page-header__action--labeled span{display:inline}.tool-page--abstract-gradient .tool-page-header__action-group--abstract-gradient{gap:6px}.tool-page--abstract-gradient #downloadBtn.tool-page-header__action--labeled span,.tool-page--abstract-gradient #exportHtmlCssBtn.tool-page-header__action--labeled span{display:none}.tool-page--abstract-gradient #downloadBtn.tool-page-header__action--labeled,.tool-page--abstract-gradient #exportHtmlCssBtn.tool-page-header__action--labeled{min-width:32px;padding:var(--db-padding-xs)}.tool-page--abstract-gradient #randomizeBtn.tool-page-header__action--labeled span{display:inline;font-size:11px}.tool-page--asciart .tool-page-header__action-group--asciart{gap:6px}.tool-page--asciart #asciiDownloadBtn.tool-page-header__action--labeled,.tool-page--asciart #asciiDownloadPngBtn.tool-page-header__action--labeled{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:auto;width:auto;padding:var(--db-padding-xs) var(--db-padding-s)}.tool-page--asciart #asciiDownloadBtn.tool-page-header__action--labeled span,.tool-page--asciart #asciiDownloadPngBtn.tool-page-header__action--labeled span{display:inline;font-size:11px;line-height:1.2;white-space:nowrap}.tool-page--emoji .tool-page-header__inner{align-items:center;gap:10px 8px;padding:var(--db-padding-s) var(--db-padding-m)}.tool-page--emoji .tool-page-header__start{grid-area:title;min-width:0}.tool-page--emoji .tool-page-header__actions{display:contents}.tool-page--emoji .tool-page-header__action-group{display:contents}.tool-page--emoji .tool-page-header__search{grid-area:search;max-width:none;width:100%;min-width:0;flex:none}.tool-page--emoji .tool-page-header__inner{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title title" "view filter" "search search"}.tool-page--emoji .emoji-view-toggle{grid-area:view;justify-self:start}.tool-page--emoji .tool-page-header__filter-dropdown{grid-area:filter;justify-self:end}.tool-page--size-guide .tool-page-header__inner{align-items:center;gap:10px 8px;padding:var(--db-padding-s) var(--db-padding-m)}.tool-page--size-guide .tool-page-header__start{grid-area:title;min-width:0}.tool-page--size-guide .tool-page-header__actions{display:contents}.tool-page--size-guide .tool-page-header__action-group{display:contents}.tool-page--size-guide .tool-page-header__search{grid-area:search;max-width:none;width:100%;min-width:0;flex:none}.tool-page--size-guide .tool-page-header__inner{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "search"}.tool-page--size-guide .tool-page-header__search{grid-area:search;width:100%;max-width:none}}@media only screen and (min-width: 1025px){.tool-page-header__inner{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;min-height:0;grid-template-columns:unset;grid-template-areas:unset}.tool-page-header__actions{display:flex;align-items:center}.tool-page-header .tool-page-header__action-group{display:flex;align-items:center}}.tool-page--viewport-locked.tool-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px))}.tool-page--rem-calculator.tool-page--viewport-locked.tool-page{height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px));max-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px));min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px));overflow:hidden}.tool-page-layout{--tool-sidebar-width: 300px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;width:100%;flex:1 1 auto;min-width:0;min-height:0;position:relative;background:var(--db-bg-secondary)}.tool-page-layout--viewport-locked{flex:1 1 auto;min-height:0;overflow:hidden}.tool-page--rem-calculator .tool-page-layout--viewport-locked{min-height:0;max-height:none}.tool-page-sidebar-dim{display:none}.tool-page-sidebar{flex:0 0 var(--tool-sidebar-width);width:var(--tool-sidebar-width);align-self:stretch;box-sizing:border-box;min-height:0;display:flex;flex-direction:column;padding:var(--db-padding-m);background-color:var(--db-bg-primary);border-right:1px solid var(--db-border-base);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;transition:flex-basis .28s ease,width .28s ease,opacity .28s ease,border-color .28s ease,transform .28s ease;z-index:5}.tool-page-sidebar::-webkit-scrollbar{width:4px}.tool-page-sidebar::-webkit-scrollbar-thumb{background-color:var(--db-border-base);border-radius:4px}.tool-page-sidebar--width-default{--tool-sidebar-width: 300px}.tool-page-sidebar--width-narrow{--tool-sidebar-width: 280px}.tool-page-sidebar.is-collapsed{flex-basis:0;width:0;opacity:0;border-right-color:rgba(0,0,0,0);pointer-events:none;overflow:hidden}.tool-page-workspace{flex:1 1 auto;align-self:stretch;min-width:0;min-height:0;position:relative;background:var(--db-bg-primary)}.tool-page-workspace--fill-viewport{flex:1 1 auto;min-height:0;height:auto;padding:0;overflow:hidden;background:var(--db-bg-secondary)}body.tool-sidebar-drawer-open .tool-page-header{z-index:900}@media only screen and (max-width: 1024px){body.tool-sidebar-drawer-open{overflow:hidden}}@media only screen and (min-width: 1025px){.tool-page-layout--viewport-locked>.tool-page-sidebar:not(.is-collapsed){position:relative;top:auto;align-self:stretch;flex:0 0 var(--tool-sidebar-width);min-height:0;max-height:none;height:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tool-page-layout--viewport-locked>.tool-page-workspace,.tool-page-layout--viewport-locked>.tool-page-workspace--fill-viewport{flex:1 1 auto;min-width:0;min-height:0;height:auto;overflow:hidden}.tool-page-layout:not(.tool-page-layout--viewport-locked){min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px));align-items:stretch}.tool-page-layout:not(.tool-page-layout--viewport-locked)>.tool-page-sidebar:not(.is-collapsed){position:sticky;top:calc(var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px))) + var(--tool-page-header-height, 49px));min-height:calc(100vh - var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px))) - var(--tool-page-header-height, 49px));max-height:calc(100vh - var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px))) - var(--tool-page-header-height, 49px));flex:0 0 var(--tool-sidebar-width);align-self:flex-start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tool-page-layout:not(.tool-page-layout--viewport-locked)>.tool-page-sidebar:not(.is-collapsed) .tool-sidebar-nav--scroll,.tool-page-layout:not(.tool-page-layout--viewport-locked)>.tool-page-sidebar:not(.is-collapsed) .tool-sidebar-filter-chips--scroll{flex:1 1 auto;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.tool-page-layout:not(.tool-page-layout--viewport-locked)>.tool-page-workspace{min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px))}.tool-page-layout.sidebar-collapsed>.tool-page-sidebar{display:none}}@media only screen and (max-width: 1024px){.tool-page--viewport-locked.tool-page--document-scroll.tool-page,.tool-page--rem-calculator.tool-page--viewport-locked.tool-page--document-scroll.tool-page{height:auto;max-height:none;min-height:0;overflow:visible}.tool-page--viewport-locked.tool-page--document-scroll.tool-page .tool-page-header,.tool-page--rem-calculator.tool-page--viewport-locked.tool-page--document-scroll.tool-page .tool-page-header{position:sticky;top:var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px)));z-index:900;flex-shrink:0;background-color:var(--db-bg-primary)}.tool-page-layout,.tool-page__body.tool-page-layout{display:block;flex:none;max-height:none;min-height:0;overflow:visible}.tool-page-layout--viewport-locked{min-height:0;max-height:none;overflow:visible}.tool-page-layout--document-scroll .tool-page-workspace{width:100%;flex:none;min-height:0;height:auto;overflow:visible}.tool-page-workspace--fill-viewport{width:100%;min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px));height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--tool-page-header-height, 49px));overflow:hidden}.tool-page-sidebar-dim{display:block;position:fixed;top:calc(var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px))) + var(--tool-page-header-height, 49px));right:0;bottom:0;left:0;z-index:840;background-color:rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.tool-page-sidebar-dim.is-visible{opacity:1;visibility:visible;pointer-events:auto}.tool-page-sidebar{position:fixed;top:calc(var(--db-tool-chrome-top, calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px))) + var(--tool-page-header-height, 49px));left:0;bottom:0;flex:none;width:min(var(--tool-sidebar-width),88vw);max-width:var(--tool-sidebar-width);height:auto;max-height:none;z-index:850;border-right:1px solid var(--db-border-base);transform:translateX(-105%);opacity:1;pointer-events:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.tool-page-sidebar.is-drawer-open{transform:translateX(0)}.tool-page-sidebar.is-collapsed{flex-basis:auto;width:min(var(--tool-sidebar-width),88vw);opacity:1;border-right-color:var(--db-border-base);pointer-events:auto}}.tool-sidebar-filter-chips{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--db-gap-xs);margin:0;padding:0;list-style:none}.tool-sidebar-filter-chips--scroll{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tool-sidebar-filter-chips--scroll::-webkit-scrollbar{width:4px}.tool-sidebar-filter-chips--scroll::-webkit-scrollbar-thumb{background-color:var(--db-border-base);border-radius:4px}.tool-sidebar-filter-chips__item{margin:0;padding:0;list-style:none;max-width:100%}.tool-sidebar-filter-chip{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:32px;padding:6px 12px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-xl);background-color:var(--db-bg-primary);font-size:12px;font-weight:500;line-height:1.3;color:var(--db-text-secondary);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.tool-sidebar-filter-chip:hover{background-color:var(--db-bg-secondary);border-color:var(--db-border-emphasis, var(--db-border-base));color:var(--db-text-primary)}.tool-sidebar-filter-chip.is-active,.tool-sidebar-filter-chip.active,.tool-sidebar-filter-chip.selected{background-color:var(--db-color-primary);border-color:var(--db-color-primary);color:var(--db-text-inverse-primary);font-weight:600;box-shadow:none}.tool-sidebar-filter-chip.is-active:hover,.tool-sidebar-filter-chip.active:hover,.tool-sidebar-filter-chip.selected:hover{background-color:var(--db-color-primary);border-color:var(--db-color-primary);color:var(--db-text-inverse-primary);filter:brightness(0.92)}.tool-sidebar-filter-chip:focus-visible{outline:2px solid var(--db-color-primary);outline-offset:2px}.tool-sidebar-filter-chip--checkbox{position:relative;user-select:none}.tool-sidebar-filter-chip--checkbox input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tool-sidebar-nav{min-height:0}.tool-sidebar-nav--scroll{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tool-sidebar-nav--scroll::-webkit-scrollbar{width:4px}.tool-sidebar-nav--scroll::-webkit-scrollbar-thumb{background-color:var(--db-border-base);border-radius:4px}.tool-sidebar-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tool-sidebar-nav__item-wrap{margin:0}.tool-sidebar-nav__link,.tool-sidebar-nav__item{display:block;width:100%;padding:8px 10px;border:none;border-radius:var(--db-radius-s);background:rgba(0,0,0,0);font-size:13px;font-weight:500;line-height:1.35;color:var(--db-text-secondary);text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:background .15s ease,color .15s ease}.tool-sidebar-nav__link:hover,.tool-sidebar-nav__item:hover{background:var(--db-bg-secondary);color:var(--db-text-primary)}.tool-sidebar-nav__link.is-active,.tool-sidebar-nav__link.active,.tool-sidebar-nav__item.is-active,.tool-sidebar-nav__item.active{background:rgba(0,79,255,.08);color:var(--db-color-primary);font-weight:600}.tool-sidebar-nav__link:focus-visible,.tool-sidebar-nav__item:focus-visible{outline:2px solid var(--db-color-primary);outline-offset:2px}.signin-page{padding:0}.signin-page .container{width:100%;height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding-bottom:80px}.signin-page p{font-size:14px}.signin-page .filter-tabs{margin-bottom:var(--db-margin-l)}.signin-page #user-registration{background-color:rgba(0,0,0,0) !important}.signin-page .lost_password{margin-top:var(--db-margin-m)}.user-registration-page .ur-frontend-form input[type=submit]{float:none;margin-bottom:var(--db-margin-m)}#initial-options{margin-bottom:var(--db-margin-m)}#initial-options button{display:block;width:100%}.bg{width:100%;height:100%;padding:var(--db-padding-s)}.bg .intro-graphic{width:100%;height:100%;background:var(--db-bg-secondary) url(../c92fc5078fc56ec768b5.jpg) no-repeat center;background-size:cover;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);margin:auto;overflow:hidden;display:flex;align-items:center;justify-content:center}.bg .intro-graphic h2{text-align:center;color:var(--db-text-inverse-primary)}#delete-account-form{max-width:400px;background-color:#fff}.profile-wrap{position:relative;width:100%;max-width:480px;margin:auto;text-align:center}.profile-wrap h2{font-size:20px}.profile-img{width:120px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);margin:auto;overflow:hidden}#profile-update-form{text-align:left;margin-top:40px}.pw-reset{font-size:12px;margin-top:var(--db-margin-xs);color:var(--db-text-tertiary)}.form-wrap{position:relative;width:100%;max-width:360px;padding:0;margin:auto}.form-wrap .page-title{font-size:32px;margin-bottom:var(--db-margin-l);color:var(--db-text-tertiary)}.form-wrap .form-item{margin-bottom:var(--db-margin-m)}.form-wrap .form-item label{font-size:14px}.form-wrap input[type=text],.form-wrap input[type=email],.form-wrap input[type=url],.form-wrap input[type=password],.form-wrap input[type=search],.form-wrap input[type=number],.form-wrap input[type=tel],.form-wrap input[type=range],.form-wrap input[type=date],.form-wrap input[type=month],.form-wrap input[type=week],.form-wrap input[type=time],.form-wrap input[type=datetime],.form-wrap input[type=datetime-local],.form-wrap textarea,.form-wrap select{height:var(--db-size-control-m)}.form-wrap .submit-button{width:100%;height:var(--db-size-control-m);font-size:16px;margin:16px 0}.form-wrap .link{text-align:center;color:var(--db-text-secondary)}.form-wrap .link a{font-weight:bold;color:var(--db-color-primary)}.toast-container{position:relative;margin:auto;padding:1rem 0}.toast-text{width:100%;padding:1rem;font-size:1rem;line-height:1;background:var(--db-bg-inverse);color:var(--db-text-inverse-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)}.login-page{background-color:var(--db-bg-secondary)}.register-page .custom-page-title,.login-page .custom-page-title{height:auto}.register-page section,.login-page section{padding:var(--db-padding-3xl) 0}.register-page .form-wrap,.login-page .form-wrap{width:100%;max-width:320px}.input-layout{position:relative;width:100%;margin-bottom:var(--db-margin-l)}.input-layout::after{content:"";clear:both}.input-layout label{font-size:14px;line-height:1;margin-bottom:var(--db-margin-s);color:#545454}.input-layout input[type=text],.input-layout input[type=email],.input-layout input[type=password]{width:100%}.input-layout a{font-size:var(--db-text-base);line-height:1}.go-register{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.go-register::after{content:"";clear:both}.form-wrap .input[type=submit]{display:block;width:100%}.user-registration-page .ur-frontend-form{margin-bottom:0;padding:0;border:none}.user-registration-page .ur-frontend-form.login{margin:0;padding:0;box-shadow:none;background:none}.user-registration-page .ur-frontend-form.login input[name=rememberme]#rememberme{vertical-align:middle}.user-registration-page .ur-frontend-form.login-registration{margin:0;border:none;padding:0}.user-registration-page .ur-frontend-form .register #node_recaptcha_register{padding:0 var(--db-padding-s)}.user-registration-page .ur-frontend-form #ur-recaptcha-node{margin-top:var(--db-margin-s)}.user-registration-page .ur-frontend-form *{box-sizing:border-box}.user-registration-page .ur-frontend-form .description{display:block;font-size:var(--db-text-base);line-height:1.5}.user-registration-page .ur-frontend-form .ur-form-row{display:flex}.user-registration-page .ur-frontend-form .ur-form-row:last-child{margin-bottom:0}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid{flex:1;padding:0}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid:nth-child(1n+2){border-left:0 none}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item{margin-bottom:var(--db-margin-m)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul{margin:0;list-style:none}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li{margin-left:0;line-height:1;vertical-align:middle;margin-bottom:var(--db-margin-s)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li input,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li input,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li input,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li label{display:inline-block;vertical-align:inherit}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li input[type=checkbox],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li input[type=radio],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li input[type=checkbox],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li input[type=radio],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input[type=checkbox],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input[type=radio],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li input[type=checkbox],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li input[type=radio]{margin-top:var(--db-margin-xxs)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li label{display:inline}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item:last-child{margin-bottom:0}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .form-row{display:block}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=text],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=email],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=url],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=password],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=date],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=number],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=phone],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid textarea,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid select,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement{width:100%;padding:var(--db-padding-s);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);min-height:36px;margin-bottom:var(--db-margin-s);line-height:1.5}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=text]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=email]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=url]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=password]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=date]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=number]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=phone]::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid textarea::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid select::placeholder,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement::placeholder{color:var(--db-text-tertiary)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=password]{display:inline;margin-bottom:0px}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .StripeElement{padding:var(--db-padding-s) var(--db-padding-m);border:1px solid var(--db-border-base)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .StripeElement .__PrivateStripeElement iframe{position:absolute;top:50%;transform:translateY(-50%)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=checkbox],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=radio]{font-size:var(--db-text-sm);display:inline-block;vertical-align:middle;margin-right:var(--db-margin-s);margin-left:var(--db-margin-l)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=checkbox]:first-child,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=radio]:first-child{margin-left:0}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=radio]:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=text]:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=email]:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=url]:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[type=password]:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid textarea:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid select:focus,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid button:focus{outline:0}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid input[readonly],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid select[readonly],.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid textarea[readonly]{cursor:auto}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid select{-webkit-appearance:none;background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid legend,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid label{display:block;font-size:var(--db-text-sm);margin-bottom:var(--db-margin-xs);margin-top:0}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid legend .required,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid label .required{text-decoration:none;border:none;color:var(--db-color-primary)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid legend.ur-label,.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid label.ur-label{font-weight:bold}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid textarea{padding:8px;height:100px;resize:none}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password input[type=password]{padding-right:50px}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group{position:relative}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview.dashicons.dashicons-hidden{opacity:.6}.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview.dashicons.dashicons-hidden:hover{opacity:1}.user-registration-page .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple{border:1px solid var(--db-border-layer-1)}.user-registration-page .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__rendered{display:block}.user-registration-page .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__rendered li:last-child{margin-left:0}.user-registration-page .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__choice{margin:5px}.user-registration-page .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-search--inline input[type=text]{margin:5px;height:inherit}.user-registration-page .ur-frontend-form button,.user-registration-page .ur-frontend-form input[type=submit],.user-registration-page .ur-frontend-form button[type=submit]{padding:10px 20px;line-height:1.5;display:block;width:100%;text-align:center;word-break:break-word;white-space:normal;border:none;cursor:pointer;transition:.35s all ease-out}.user-registration-page .ur-frontend-form input[type=submit]{float:right}.user-registration-page .ur-frontend-form .ur-button-container{display:flex;margin-top:var(--db-margin-s);padding:0}.user-registration-page .ur-frontend-form .ur-button-container .ur-submit-button{margin-left:auto}.user-registration-page .ur-frontend-form .user-registration-submit-Button{float:none}.user-registration-page .ur-frontend-form .ur-submit-button{margin-right:0;margin-bottom:0}.user-registration-page .ur-frontend-form label abbr.required{text-decoration:none;border:none;color:var(--db-color-primary)}.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=text],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=email],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=url],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=password],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=date],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=number],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea,.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid select{border:none;border-bottom:1px solid var(--db-border-base);outline:none;transition:all .35s;padding:10px 15px;background:var(--db-bg-primary);color:var(--db-text-secondary);height:45px}.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid legend,.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid label{margin-left:5px;color:var(--db-text-secondary)}.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea{height:100px}.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid .hide_show_password input[type=password]{padding-right:50px}.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form input[type=submit],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form button[type=submit],.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-prev,.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-next{background:var(--db-bg-primary);border:1px solid var(--db-border-base);color:var(--db-text-secondary);border-radius:0}.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form input[type=submit]:hover,.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form button[type=submit]:hover,.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-prev:hover,.user-registration-page .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-next:hover{background:var(--db-color-primary);color:var(--db-text-primary);border-color:var(--db-color-primary)}.user-registration-page .ur-frontend-form.ur-frontend-form--flat{background:var(--db-bg-secondary);border:none rgba(0,0,0,0)}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .ur-field-item,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .form-row{margin-bottom:0}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=text],.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=email],.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=url],.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=password],.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=date],.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=number],.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select{border:none;outline:none;padding:10px 15px;background:var(--db-bg-primary);color:var(--db-text-secondary);margin-bottom:var(--db-margin-s);height:45px}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=text]:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=email]:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=url]:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=password]:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=date]:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=number]:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea:focus,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select:focus{box-shadow:0 0 10px 5px rgba(0,0,0,.05)}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select{margin-bottom:var(--db-margin-s)}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid legend,.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid label{color:var(--db-text-secondary)}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea{height:100px}.user-registration-page .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .hide_show_password input[type=password]{padding-right:50px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=text],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=email],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=url],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=password],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=date],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=number],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid textarea,.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid select{border:1px solid var(--db-border-base);border-radius:25px;outline:none;transition:all .35s;padding:10px 15px;background:var(--db-bg-primary);color:var(--db-text-secondary);height:45px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid button[type=button]{border-radius:25px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid legend,.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid label{margin-left:5px;color:var(--db-text-secondary)}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid textarea{height:100px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid .hide_show_password input[type=password]{padding-right:50px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form input[type=submit],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form button[type=submit],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev,.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next{border:0 none;color:var(--db-bg-primary);border-radius:25px;float:none;display:block;padding:15px 25px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=text],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=email],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=url],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=password],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=date],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=number],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid textarea,.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid select{border-radius:2px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid .hide_show_password input[type=password]{padding-right:50px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid button[type=button]{border-radius:2px}.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form input[type=submit],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button[type=submit],.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button.user-registration-multi-part-nav-prev,.user-registration-page .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button.user-registration-multi-part-nav-next{border-radius:2px}.user-registration-page .ur-frontend-form #ur-submit-message-node{margin:20px 0 0 0}.user-registration-page .ur-frontend-form #ur-submit-message-node.ur-error{background:rgba(206,0,0,.1)}.user-registration-page .ur-frontend-form #ur-submit-message-node.ur-message.message{background:rgba(143,174,27,.2)}.user-registration-page #user-registration{background-color:var(--db-bg-primary);margin:0;box-shadow:none}.user-registration-page #user-registration.user-registration,.user-registration-page #user-registration *{box-sizing:border-box}.user-registration-page #user-registration p{font-size:12px;color:var(--db-text-tertiary)}.user-registration-page #user-registration .user-registration-tips{font-size:12px;color:var(--db-text-tertiary);margin-bottom:0}.user-registration-page #user-registration .user-registration-MyAccount-navigation{overflow:visible;margin:0}.user-registration-page #user-registration .user-registration-MyAccount-navigation ul{margin:0;padding:0;display:-webkit-flex;display:flex;flex-wrap:wrap}.user-registration-page #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link{list-style:none;padding:0;margin:0;display:inline-block;position:relative;box-shadow:0 0 0 rgba(0,0,0,0)}.user-registration-page #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a{padding:10px 15px;display:block;font-weight:400;font-size:14px;font-family:sans-serif;text-decoration:none;border-width:0;border:none;border-color:rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}.user-registration-page #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a{font-weight:600}.user-registration-page #user-registration .user-registration-MyAccount-content{padding:30px}.user-registration-page #user-registration .user-registration-MyAccount-content h2{margin-bottom:var(--db-margin-xl)}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-fields__field-wrapper{margin:0 -10px}.user-registration-page #user-registration .user-registration-MyAccount-content .ur-form-grid{border:0 none;background:rgba(0,0,0,0)}.user-registration-page #user-registration .user-registration-MyAccount-content .ur-frontend-form{border:none}.user-registration-page #user-registration .user-registration-MyAccount-content h2,.user-registration-page #user-registration .user-registration-MyAccount-content .edit-password legend{font-size:28px;font-weight:400}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header{margin-bottom:25px}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container{width:100px}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header h3{font-size:22px;font-weight:400;margin-bottom:var(--db-margin-xs)}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header header p,.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header header .button-group{margin-bottom:var(--db-margin-s)}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header header .profile-pic-remove{margin-right:10px}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-nick-name{color:var(--db-text-secondary)}.user-registration-page #user-registration .user-registration-MyAccount-content .user-registration-EditProfileForm .user-registration-profile-header .user-registration-img-container{width:auto}.user-registration-page .user-registration-password-strength{text-align:center;font-weight:600;padding:3px .5em;font-size:14px}.user-registration-page .user-registration-password-strength.strong{background-color:#c1e1b9;border-color:#83c373}.user-registration-page .user-registration-password-strength.short{background-color:#f1adad;border-color:#e35b5b}.user-registration-page .user-registration-password-strength.bad{background-color:#fbc5a9;border-color:#f78b53}.user-registration-page .user-registration-password-strength.good{background-color:#ffe399;border-color:#ffc733}.user-registration-page .user-registration-password-hint{margin:.5em 0 0;font-size:12px;color:var(--db-text-tertiary);display:block}@media only screen and (max-width: 767px){.signin-page .container{align-items:flex-start}.signin-page .container .form-wrap{margin:0}}.post-type-archive-design_tool .grid{align-items:stretch}.is-layout-flex{gap:var(--db-margin-l)}.is-layout-flex>:is(*,div){margin:0;width:100%}.card-wrapper{display:flex;flex-wrap:wrap;gap:var(--db-margin-m);position:relative;left:50%;right:50%;margin-top:var(--db-margin-2xl);margin-bottom:var(--db-margin-2xl);margin-left:-50vw;margin-right:-50vw;max-width:100vw;box-sizing:border-box;padding:0 calc((100vw - 960px)/2)}@media(max-width: 1000px){.card-wrapper{padding:0 var(--db-padding-m)}}@media(max-width: 767px){.card-wrapper{margin-top:var(--db-margin-xl);margin-bottom:var(--db-margin-xl)}}.card-wrapper>*{max-width:100%;box-sizing:border-box}.card-wrapper .wp-block-column{background:var(--db-bg-primary);padding:var(--db-padding-s);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-xs);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);width:100%;word-break:break-word;overflow-wrap:break-word;text-align:center}.card-wrapper .wp-block-column figure{margin:0;margin-bottom:var(--db-margin-s)}.card-wrapper .wp-block-column h2{margin:0;font-size:24px;word-break:break-word;overflow-wrap:break-word}.card-wrapper .wp-block-column h3{margin:0;word-break:break-word;overflow-wrap:break-word}.card-wrapper .wp-block-column p{margin:0}.wp-container-core-columns-is-layout-1,.wp-container-core-columns-is-layout-2,.wp-container-core-columns-is-layout-3,.wp-container-core-columns-is-layout-4{width:100vw;position:relative;left:50%;right:50%;margin-top:var(--db-margin-2xl);margin-bottom:var(--db-margin-2xl);margin-left:-50vw;margin-right:-50vw;max-width:100vw;box-sizing:border-box;padding:0 calc((100vw - 960px)/2)}@media(max-width: 1000px){.wp-container-core-columns-is-layout-1,.wp-container-core-columns-is-layout-2,.wp-container-core-columns-is-layout-3,.wp-container-core-columns-is-layout-4{padding:0 var(--db-padding-m)}}@media(max-width: 767px){.wp-container-core-columns-is-layout-1,.wp-container-core-columns-is-layout-2,.wp-container-core-columns-is-layout-3,.wp-container-core-columns-is-layout-4{margin-top:var(--db-margin-xl);margin-bottom:var(--db-margin-xl)}}.wp-container-core-columns-is-layout-1 .wp-block-column,.wp-container-core-columns-is-layout-2 .wp-block-column,.wp-container-core-columns-is-layout-3 .wp-block-column,.wp-container-core-columns-is-layout-4 .wp-block-column{display:flex;flex-direction:column;justify-content:center}.wp-container-core-columns-is-layout-1 figure,.wp-container-core-columns-is-layout-1 .wp-block-image,.wp-container-core-columns-is-layout-2 figure,.wp-container-core-columns-is-layout-2 .wp-block-image,.wp-container-core-columns-is-layout-3 figure,.wp-container-core-columns-is-layout-3 .wp-block-image,.wp-container-core-columns-is-layout-4 figure,.wp-container-core-columns-is-layout-4 .wp-block-image{margin:0 !important}.right-img{display:flex;align-items:center}.left-img{display:flex;align-items:center}.design-tool-link,.design-tool-action-buttons{margin:var(--db-margin-l) 0}.design-tool-action-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--db-margin-s)}.page-title-wrap .design-tool-action-buttons{margin-top:var(--db-margin-l)}.design-tool-action-buttons__item{display:inline-flex;align-items:center;gap:8px}.article-header .design-tool-action-buttons{justify-content:flex-start}@media only screen and (max-width: 1024px){.wp-container-core-columns-is-layout-1,.wp-container-core-columns-is-layout-2,.wp-container-core-columns-is-layout-3,.wp-container-core-columns-is-layout-4{padding:0 var(--db-padding-m)}}@media only screen and (max-width: 820px){.wp-container-core-columns-is-layout-1,.wp-container-core-columns-is-layout-2,.wp-container-core-columns-is-layout-3,.wp-container-core-columns-is-layout-4{padding:0 var(--db-padding-s)}.is-layout-flex{gap:var(--db-margin-m)}}@media only screen and (max-width: 767px){.right-img{flex-direction:column-reverse}.left-img{flex-direction:column}.card-wrapper{padding:0 var(--db-padding-s)}.card-wrapper .wp-block-column{flex-basis:100% !important;margin:0}}.tool-page--emoji .emoji-view-toggle{order:2;display:inline-flex;align-items:center;gap:2px;flex-shrink:0;padding:2px;background:var(--db-bg-secondary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.tool-page--emoji .emoji-view-toggle__btn{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border:none;background:rgba(0,0,0,0);color:var(--db-text-tertiary);font-size:12px;font-weight:500;line-height:1;cursor:pointer;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);white-space:nowrap}.tool-page--emoji .emoji-view-toggle__btn i{font-size:14px}.tool-page--emoji .emoji-view-toggle__btn.is-active{background:var(--db-bg-primary);color:var(--db-text-primary);box-shadow:0 1px 2px rgba(0,0,0,.08)}.emoji-page.tool-page__body{padding-top:var(--db-padding-m);padding-bottom:var(--db-padding-2xl)}.emoji-page.tool-page__body .container{max-width:960px}.emoji-recent h2{display:flex;align-items:center;gap:var(--db-padding-xs)}.emoji-search{margin-top:var(--db-margin-l)}.emoji-loading{margin:var(--db-margin-2xl) auto;padding:var(--db-padding-xl);text-align:center;font-size:var(--db-text-s);color:var(--db-text-secondary)}.emoji-loading--error{color:var(--db-text-tertiary)}#emoji-container{position:relative}#emoji-container .emoji-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(60px, 1fr));gap:var(--db-gap-xs)}#emoji-container.emoji-view--card .emoji-list{grid-template-columns:repeat(auto-fill, minmax(148px, 1fr));gap:var(--db-gap-s)}.emoji-category{padding:var(--db-padding-m);background:var(--db-bg-primary);padding:var(--db-padding-s);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);margin-bottom:var(--db-margin-l)}.emoji-category.is-hidden{display:none !important}.emoji-category h2{font-size:24px;padding:var(--db-padding-xs)}.emoji-item{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;padding:var(--db-padding-xs);text-align:center;border:none;background:rgba(0,0,0,0);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);transition:background-color .15s ease,box-shadow .15s ease;cursor:pointer}.emoji-item.is-hidden{display:none !important}.emoji-item:hover,.emoji-item:focus-visible{background:var(--db-bg-secondary);box-shadow:var(--db-shadow-sm);outline:none}.emoji-item__glyph.emoji{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;overflow:hidden;font-size:24px;line-height:1;pointer-events:none}.emoji-item__glyph.emoji img.emoji{display:block;width:24px;height:24px;max-width:100%;max-height:100%;object-fit:contain}.emoji-item__label,.emoji-item__meta{display:none;pointer-events:none}#emoji-container.emoji-view--card .emoji-item{aspect-ratio:auto;min-height:96px;align-items:center;justify-content:center;padding:var(--db-padding-s);text-align:center}#emoji-container.emoji-view--card .emoji-item .emoji-item__glyph.emoji{width:40px;height:40px;margin-bottom:2px;font-size:32px}#emoji-container.emoji-view--card .emoji-item .emoji-item__glyph.emoji img.emoji{width:32px;height:32px}#emoji-container.emoji-view--card .emoji-item .emoji-item__label{display:block;width:100%;font-size:var(--db-text-xs);font-weight:600;color:var(--db-text-primary);line-height:1.35;text-align:center;word-break:keep-all}#emoji-container.emoji-view--card .emoji-item .emoji-item__meta{display:block;width:100%;font-size:10px;color:var(--db-text-tertiary);line-height:1.4;text-align:center;word-break:keep-all;overflow-wrap:anywhere}.emoji-floating-tooltip{position:fixed;z-index:10050;max-width:240px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.35;color:var(--db-text-primary);background:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.12));pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}.emoji-floating-tooltip.is-visible{opacity:1;transform:translateY(0)}.emoji-floating-tooltip[hidden]{display:block !important;visibility:hidden}.emoji-floating-tooltip.is-visible[hidden]{visibility:visible}@media only screen and (max-width: 1024px){#emoji-container .emoji-list{grid-template-columns:repeat(auto-fill, minmax(55px, 1fr))}}@media only screen and (max-width: 820px){#emoji-container .emoji-list{grid-template-columns:repeat(auto-fill, minmax(50px, 1fr))}}@media only screen and (max-width: 767px){#emoji-container .emoji-list{grid-template-columns:repeat(auto-fill, minmax(45px, 1fr))}.emoji-category{padding:var(--db-padding-s)}}.tool-page--icons .tool-page-header__action-group--icons{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:var(--db-gap-xs);min-width:min(320px,100%)}.tool-page--icons .tool-page-header__action-group--icons .tool-page-header__search{flex:1 1 320px;min-width:min(220px,100%);max-width:420px}.tool-page--icons .tool-page-sidebar.icons-sidebar{display:flex;flex-direction:column;gap:var(--db-gap-l)}.icons-sidebar__section{flex-shrink:0;padding:0 !important;overflow:visible}.icons-sidebar__section--category{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.icons-sidebar__heading{margin:0 0 var(--db-gap-s);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--db-text-tertiary)}.icons-sidebar__type-tabs{display:inline-flex;width:100%;margin:0}.icons-sidebar__type-tabs .child-category-tab{flex:1;height:30px;font-size:12px;font-weight:600;padding:0 10px}.icons-sidebar__size.icon-size-slider{display:grid;grid-template-columns:minmax(0, 1fr) 32px;align-items:center;gap:8px;width:100%}.icons-sidebar__size.icon-size-slider input[type=range]{width:100%;min-width:0;overflow:visible;margin:6px 0}.icons-sidebar__size.icon-size-slider span{text-align:right;font-size:12px;font-weight:600;color:var(--db-text-secondary)}.icons-sidebar__categories{margin:0;padding:0;list-style:none;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:2px}.icons-sidebar__category-button{width:100%;text-align:left;border:none;background:rgba(0,0,0,0);color:var(--db-text-secondary);font-size:13px;font-weight:500;line-height:1.35;padding:8px 10px;border-radius:var(--db-radius-s);cursor:pointer}.icons-sidebar__category-button:hover{background:var(--db-bg-secondary);color:var(--db-text-primary)}.icons-sidebar__category-button.is-active{background:rgba(0,79,255,.08);color:var(--db-color-primary);font-weight:600}.tool-page--icons .tool-page-workspace{min-width:0;padding:var(--db-padding-m) var(--db-padding-l) var(--db-padding-2xl)}.icons-page__content{width:100%;min-width:0;max-width:100%}.icons-gallery,.icons-grid{display:grid;width:100%;max-width:100%;min-width:0;box-sizing:border-box;grid-auto-flow:row;align-content:start;gap:var(--db-gap-m);grid-template-columns:repeat(4, minmax(0, 1fr))}.tool-page--icons .icon-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;min-height:108px;height:auto;gap:var(--db-margin-xxs);padding:var(--db-padding-xs) var(--db-padding-xxs, 4px);border:1px solid var(--db-border-base);background-color:var(--db-bg-primary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);transition:border-color .2s ease,background-color .2s ease;cursor:pointer;box-sizing:border-box}.tool-page--icons .icon-item:hover{border-color:var(--db-border-layer-1);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27%3E%3Cdefs%3E%3Cpattern id=%27largerGrid%27 width=%2720%27 height=%2720%27 patternUnits=%27userSpaceOnUse%27%3E%3Crect width=%2720%27 height=%2720%27 fill=%27%23f0f0f0%27/%3E%3Crect width=%2710%27 height=%2710%27 fill=%27%23ffffff%27/%3E%3Crect x=%2710%27 y=%2710%27 width=%2710%27 height=%2710%27 fill=%27%23ffffff%27/%3E%3C/pattern%3E%3C/defs%3E%3Crect width=%2740%27 height=%2740%27 fill=%27url%28%23largerGrid%29%27/%3E%3C/svg%3E");background-repeat:repeat;background-size:40px 40px}.tool-page--icons .icon-item:hover .icon-name{color:var(--db-text-primary)}.tool-page--icons .icon-item .icon-name{width:100%;font-size:10px;line-height:1.3;text-align:center;color:var(--db-text-tertiary);white-space:normal;word-break:break-word;overflow-wrap:anywhere;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.tool-page--icons .icon-item .icon-placeholder,.tool-page--icons .icon-item .icon-svg-host{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-page--icons .icon-item .icon-placeholder{animation:db-anim-pulse 1.5s ease-in-out infinite}.tool-page--icons .icon-item svg{width:auto;height:auto;max-width:100%;flex-shrink:0}.tool-page--icons .search-result{display:none;margin-top:var(--db-margin-m);color:var(--db-text-tertiary);text-align:center;width:100%}#iconModal .icon-modal__header{justify-content:flex-end}#iconModal .modal-body{display:flex;gap:var(--db-margin-m);flex-direction:row;align-items:flex-start}#iconModal .modal-icon{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:120px;aspect-ratio:1/1;flex-shrink:0;padding:var(--db-padding-s);border:1px solid var(--db-border-base);background-color:var(--db-bg-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27%3E%3Cdefs%3E%3Cpattern id=%27largerGrid%27 width=%2720%27 height=%2720%27 patternUnits=%27userSpaceOnUse%27%3E%3Crect width=%2720%27 height=%2720%27 fill=%27%23f0f0f0%27/%3E%3Crect width=%2710%27 height=%2710%27 fill=%27%23ffffff%27/%3E%3Crect x=%2710%27 y=%2710%27 width=%2710%27 height=%2710%27 fill=%27%23ffffff%27/%3E%3C/pattern%3E%3C/defs%3E%3Crect width=%2740%27 height=%2740%27 fill=%27url%28%23largerGrid%29%27/%3E%3C/svg%3E");background-repeat:repeat;background-size:40px 40px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}#iconModal .modal-icon svg{width:auto;height:auto;max-width:72%;max-height:72%}#iconModal .icon-modal__details{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--db-gap-s);align-items:flex-start}#iconModal .icon-modal__name{margin:0;font-size:16px;font-weight:700;line-height:1.2;color:var(--db-text-primary);word-break:break-word}#iconModal .icon-modal__meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}#iconModal .icon-modal__meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:1.35}#iconModal .icon-modal__meta-label{flex-shrink:0;color:var(--db-text-secondary)}#iconModal .icon-modal__meta-value{min-width:0;color:var(--db-text-primary);font-weight:500;text-align:right}#iconModal .icon-modal__actions .button{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}#iconModal .modal-footer .inline-btns{width:100%}#iconCopyrightModal .modal{width:min(760px,100vw - 24px);max-height:min(80vh,760px);display:flex;flex-direction:column}#iconCopyrightModal .modal-body{padding-top:4px;overflow-y:auto;min-height:0}#iconCopyrightModal .copyright-notice-modal__title{display:inline-flex;align-items:center;gap:var(--db-gap-xs)}#iconCopyrightModal .copyright-notice-modal__title-icon{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--db-text-inverse-primary);background-color:var(--db-color-primary);flex-shrink:0}#iconCopyrightModal .copyright-notice-modal__content{display:block !important;visibility:visible !important;opacity:1 !important;color:var(--db-text-primary);font-size:14px;line-height:1.65}#iconCopyrightModal .copyright-notice-modal__content p{font-size:15px;margin:0 0 12px;color:var(--db-text-primary)}#iconCopyrightModal .copyright-notice-modal__content h4{margin:32px 0 8px;font-size:18px;line-height:1.35;color:var(--db-text-primary)}#iconCopyrightModal .copyright-notice-modal__content ul{margin:0 0 12px;padding-left:16px;list-style:circle}#iconCopyrightModal .copyright-notice-modal__content li{margin:0 0 6px;color:var(--db-text-primary)}@media only screen and (max-width: 767px){#iconCopyrightModal .modal{width:calc(100vw - 20px);max-height:82vh}#iconCopyrightModal .copyright-notice-modal__content{font-size:13px;line-height:1.6}}@media only screen and (min-width: 768px){.tool-page--icons .icon-item{min-height:120px;padding:var(--db-padding-s)}.tool-page--icons .icon-item .icon-name{font-size:12px}}@media only screen and (min-width: 1024px){.tool-page--icons .icons-gallery,.tool-page--icons .icons-grid{grid-template-columns:repeat(5, minmax(0, 1fr))}}@media only screen and (min-width: 1280px){.tool-page--icons .icons-gallery,.tool-page--icons .icons-grid{grid-template-columns:repeat(6, minmax(0, 1fr))}}@media only screen and (min-width: 1536px){.tool-page--icons .icons-gallery,.tool-page--icons .icons-grid{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr))}}@media only screen and (max-width: 1024px){.tool-page--icons .tool-page-header__action-group--icons{display:flex;width:100%;justify-content:flex-end}.tool-page--icons .tool-page-header__search{width:100%;max-width:none}.tool-page--icons .tool-page-workspace{padding:var(--db-padding-m)}}@media only screen and (max-width: 420px){.tool-page--icons .tool-page-header__action-group--icons .tool-page-header__search{min-width:0}}@media only screen and (max-width: 767px){.tool-page--icons .icons-gallery,.tool-page--icons .icons-grid{gap:var(--db-gap-s)}.tool-page--icons .icon-item{min-height:100px}#iconModal .modal-body{flex-direction:column;align-items:stretch}#iconModal .modal-icon{width:100%;max-width:200px;margin:0 auto}#iconModal .icon-modal__name{width:100%;text-align:center}#iconModal .icon-modal__meta{width:100%;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;align-items:stretch}#iconModal .icon-modal__meta-row{flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 6px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);background:var(--db-bg-secondary);text-align:center}#iconModal .icon-modal__meta-label,#iconModal .icon-modal__meta-value{text-align:center;width:100%}#iconModal .icon-modal__meta-label{font-size:11px;line-height:1.2}#iconModal .icon-modal__meta-value{font-size:13px;line-height:1.25;font-weight:600}#iconModal .icon-modal__actions{flex-direction:row;flex-wrap:nowrap;width:100%;gap:8px}#iconModal .icon-modal__actions .button{width:auto;flex:1 1 0}}.page-logo-svg-collector .search-result-count{font-size:14px;font-weight:500;color:var(--db-text-secondary);margin-bottom:var(--db-margin-m);padding:var(--db-padding-s) var(--db-padding-m);background:rgba(0,79,255,.05);border:1px solid rgba(0,79,255,.1);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.darkmode--activated .page-logo-svg-collector .search-result-count,.dark-mode .page-logo-svg-collector .search-result-count{color:var(--db-text-secondary);background:rgba(0,79,255,.1);border-color:rgba(0,79,255,.2)}.page-logo-svg-collector .lsc-grid{display:grid;gap:var(--db-gap-m);list-style:none;padding:0;margin:0;width:100%;grid-template-columns:repeat(auto-fill, minmax(min(100%, 148px), 1fr))}.page-logo-svg-collector .lsc-grid li{list-style:none;content-visibility:auto;contain-intrinsic-size:auto 200px}.page-logo-svg-collector .lsc-grid .card{background:var(--db-bg-primary);padding:var(--db-padding-s);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-s);min-width:auto !important;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;position:relative}.page-logo-svg-collector .lsc-grid .card:hover,.page-logo-svg-collector .lsc-grid .card:focus{transform:translateY(-1px);box-shadow:var(--db-shadow-sm)}.page-logo-svg-collector .lsc-grid .card:hover .card-hint,.page-logo-svg-collector .lsc-grid .card:focus .card-hint{opacity:1;visibility:visible}.page-logo-svg-collector .lsc-grid .card:focus{outline:1px solid var(--db-color-primary);outline-offset:1px}.page-logo-svg-collector .lsc-grid .thumb{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);overflow:hidden;position:relative;max-width:60px;margin:auto}.page-logo-svg-collector .lsc-grid .thumb img,.page-logo-svg-collector .lsc-grid .thumb svg{width:100%;height:100%;object-fit:contain}.page-logo-svg-collector .lsc-grid .thumb img.is-thumb-pending{opacity:.35;background-color:var(--db-bg-tertiary)}.page-logo-svg-collector .lsc-grid .thumb img:not(.is-thumb-pending){opacity:1;transition:opacity .2s ease}.darkmode--activated .page-logo-svg-collector .lsc-grid .thumb,.dark-mode .page-logo-svg-collector .lsc-grid .thumb{border-color:var(--db-bg-secondary)}.page-logo-svg-collector .lsc-grid .card-hint{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:500;opacity:0;visibility:hidden;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);pointer-events:none}.page-logo-svg-collector .lsc-grid .meta{padding:var(--db-padding-s) 0}.page-logo-svg-collector .lsc-grid .meta .label{text-align:center;display:block;font-size:14px;font-weight:600;color:var(--db-text-primary);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.darkmode--activated .page-logo-svg-collector .lsc-grid .meta .label,.dark-mode .page-logo-svg-collector .lsc-grid .meta .label{color:var(--db-text-primary)}@media only screen and (max-width: 767px){.page-logo-svg-collector .lsc-grid .meta .label{font-size:13px;line-height:1.2}.page-logo-svg-collector .lsc-grid .meta .label.truncate{white-space:wrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;overflow-wrap:normal;hyphens:none}}.page-logo-svg-collector .lsc-grid .row-actions{display:flex;gap:var(--db-margin-s);justify-content:center}.page-logo-svg-collector .lsc-grid .row-actions .button,.page-logo-svg-collector .lsc-grid .row-actions a.button{width:100%;text-align:center;text-decoration:none;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:var(--db-margin-xs)}.page-logo-svg-collector .lsc-grid .row-actions .button svg,.page-logo-svg-collector .lsc-grid .row-actions a.button svg{width:16px;height:16px;flex-shrink:0}.page-logo-svg-collector .lsc-grid .row-actions .button span,.page-logo-svg-collector .lsc-grid .row-actions a.button span{line-height:1}.page-info{margin-top:var(--db-margin-xl);padding:var(--db-padding-m);background:rgba(0,79,255,.02);border:1px solid rgba(0,79,255,.08);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.darkmode--activated .page-info,.dark-mode .page-info{background:rgba(0,79,255,.05);border-color:rgba(0,79,255,.15)}.page-info-title{margin:0 0 var(--db-margin-m) 0;font-size:18px;font-weight:600;color:var(--db-text-primary);display:flex;align-items:center;gap:var(--db-margin-s)}.darkmode--activated .page-info-title,.dark-mode .page-info-title{color:var(--db-text-primary)}.page-info-list{margin:0;list-style:none}.page-info-list li{position:relative;margin-bottom:var(--db-margin-s);padding-left:var(--db-margin-m);font-size:14px;line-height:1.6;color:var(--db-text-secondary)}.page-info-list li::before{content:"•";position:absolute;left:0;color:var(--db-text-secondary);font-weight:bold;font-size:16px;line-height:18px}.page-info-list li:last-child{margin-bottom:0}.page-info-list li a{color:var(--db-color-primary);text-decoration:none;font-weight:500}.page-info-list li a:hover{text-decoration:underline}.darkmode--activated .page-info-list li,.dark-mode .page-info-list li{color:var(--db-text-secondary)}@media only screen and (max-width: 1024px){.page-logo-svg-collector .lsc-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, 132px), 1fr))}}@media only screen and (max-width: 767px){.page-logo-svg-collector .lsc-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--db-gap-s)}.page-logo-svg-collector .logo-svg-tool__main .container{padding-left:var(--db-padding-s);padding-right:var(--db-padding-s)}.page-logo-svg-collector .page-info{margin-top:var(--db-margin-l)}.page-logo-svg-collector .page-info .page-info-list li{margin-bottom:var(--db-margin-xs)}}.policy-page article h2{margin-top:var(--db-margin-l)}.policy-page article h3{margin-top:var(--db-margin-m)}.tool-page--palette .tool-page-sidebar.palette-sidebar{padding:0;display:flex;flex-direction:column;min-height:0}.palette-sidebar__filters{flex-shrink:0;border-bottom:1px solid var(--db-border-base)}.palette-sidebar__filters-row{display:flex;align-items:flex-start;gap:var(--db-gap-s);padding:var(--db-padding-m);min-width:0}.palette-sidebar__filter-label{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;margin-top:4px;font-size:12px;font-weight:500;color:var(--db-text-tertiary, var(--db-text-secondary));opacity:.75}.palette-sidebar__filter-label i{font-size:14px}.palette-filter-chips{flex:1;min-width:0}.scheme-chips{display:none !important}.palette-list{flex:1 1 auto;min-height:0;max-height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--db-gap-xxs);overflow-y:auto;overflow-x:hidden;padding:var(--db-padding-m);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin}.palette-list::-webkit-scrollbar{width:4px}.palette-list::-webkit-scrollbar-thumb{background-color:var(--db-border-base);border-radius:4px}.palette-list .palette{flex:0 0 auto;width:100%;display:flex;flex-direction:row;cursor:pointer;gap:1px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);padding:var(--db-padding-xxs);background-color:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);transition:.2s}.palette-list .palette:hover{background-color:var(--db-bg-secondary);border-color:var(--db-border-base)}.palette-list .palette.active{background-color:var(--db-bg-secondary);border-color:var(--db-color-primary)}.palette-list .palette .color-box{flex:1;height:36px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.palette-list .palette .color-box:first-child{border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-webkit-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-moz-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-ms-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s)}.palette-list .palette .color-box:last-child{border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-webkit-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-moz-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-ms-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0}.palette-list .palette .color-box .hex-value{display:none}.palette-workspace{flex:1;min-width:0;display:block}.palette-toolbar{position:sticky;top:calc(var(--db-tool-chrome-top, 105px) + var(--tool-page-header-height, 49px));z-index:6;padding:var(--db-padding-m);background-color:var(--db-bg-primary);border-bottom:1px solid var(--db-border-base);box-shadow:0 4px 16px rgba(0,0,0,.04)}.palette-toolbar__colors{width:100%;min-width:0}.current-colors{display:flex;width:100%;gap:2px;overflow:hidden;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.current-colors .color-box{flex:1;min-width:0;height:56px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;cursor:pointer;overflow:hidden}.current-colors .color-box:first-child{border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);-webkit-border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);-moz-border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);-ms-border-radius:var(--db-radius-m) 0 0 var(--db-radius-m)}.current-colors .color-box:last-child{border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;-webkit-border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;-moz-border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;-ms-border-radius:0 var(--db-radius-m) var(--db-radius-m) 0}.current-colors .color-box:hover{opacity:.85}.current-colors .color-box .hex-value{max-width:100%;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35);text-transform:uppercase;letter-spacing:.02em}.palette-preview-panel{padding:var(--db-padding-l)}.preview-svg-grid{max-width:1200px;margin:0 auto}.preview-svg{background-color:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden;margin-bottom:var(--db-margin-m)}.preview-svg svg{width:100%;height:auto;display:block}#colorPickerModal .modal-header{display:none}#colorPickerModal .modal-body{display:flex;flex-direction:column;align-items:center}#colorPickerModal .apply-button{flex:1}.color-picker-content{max-width:272px}.color-preview{display:flex;align-items:center;margin-top:var(--db-margin-m);gap:var(--db-padding-xs)}.color-preview-box{width:36px;height:36px;flex-shrink:0;border:1px solid rgba(0,0,0,.1);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m)}.hex-input-wrapper{display:flex;align-items:center;gap:var(--db-gap-xs)}.hex-input{flex-grow:1}.copy-button{background:none;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);cursor:pointer;padding:var(--db-padding-xs);gap:var(--db-gap-xs);height:36px;display:flex;align-items:center;flex-shrink:0;justify-content:center}.copy-button:hover{background-color:var(--db-bg-secondary)}#image-drop-zone{width:100%;height:240px;border:2px dashed var(--db-border-base);border-radius:var(--db-radius-m);display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;font-size:14px;color:var(--db-text-secondary);background-color:var(--db-bg-primary);margin-bottom:var(--db-margin-xs);transition:.3s}#image-drop-zone:hover{background-color:var(--db-bg-secondary)}#image-drop-zone img{max-width:100%;max-height:100%;object-fit:contain}@media only screen and (max-width: 1024px){.tool-page--palette .tool-page-sidebar.palette-sidebar.is-drawer-open{box-shadow:4px 0 24px rgba(0,0,0,.12)}.palette-toolbar{padding:var(--db-padding-s) var(--db-padding-m)}.palette-preview-panel{padding:var(--db-padding-m)}.current-colors .color-box{height:44px}.current-colors .color-box .hex-value{font-size:10px}}@media only screen and (max-width: 767px){.palette-preview-panel{padding:var(--db-padding-s)}#imageUploadModal.show{align-items:flex-end}.color-picker-content.modal{border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);height:auto;bottom:auto}#colorPickerModal.modal-wrapper.show{align-items:center}}#gallery-canvas{display:block;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:100}body.page-id-73743{overflow:hidden}.tool-page--grid-calculator{--gc-header-control-h: var(--db-size-control-m, 32px)}.tool-page--grid-calculator .preview-head-left{display:flex;align-items:center;gap:var(--db-gap-s);min-width:0;flex-wrap:nowrap}.tool-page--grid-calculator .breakpoint-tabs{flex-shrink:0;display:inline-flex;align-items:center;height:var(--gc-header-control-h);padding:2px;box-sizing:border-box}.tool-page--grid-calculator .breakpoint-tabs .breakpoint-tab{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:calc(var(--gc-header-control-h) - 4px);min-height:calc(var(--gc-header-control-h) - 4px);padding:0 10px;font-size:12px;line-height:1;box-sizing:border-box}.tool-page--grid-calculator .breakpoint-tabs .breakpoint-tab i{font-size:14px;line-height:1}.tool-page--grid-calculator .device-preset-selector{flex-shrink:0}.tool-page--grid-calculator .device-preset-selector .device-preset-select{height:var(--gc-header-control-h);min-height:var(--gc-header-control-h);width:auto;min-width:128px;max-width:168px;padding:0 28px 0 10px;font-size:12px;line-height:1.2;box-sizing:border-box;background-position:right 8px center;background-size:14px}.tool-page--grid-calculator .function-wrap{display:flex;flex-shrink:0;align-items:center;gap:var(--db-gap-xs)}.tool-page--grid-calculator .function-wrap .button.small{height:var(--gc-header-control-h);min-height:var(--gc-header-control-h);padding:0 var(--db-padding-s);font-size:12px;line-height:1;box-sizing:border-box;white-space:nowrap}.tool-page--grid-calculator .function-wrap .button.small i{font-size:14px}.grid-calculator-tool{width:100%}.page-template-page-grid-calculator .container-full{max-width:1920px;padding:0}.page-template-page-grid-calculator .inputwl{width:100%}.page-template-page-grid-calculator .helper-text{font-size:12px;color:var(--db-text-tertiary);margin-top:var(--db-margin-xs);line-height:1.2}.page-template-page-grid-calculator .input-with-segment{display:flex;align-items:center;gap:var(--db-padding-xs)}.page-template-page-grid-calculator .input-with-segment input{flex:1}.page-template-page-grid-calculator .input-with-segment .segment-tabs{display:flex;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);padding:var(--db-padding-xxs);background-color:var(--db-bg-secondary);overflow:hidden}.page-template-page-grid-calculator .input-with-segment .segment-tabs .segment-tab{padding:var(--db-padding-xxs) var(--db-padding-xs);background:rgba(0,0,0,0);cursor:pointer;font-size:11px;width:26px;height:26px;line-height:16px;text-align:center;color:var(--db-text-tertiary);border:1px solid rgba(0,0,0,0);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:all .2s ease}.page-template-page-grid-calculator .input-with-segment .segment-tabs .segment-tab:hover{color:var(--db-text-primary);background:var(--db-bg-secondary)}.page-template-page-grid-calculator .input-with-segment .segment-tabs .segment-tab.active{background:var(--db-bg-primary);color:var(--db-text-primary);border:1px solid var(--db-border-base)}.page-template-page-grid-calculator .input-wrap{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--db-padding-l)}@media only screen and (max-width: 767px){.page-template-page-grid-calculator .input-wrap{grid-template-columns:repeat(2, 1fr)}}.grid-display{position:relative}.mobile-notice{display:none}.function-wrap .button i{font-size:16px;color:var(--db-text-secondary)}.function-wrap .button:hover i{color:var(--db-color-primary)}.code-actions .button i{font-size:14px;color:var(--db-text-secondary)}.code-actions .button:hover i{color:var(--db-color-primary)}.breakpoint-header .header-left i{font-size:20px;color:var(--db-text-secondary)}.breakpoint-header .breakpoint-range-button i{font-size:12px;color:var(--db-text-secondary)}.breakpoint-header .breakpoint-range-button:hover i{color:var(--db-color-primary)}#presetModal .modal{max-width:600px}#presetModal .preset-grid{display:grid;grid-template-columns:1fr;gap:var(--db-margin-m)}#presetModal .preset-item{background-color:var(--db-bg-secondary);border:1px solid var(--db-border-base);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-m);cursor:pointer;transition:all .2s ease;position:relative}#presetModal .preset-item:hover{border-color:var(--db-color-primary);box-shadow:0 4px 12px rgba(var(--db-color-primary), 0.1);transform:translateY(-2px)}#presetModal .preset-item.selected{border-color:var(--db-color-primary);background-color:rgba(var(--db-color-primary), 0.05);box-shadow:0 0 0 2px rgba(var(--db-color-primary), 0.2)}#presetModal .preset-item .preset-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--db-margin-s)}#presetModal .preset-item .preset-header h4{margin:0;font-size:16px;font-weight:600;color:var(--db-text-primary)}#presetModal .preset-item .preset-description{margin:0 0 var(--db-margin-s) 0;font-size:12px;line-height:1.4;color:var(--db-text-secondary)}#presetModal .preset-item .preset-details{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--db-margin-xs)}#presetModal .preset-item .preset-details .preset-detail{display:flex;justify-content:space-between;align-items:center;font-size:12px}#presetModal .preset-item .preset-details .preset-detail .label{color:var(--db-text-secondary);font-weight:500}#presetModal .preset-item .preset-details .preset-detail .value{color:var(--db-text-primary);font-weight:600;background-color:rgba(var(--db-color-primary), 0.1);padding:var(--db-margin-xxs) var(--db-padding-xxs);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);font-size:11px}#codeModal .modal{max-width:600px}#codeModal .modal-body{display:flex;flex-direction:column;gap:var(--db-margin-m)}#codeModal .code-tabs{display:flex;gap:var(--db-margin-xxs);padding:var(--db-margin-xxs);background:var(--db-bg-secondary);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)}#codeModal .code-tabs .code-tab{flex:1;font-size:14px;padding:var(--db-padding-xs) var(--db-padding-l);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:none;background:none;cursor:pointer;color:var(--db-text-secondary);transition:all .2s ease}#codeModal .code-tabs .code-tab.active{background:var(--db-bg-primary);color:var(--db-text-primary);font-weight:600}#codeModal .code-tabs .code-tab:hover:not(.active){background:rgba(var(--db-color-primary), 0.1);color:var(--db-color-primary)}#codeModal .code-actions{display:flex;gap:var(--db-padding-xs)}#codeModal .code-content .code-block{margin:0;height:400px;overflow:auto;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);box-shadow:0 8px 24px -8px rgba(0,0,0,.1);background:#2d2d2d;position:relative;scrollbar-width:none}@media only screen and (max-width: 767px){#codeModal .code-content .code-block{height:60vh}}#codeModal .code-content .code-block code{width:100%;display:block;padding:1em}#codeModal .code-content .code-block code.language-css,#codeModal .code-content .code-block code.language-scss{position:absolute;top:0;left:0;right:0;bottom:0}#codeModal .code-content .code-block code.language-css[style*="display: none"],#codeModal .code-content .code-block code.language-scss[style*="display: none"]{visibility:hidden}#codeModal .code-content .code-block::-webkit-scrollbar{width:0;background:rgba(0,0,0,0)}@media only screen and (max-width: 1920px){.page-template-page-grid-calculator .container-full{padding:0 20px}}input[type=checkbox].switch{--active-inner: #fff;--border: #edf1f6;--border-hover: var(--db-color-primary);--background: #fff;-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid #bbc1e1;background:var(--db-bg-primary);transition:background .3s,border-color .3s,box-shadow .2s;width:40px;height:24px;border-radius:12px}input[type=checkbox].switch:checked{--ab: var(--active-inner);--x: 16px;background:var(--db-color-secondary);--d-o: .3s;--d-t: .6s;--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}input[type=checkbox].switch:disabled:not(:checked):after{opacity:.6}input[type=checkbox].switch:after{content:"";display:block;position:absolute;left:2px;top:2px;border-radius:50%;width:18px;height:18px;border:1px solid #bbc1e1;background:var(--ab, var(--border));transform:translateX(var(--x, 0));transition:transform var(--d-t, 0.3s) var(--d-t-e, ease),opacity var(--d-o, 0.2s)}input[type=checkbox].switch:hover:not(:checked):not(:disabled){--bc: var(--border-hover)}input[type=checkbox].switch+label{font-size:14px;line-height:24px;display:inline-block;vertical-align:top;cursor:pointer}.grid-inputs{display:flex;flex-direction:column;gap:var(--db-margin-m);padding:var(--db-padding-l) 0}.grid-inputs .grid-input{flex:1;padding:var(--db-padding-s);background:var(--db-bg-primary);padding:var(--db-padding-s);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)}.grid-inputs .grid-input label{font-size:12px;font-weight:bold;margin-bottom:var(--db-margin-xs);display:flex;align-items:center}.grid-inputs .grid-input label span{font-size:10px;line-height:1;margin-left:2px;background-color:var(--db-bg-secondary);padding:4px 6px;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)}.preview-head-left{display:flex;align-items:center;gap:var(--db-margin-xs)}.preview-head{width:100%}.preview-head h2{font-size:24px;margin-bottom:0}.preview-head .button-group{display:flex;gap:var(--db-padding-xs);align-items:center}.preview-head .button-group .code-type-tabs{display:flex;gap:var(--db-margin-xxs);padding:var(--db-margin-xxs);background:var(--db-bg-secondary);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)}.preview-head .button-group .code-type-tabs .tab-button{font-size:14px;padding:var(--db-margin-xxs) var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:none;background:none;cursor:pointer}.preview-head .button-group .code-type-tabs .tab-button.active{background:var(--db-bg-primary);font-weight:bold}.preview-head .button-group .download-buttons{display:flex;gap:var(--db-padding-xs)}.preview-head .button-group .button{white-space:nowrap}.device-preset-selector .device-preset-select{color:var(--db-text-primary)}.device-preset-selector .device-preset-select:hover{border-color:var(--db-color-primary)}.device-preset-selector .device-preset-select:focus{outline:none;border-color:var(--db-color-primary);box-shadow:0 0 0 2px rgba(var(--db-color-primary), 0.2)}.function-wrap{display:flex;align-items:center;gap:var(--db-margin-s)}.function-wrap .device-preset-selector .device-preset-select:focus{outline:none;border-color:var(--db-color-primary);box-shadow:0 0 0 2px rgba(var(--db-color-primary), 0.2)}.function-wrap label{font-size:14px;font-weight:bold;flex-shrink:0}.function-wrap #frame-size-input{width:120px}.function-wrap #preset-button .icon,.function-wrap #code-view-button .icon{width:16px;height:16px}.grid-preview-container{position:relative;margin:auto;margin-bottom:50px;overflow:hidden}.grid-preview-container .browser-head{position:relative;width:100%;height:24px;background-color:var(--db-bg-tertiary)}.grid-preview-container .browser-head .button-area{display:flex;gap:var(--db-padding-xs);padding:6px}.grid-preview-container .browser-head .button-area i{width:12px;height:12px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;background-color:var(--db-text-warning)}.grid-preview-container .browser-head .button-area i:first-child{background-color:var(--db-text-error)}.grid-preview-container .browser-head .button-area i:last-child{background-color:var(--db-text-success)}.grid-preview-container .grid-column .width-info{background:rgba(0,0,0,.7);color:#fff;padding:var(--db-margin-xxs) var(--db-padding-xxs);border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);font-size:12px}.grid-preview-container .preview-info-item:not(:last-child)::after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);height:70%;width:1px;background:rgba(255,255,255,.2)}.grid-preview-container .size-controller{cursor:col-resize;position:absolute;width:20px;height:40px;background-color:rgba(var(--db-color-primary), 0.2);top:calc(50% - 20px);z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.1);transition:.3s;display:flex;align-items:center;justify-content:center}.grid-preview-container .size-controller.left{left:0;border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-webkit-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-moz-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;-ms-border-radius:0 var(--db-radius-s) var(--db-radius-s) 0}.grid-preview-container .size-controller.right{right:0;border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-webkit-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-moz-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s);-ms-border-radius:var(--db-radius-s) 0 0 var(--db-radius-s)}.grid-preview-container .size-controller:hover{background-color:rgba(var(--db-color-primary), 0.3)}.grid-preview-container .size-controller.drag{background-color:rgba(var(--db-color-primary), 0.3)}.grid-preview-container .size-controller svg{width:16px;height:16px}.frame-size-display{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;z-index:2}.frame-size-display .frame-size-label{color:var(--db-text-tertiary);margin-right:4px}.frame-size-display .frame-size-value{color:var(--db-text-primary)}.inputbox{display:inline-flex;align-items:center;gap:var(--db-padding-xs)}.inputbox input{width:120px}.selectbox{display:inline-flex;align-items:center;gap:var(--db-margin-xxs)}.selectbox select{width:120px;background-color:var(--db-bg-primary)}.grid-info{display:none;padding:var(--db-padding-l);background-color:var(--db-bg-secondary);margin:var(--db-margin-m) 0;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)}.grid-preview-frame{position:relative;width:100%;max-width:1920px;margin:auto;display:flex;justify-content:center;height:400px;background-color:var(--db-bg-primary);border:1px solid var(--db-border-base);height:100%;min-height:500px}.grid-preview-frame .browser-head{width:100%;height:28px;background-color:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-base)}.grid-preview-frame .browser-head .button-area{display:inline-flex;float:right;gap:var(--db-margin-xxs);padding:8px}.grid-preview-frame .browser-head .button-area i{display:block;width:12px;height:12px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;background-color:#c5c6cc}.grid-preview-frame #container{width:100%;display:flex;height:100%;box-sizing:border-box}.grid-preview-frame .grid-item{position:relative;height:100%;background-color:rgba(203,14,14,.2)}.grid-preview-frame .grid-item span{position:absolute;left:50%;top:50%;color:var(--db-text-secondary);text-align:center;transform:translate(-50%, -50%);font-size:12px;transition:all .2s ease}.grid-preview-frame .grid-item.integer span{font-weight:700;color:var(--db-text-primary)}@media only screen and (max-width: 1024px){.tool-page--grid-calculator .preview-head-left{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:var(--db-gap-xs);width:100%;min-width:0;overflow:visible}.tool-page--grid-calculator .breakpoint-tabs{flex:0 1 auto;min-width:0;max-width:calc(100% - 116px);overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.tool-page--grid-calculator .breakpoint-tabs::-webkit-scrollbar{display:none}.tool-page--grid-calculator .device-preset-selector{flex:0 0 auto;margin-left:auto;min-width:0}.tool-page--grid-calculator .device-preset-selector .device-preset-select{width:auto;min-width:108px;max-width:132px}.tool-page--grid-calculator .function-wrap{width:100%;justify-content:flex-start;flex-wrap:wrap}}@media only screen and (max-width: 767px){.tool-page--grid-calculator .breakpoint-tabs .breakpoint-tab{padding:0 8px;gap:2px;font-size:11px}.tool-page--grid-calculator .device-preset-selector .device-preset-select{min-width:100px;max-width:120px;font-size:11px}.mobile-notice{display:flex;align-items:flex-start;gap:var(--db-padding-l);padding:16px;background:linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(147, 51, 234, 0.1));border:1px solid rgba(59,130,246,.2);border-radius:12px;margin-bottom:16px}.mobile-notice .notice-content{flex:1}.mobile-notice .notice-content h4{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#1e40af}.mobile-notice .notice-content p{margin:0;font-size:14px;line-height:1.5;color:#374151}.grid-preview-container .size-controller{display:none}.size-controller{display:none !important}#presetModal .preset-item .preset-details,#codeModal .preset-item .preset-details{grid-template-columns:1fr}#presetModal .code-tabs,#codeModal .code-tabs{justify-content:center}#presetModal .code-actions,#codeModal .code-actions{justify-content:center}}.breakpoint-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--db-margin-m)}.breakpoint-header .toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.breakpoint-header .toggle-switch input{opacity:0;width:0;height:0}.breakpoint-header .toggle-switch input:checked+.slider{background-color:var(--db-color-primary)}.breakpoint-header .toggle-switch input:checked+.slider:before{transform:translateX(18px)}.breakpoint-header .toggle-switch input:disabled+.slider{background-color:var(--db-border-base);cursor:not-allowed}.breakpoint-header .toggle-switch .slider{position:relative;width:40px;height:22px;background-color:var(--db-border-layer-1);border-radius:var(--db-radius-full);-webkit-border-radius:var(--db-radius-full);-moz-border-radius:var(--db-radius-full);-ms-border-radius:var(--db-radius-full);transition:.4s;margin-right:8px}.breakpoint-header .toggle-switch .slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.4s}.breakpoint-header .toggle-switch .label{font-size:12px;color:var(--db-text-secondary)}.grid-input.disabled{opacity:.5;pointer-events:none}.grid-input.disabled input{background-color:var(--db-border-base)}.gutter-annotation,.margin-annotation{pointer-events:none;user-select:none;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:opacity .2s ease}.gutter-annotation{background:rgba(255,193,7,.9) !important;color:#000 !important;font-weight:700}.margin-annotation{background:rgba(220,53,69,.9) !important;color:#fff !important;font-weight:700}.grid-container{position:relative;display:flex;flex-wrap:nowrap;width:100%;height:100%;align-items:stretch}.grid-margin{flex-shrink:0;height:100%;background-color:rgba(220,53,69,.15);position:relative;transition:all .3s ease}.grid-margin span{position:absolute;left:50%;top:50%;text-align:center;transform:translate(-50%, -50%);font-size:12px;color:rgba(220,53,69,.8);padding:var(--db-margin-xxs) var(--db-padding-xxs);border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);white-space:nowrap}.grid-gutter{flex-shrink:0;height:100%;background-color:rgba(255,193,7,.15);position:relative;transition:all .3s ease}.grid-gutter span{position:absolute;left:50%;top:50%;text-align:center;transform:translate(-50%, -50%);font-size:12px;color:rgba(255,193,7,.9);padding:var(--db-margin-xxs) var(--db-padding-xxs);border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);white-space:nowrap}.grid-column{flex:1;height:100%;background-color:rgba(0,123,255,.15);position:relative;transition:all .3s ease}.grid-column span{position:absolute;left:50%;top:50%;text-align:center;transform:translate(-50%, -50%);font-size:12px;color:rgba(0,123,255,.8);padding:var(--db-margin-xxs) var(--db-padding-xxs);border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);white-space:nowrap;transition:all .2s ease}.grid-column.integer span{font-weight:bold}.preview-bottom-info{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:300px;background:rgba(0,0,0,.8);padding:var(--db-padding-xs) var(--db-padding-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);font-size:12px;font-weight:500;display:flex;gap:var(--db-padding-xs);z-index:2}.preview-bottom-info span{color:#fff}.preview-bottom-info .info-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.preview-bottom-info .info-label{font-size:11px}.preview-bottom-info .info-value{font-weight:600;font-size:12px}.single-breakpoint-section h4{font-size:16px;font-weight:600;color:var(--db-text-secondary)}.single-breakpoint-section .breakpoint-input-group{display:grid;grid-template-columns:1fr auto;gap:var(--db-margin-m);align-items:start}@media(max-width: 768px){.single-breakpoint-section .breakpoint-input-group{grid-template-columns:1fr;gap:var(--db-margin-s)}}.single-breakpoint-section .breakpoint-input-group.compact{grid-template-columns:1fr;gap:var(--db-margin-s)}.single-breakpoint-section .breakpoint-description{font-size:12px;line-height:1.4;color:var(--db-text-secondary)}.single-breakpoint-section .breakpoint-settings.compact{padding:var(--db-padding-s);margin-top:var(--db-margin-s)}.single-breakpoint-section .breakpoint-settings.compact .breakpoint-header{display:flex;align-items:center;gap:var(--db-padding-xs);margin-bottom:var(--db-margin-s)}.single-breakpoint-section .breakpoint-settings.compact .breakpoint-header i{font-size:20px;color:var(--db-text-secondary)}.single-breakpoint-section .breakpoint-settings.compact .breakpoint-header h4{font-size:14px;margin:0}.single-breakpoint-section .breakpoint-settings.compact .width-type-segment.compact .segment-tabs .segment-tab{padding:var(--db-margin-xxs) var(--db-padding-xs);font-size:11px}.grid-input .breakpoint-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--db-margin-s)}.grid-input .breakpoint-header .header-left{display:flex;align-items:center;gap:var(--db-padding-xs)}.grid-input .breakpoint-header .header-left h3{margin:0;font-size:18px}.grid-input .breakpoint-header .breakpoint-range-button{display:inline-flex;align-items:center;gap:var(--db-margin-xxs);padding:4px 8px;background:var(--db-bg-secondary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);font-size:12px;color:var(--db-text-secondary);cursor:pointer;transition:all .2s ease}.grid-input .breakpoint-header .breakpoint-range-button:hover{background:var(--db-bg-primary);color:var(--db-text-primary)}.grid-input .breakpoint-header .breakpoint-range-button .range-text{font-weight:500}[data-theme=dark] .gutter-annotation,.dark-mode .gutter-annotation{background:rgba(255,193,7,.8) !important;color:#000 !important}[data-theme=dark] .margin-annotation,.dark-mode .margin-annotation{background:rgba(220,53,69,.8) !important;color:#fff !important}[data-theme=dark] .column-info,.dark-mode .column-info{background:rgba(0,0,0,.8) !important;color:#fff !important;border-color:rgba(0,123,255,.4) !important}[data-theme=dark] .grid-container,.dark-mode .grid-container{background:rgba(0,0,0,.3) !important;box-shadow:inset 0 2px 8px rgba(255,255,255,.05) !important}[data-theme=dark] .grid-margin,.dark-mode .grid-margin{background-color:rgba(220,53,69,.15) !important;border-color:rgba(220,53,69,.4) !important}[data-theme=dark] .grid-gutter,.dark-mode .grid-gutter{background-color:rgba(255,193,7,.15) !important;border-color:rgba(255,193,7,.4) !important}[data-theme=dark] .grid-column,.dark-mode .grid-column{background-color:rgba(0,123,255,.15) !important;border-color:rgba(0,123,255,.4) !important}[data-theme=dark] .grid-preview-frame,.dark-mode .grid-preview-frame{background-color:var(--db-bg-secondary)}[data-theme=dark] .grid-preview-frame .browser-head,.dark-mode .grid-preview-frame .browser-head{background-color:var(--db-bg-secondary);border-bottom:1px solid var(--db-bg-secondary)}[data-theme=dark] .layout-preview-container,.dark-mode .layout-preview-container{background:rgba(45,55,72,.95)}[data-theme=dark] .layout-preview-container .layout-preview,.dark-mode .layout-preview-container .layout-preview{background:#2d3748;color:#e2e8f0}[data-theme=dark] .layout-preview-container .layout-preview .preview-header,[data-theme=dark] .layout-preview-container .layout-preview .preview-footer,.dark-mode .layout-preview-container .layout-preview .preview-header,.dark-mode .layout-preview-container .layout-preview .preview-footer{border-color:#4a5568}[data-theme=dark] .grid-input.focused,.dark-mode .grid-input.focused{border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.1);background:#2d3748}[data-theme=dark] .grid-input.focused .breakpoint-header,.dark-mode .grid-input.focused .breakpoint-header{background:linear-gradient(135deg, #3182ce, #2c5282)}[data-theme=dark] .grid-input.focused .input-wrap,.dark-mode .grid-input.focused .input-wrap{background:#4a5568;box-shadow:0 2px 8px rgba(49,130,206,.1)}[data-theme=dark] .preview-bottom-info,.dark-mode .preview-bottom-info{background:rgba(0,0,0,.9)}[data-theme=dark] .preview-bottom-info span,.dark-mode .preview-bottom-info span{color:var(--db-text-inverse-primary)}[data-theme=dark] .mobile-notice,.dark-mode .mobile-notice{background:linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(147, 51, 234, 0.15));border-color:rgba(59,130,246,.3)}[data-theme=dark] .mobile-notice .notice-icon,.dark-mode .mobile-notice .notice-icon{background:rgba(59,130,246,.2);color:#60a5fa}[data-theme=dark] .mobile-notice .notice-content h4,.dark-mode .mobile-notice .notice-content h4{color:#93c5fd}[data-theme=dark] .mobile-notice .notice-content p,.dark-mode .mobile-notice .notice-content p{color:var(--db-text-secondary)}.breakpoint-settings{margin-top:var(--db-margin-m);padding:var(--db-padding-m);background-color: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)}.breakpoint-settings .breakpoint-input-group{display:flex;gap:var(--db-margin-m);align-items:flex-end}.breakpoint-settings .breakpoint-input-group .inputwl{flex:1}.breakpoint-settings .breakpoint-input-group label{font-size:12px;font-weight:bold;margin-bottom:var(--db-margin-xs);display:flex;align-items:center}.breakpoint-settings .breakpoint-input-group label span{font-size:10px;line-height:1;margin-left:2px;background-color:var(--db-bg-primary);padding:4px 6px;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)}.breakpoint-settings .breakpoint-input-group .width-type-segment{flex:1}.breakpoint-settings .breakpoint-input-group .width-type-segment .segment-tabs{display:flex;gap:var(--db-margin-xxs);padding:var(--db-margin-xxs);background:var(--db-bg-primary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base)}.breakpoint-settings .breakpoint-input-group .width-type-segment .segment-tabs .segment-tab{flex:1;padding:var(--db-padding-xxs) var(--db-padding-m);font-size:12px;font-weight:500;border:none;background:none;color:var(--db-text-secondary);cursor:pointer;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:all .2s ease}.breakpoint-settings .breakpoint-input-group .width-type-segment .segment-tabs .segment-tab.active{background:var(--db-bg-primary);color:var(--db-text-primary);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}.breakpoint-settings .breakpoint-input-group .width-type-segment .segment-tabs .segment-tab:hover:not(.active){background:rgba(var(--db-color-primary), 0.1);color:var(--db-color-primary)}.breakpoint-tabs{display:flex;gap:var(--db-margin-xxs);padding:var(--db-margin-xxs);background:var(--db-bg-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base)}.breakpoint-tabs .breakpoint-tab{padding:var(--db-margin-xxs) var(--db-padding-xxs);font-size:12px;border:none;background:none;color:var(--db-text-secondary);cursor:pointer;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:var(--db-margin-xxs)}.breakpoint-tabs .breakpoint-tab i{font-size:16px;color:var(--db-text-secondary)}.breakpoint-tabs .breakpoint-tab.active{background:var(--db-bg-primary);color:var(--db-text-primary);box-shadow:0 1px 3px rgba(0,0,0,.1)}.breakpoint-tabs .breakpoint-tab.active i{color:var(--db-text-primary)}.breakpoint-tabs .breakpoint-tab:hover:not(.active){background:rgba(var(--db-color-primary), 0.1);color:var(--db-color-primary)}#tabletBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group,#mobileBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group{display:flex;flex-direction:column;gap:var(--db-padding-l)}#tabletBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group .inputwl label,#mobileBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group .inputwl label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}#tabletBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group .inputwl input,#mobileBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group .inputwl input{width:100%;padding:8px 12px;border:1px solid #d1d5da;border-radius:4px;font-size:14px}#tabletBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group .inputwl .breakpoint-description,#mobileBreakpointModal .modal-body .breakpoint-settings-modal .breakpoint-input-group .inputwl .breakpoint-description{font-size:12px;color:#666;margin-top:4px;line-height:1.4}#tabletBreakpointModal .modal-body .modal-actions,#mobileBreakpointModal .modal-body .modal-actions{display:flex;gap:var(--db-padding-xs);justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #e1e4e8}.preview-toggle-btn{display:flex;align-items:center;gap:6px}.preview-toggle-btn svg{width:16px;height:16px}.preview-toggle-btn.active{background:#007bff;border-color:#007bff;color:#fff}.preview-toggle-btn.active:hover{background:#0056b3;border-color:#0056b3}.preset-section{display:flex;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:var(--db-padding-l)}#grid-container{position:relative;z-index:2;width:100%;height:auto;pointer-events:none}#preview-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow-y:auto;display:none}#preview-container .layout-preview{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;margin:0 auto;max-width:100%;position:relative}#preview-container .layout-preview .preview-header,#preview-container .layout-preview .preview-banner,#preview-container .layout-preview .preview-cards,#preview-container .layout-preview .preview-section,#preview-container .layout-preview .preview-footer{transition:all .3s ease}#preview-container .layout-preview .row{display:flex;flex-wrap:wrap;margin:0 -10px}#preview-container .layout-preview .row>div{padding:0 10px;margin-bottom:20px}@media(max-width: 768px){#preview-container .layout-preview .row{margin:0 -5px}#preview-container .layout-preview .row>div{padding:0 5px;margin-bottom:15px}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-page--asciart .tool-page-sidebar{padding:0;display:flex;flex-direction:column;min-height:0}.asciart-sidebar__section{display:flex;flex-direction:column;gap:var(--db-gap-s);min-width:0;flex-shrink:0;padding:var(--db-padding-m);margin-bottom:0}.asciart-sidebar__section:last-child{margin-bottom:0}.asciart-sidebar__section--options{border-top:1px solid var(--db-border-base)}.asciart-sidebar__heading{margin:0;font-size:13px;font-weight:600;color:var(--db-text-primary);letter-spacing:-0.01em}.asciart-sidebar__subheading{margin:0;font-size:12px;font-weight:600;color:var(--db-text-secondary)}.asciart-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.asciart-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;padding:var(--db-padding-m);text-align:center;border:1px dashed var(--db-border-base);background:var(--db-bg-secondary);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.asciart-dropzone i{font-size:20px;margin-bottom:6px;color:var(--db-text-tertiary)}.asciart-dropzone p{margin:0;font-size:13px;font-weight:600;color:var(--db-text-primary);line-height:1.35}.asciart-dropzone span{margin-top:4px;font-size:12px;color:var(--db-text-tertiary)}.asciart-dropzone:hover,.asciart-dropzone:focus-visible,.asciart-dropzone.is-dragover{border-color:var(--db-color-primary);background:var(--db-bg-primary);outline:none}.asciart-upload-hint{margin:0;font-size:12px;line-height:1.4;color:var(--db-text-tertiary);text-align:center}.asciart-source{display:none;flex-direction:column;gap:8px}.asciart-source:not([hidden]){display:flex}.asciart-source img{width:100%;max-height:160px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);object-fit:contain;background:var(--db-bg-secondary)}.asciart-filter-control{display:flex;flex-direction:column;gap:6px;min-width:0}.asciart-filter-control label,.asciart-filter-control .asciart-filter-control__heading{font-size:12px;font-weight:600;color:var(--db-text-secondary)}.asciart-filter-control--checkbox{padding-top:2px}.asciart-inline-field{display:grid;grid-template-columns:minmax(0, 1fr) 42px;gap:8px;align-items:center}.asciart-inline-field output{display:inline-flex;align-items:center;justify-content:center;height:28px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background:var(--db-bg-secondary);color:var(--db-text-secondary);font-size:11px;font-weight:600}.asciart-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--db-text-primary);user-select:none}.asciart-checkbox__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.asciart-checkbox__input:focus-visible+.asciart-checkbox__box{outline:2px solid var(--db-color-primary);outline-offset:2px}.asciart-checkbox__input:checked+.asciart-checkbox__box{background-color:var(--db-color-primary);border-color:var(--db-color-primary)}.asciart-checkbox__input:checked+.asciart-checkbox__box::after{opacity:1}.asciart-checkbox__box{flex-shrink:0;width:16px;height:16px;border:1px solid var(--db-border-base);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;background:var(--db-bg-primary);position:relative}.asciart-checkbox__box::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid var(--db-text-inverse-primary, #fff);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}.asciart-checkbox__label{line-height:1.3}.asciart-color-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--db-gap-s)}.asciart-color-field{display:flex;flex-direction:column;gap:6px;min-width:0}.asciart-color-field label{font-size:12px;font-weight:600;color:var(--db-text-secondary)}.asciart-color-field input[type=color]{width:100%;height:32px;padding:2px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background:var(--db-bg-secondary);cursor:pointer}.asciart-charset-input{height:34px;padding:0 10px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background:var(--db-bg-secondary);color:var(--db-text-primary);font-family:"JetBrains Mono","Fira Code","Consolas",monospace;font-size:13px;width:100%}.asciart-workspace{flex:1 1 auto;align-self:stretch;min-width:0;min-height:0;display:flex;flex-direction:column;padding:0;overflow:hidden;background:var(--db-bg-secondary);position:relative}.asciart-workspace #asciiWorkCanvas{position:absolute;width:0 !important;height:0 !important;margin:0;padding:0;border:0;overflow:hidden;opacity:0;pointer-events:none;visibility:hidden}.asciart-workspace.has-result{background:var(--db-bg-primary)}.asciart-workspace:not(.has-result) .asciart-output{opacity:0}.asciart-empty-state{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:var(--db-padding-xl);text-align:center;pointer-events:none}.asciart-empty-state p{margin:0;max-width:320px;font-size:14px;line-height:1.5;font-weight:500;color:var(--db-text-tertiary)}.asciart-empty-state[hidden]{display:none !important}.tool-page-layout.sidebar-collapsed .asciart-workspace{width:100%}.asciart-preview{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:0;position:relative;z-index:2}.asciart-output{margin:0;flex:1 1 auto;min-height:100%;width:100%;padding:var(--db-padding-m);overflow:auto;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;background:#101011;color:#d2d6da;font-family:"JetBrains Mono","Fira Code","Consolas",monospace;font-size:8px;line-height:1;letter-spacing:0;white-space:pre}.tool-page--asciart>.wp-block-image,.tool-page--asciart>.alignwide,.tool-page--asciart>.alignfull,.tool-page--asciart>figure,.tool-page--asciart>.entry-content,.tool-page--asciart>article{display:none}.tool-page--asciart+.wp-block-image,.tool-page--asciart+.alignwide,.tool-page--asciart+.alignfull,.tool-page--asciart+figure,.tool-page--asciart+.entry-content,.tool-page--asciart+article{display:none}body.page-template-page-asciart .site-main>:not(.tool-page){display:none}@media only screen and (max-width: 1024px){.asciart-preview{min-height:calc(100vh - var(--db-tool-chrome-top, 57px) - var(--tool-page-header-height, 49px))}}@media only screen and (max-width: 767px){.asciart-output{min-height:240px}}.gradient-filters-bar{position:sticky;top:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px) + var(--palette-tool-header-height, 49px));z-index:6;background-color:var(--db-bg-primary);border-bottom:1px solid var(--db-border-base);overflow:hidden;max-height:160px;transition:max-height .28s ease,opacity .28s ease,border-bottom-width .28s ease}.gradient-filters-bar.is-collapsed{max-height:0;opacity:0;border-bottom-width:0;pointer-events:none}.gradient-filters-bar__inner{display:flex;align-items:flex-start;gap:var(--db-gap-s);padding:var(--db-padding-m);min-width:0}.gradient-filters__label{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;margin-top:4px;font-size:12px;font-weight:500;color:var(--db-text-tertiary, var(--db-text-secondary));opacity:.75}.gradient-filters__label i{font-size:14px}.gradient-filter-chips{flex:1;min-width:0}.gradient-tool{width:100%;border-top:1px solid var(--db-border-base);background-color:var(--db-bg-secondary)}.gradient-tool__main{width:100%;padding:var(--db-padding-l);box-sizing:border-box}.gradient-presets-grid{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:var(--db-gap-m);width:100%}.gradient-presets-empty{grid-column:1/-1;text-align:center;color:var(--db-text-secondary);padding:var(--db-padding-xl) 0}.gradient-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--db-padding-m);cursor:pointer;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-primary);padding:var(--db-padding-s);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);transition:box-shadow .2s ease,transform .2s ease}.gradient-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.gradient-card:focus-visible{outline:2px solid var(--db-color-primary);outline-offset:2px}.gradient-card__preview{width:112px;height:112px;flex-shrink:0;margin-bottom:var(--db-margin-s);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%}.gradient-card__body{display:flex;flex-direction:column;align-items:center;gap:var(--db-gap-xs);width:100%}.gradient-card .gradient-colorname{font-size:16px;font-weight:600;margin:0;line-height:1.3;color:var(--db-text-primary)}.gradient-card .hex-code{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0}.gradient-card .hex-code .color-code{font-size:12px;color:var(--db-text-secondary)}.gradient-card .hex-code i{font-size:14px;color:var(--db-text-tertiary);margin:0 2px}.gradient-card .css-copy{margin-top:var(--db-margin-xs)}.gradient-editor-modal .modal{width:min(720px,100vw - 32px);max-height:min(92vh,880px);overflow-y:auto}.gradient-editor-modal #gradientPreview{width:100%;height:min(320px,42vh);margin-bottom:var(--db-margin-m);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base)}.page-gradient-generator{position:relative}.page-gradient-generator #colorPickerContainer{margin-bottom:var(--db-margin-s)}.page-gradient-generator .controller-wrap{width:100%}.page-gradient-generator .controller-wrap .colorinfo-warp{position:relative;display:flex;gap:var(--db-padding-xs);align-items:center;margin-bottom:var(--db-margin-xs);user-select:none;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:.3s}.page-gradient-generator .controller-wrap .colorinfo-warp.dragging{box-shadow:0 4px 12px rgba(0,0,0,.1)}.page-gradient-generator .controller-wrap .colorinfo-warp>*{flex-shrink:0}.page-gradient-generator .controller-wrap .colorinfo-warp .drag-handle{cursor:move;user-select:none;width:24px;height:24px;align-items:center;justify-content:center;display:flex;background-color:var(--db-bg-secondary);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);transition:.3s}.page-gradient-generator .controller-wrap .colorinfo-warp .drag-handle i{font-size:16px;color:var(--db-text-tertiary)}.page-gradient-generator .controller-wrap .colorinfo-warp .drag-handle:hover{background-color:var(--db-bg-tertiary)}.page-gradient-generator .controller-wrap .colorinfo-warp .drag-handle:hover i{color:var(--db-text-secondary)}.page-gradient-generator .controller-wrap .colorinfo-warp .color-input-wrap{position:relative;display:flex;user-select:auto;flex:1;gap:0;padding-left:4px;background-color:#fff;border:1px solid var(--db-border-base);align-items:center;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.page-gradient-generator .controller-wrap .colorinfo-warp .opacity-label{position:relative;width:54px;border-left:1px solid var(--db-border-base)}.page-gradient-generator .controller-wrap .colorinfo-warp .input-unit{position:absolute;right:6px;top:5px;z-index:1}.page-gradient-generator .controller-wrap .colorinfo-warp .opacity-input{min-width:auto}.page-gradient-generator .controller-wrap .colorinfo-warp input[type=text]{border:none !important;flex:1}.page-gradient-generator .controller-wrap .icon-remove{width:24px;height:24px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:none;background:var(--db-bg-secondary);display:flex;align-items:center;justify-content:center}.page-gradient-generator .controller-wrap .icon-remove i{font-size:12px;color:var(--db-text-secondary)}.page-gradient-generator .controller-wrap .inline-btns{justify-content:flex-start}.page-gradient-generator .subfunc-wrap{margin-bottom:var(--db-margin-m);display:flex;gap:var(--db-padding-s)}.page-gradient-generator .subfunc-wrap .subfunc{flex:1}.page-gradient-generator .subfunc-wrap .subfunc select{width:100%}.page-gradient-generator .gradient-css-wrap{margin:var(--db-margin-m) 0 0;border-top:1px solid var(--db-border-base);padding-top:var(--db-margin-m)}.page-gradient-generator .gradient-css-wrap__header{display:flex;align-items:center;justify-content:space-between;gap:var(--db-gap-s);margin-bottom:var(--db-margin-xs)}.page-gradient-generator .gradient-css-wrap__header p{font-size:14px;font-weight:600;margin:0;color:var(--db-text-primary)}.page-gradient-generator .gradient-css-wrap__hint{font-size:12px;color:var(--db-text-tertiary);white-space:nowrap}.page-gradient-generator .gradient-css-copy{display:flex;align-items:stretch;width:100%;gap:0;padding:0;text-align:left;cursor:pointer;background-color:var(--db-bg-secondary);border:1px dashed var(--db-border-emphasis, var(--db-border-base));border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.page-gradient-generator .gradient-css-copy:hover{border-color:var(--db-color-primary);background-color:var(--db-bg-primary);box-shadow:0 0 0 1px var(--db-color-primary)}.page-gradient-generator .gradient-css-copy:focus-visible{outline:2px solid var(--db-color-primary);outline-offset:2px}.page-gradient-generator .gradient-css-copy.is-copied{border-style:solid;border-color:var(--db-color-primary);background-color:var(--db-bg-primary)}.page-gradient-generator .gradient-css-copy.is-copied .gradient-css-copy__action{color:var(--db-color-primary)}.page-gradient-generator .gradient-css-copy__code{flex:1;min-width:0;margin:0;padding:var(--db-padding-s) var(--db-padding-xs);font-size:13px;line-height:1.45;color:var(--db-text-secondary);word-break:break-all;background:rgba(0,0,0,0)}.page-gradient-generator .gradient-css-copy__action{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:0 var(--db-padding-s);font-size:12px;font-weight:600;color:var(--db-text-secondary);border-left:1px solid var(--db-border-base);background-color:var(--db-bg-primary)}.page-gradient-generator .gradient-css-copy__action i{font-size:14px}@media only screen and (max-width: 1400px){.gradient-presets-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media only screen and (max-width: 1200px){.gradient-presets-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media only screen and (max-width: 900px){.gradient-presets-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.gradient-filters-bar__inner,.gradient-tool__main{padding-left:var(--db-padding-m);padding-right:var(--db-padding-m)}}@media only screen and (max-width: 560px){.gradient-presets-grid{grid-template-columns:minmax(0, 1fr)}.gradient-card__preview{width:96px;height:96px}}[data-theme=dark].page-gradient-generator .controller-wrap .icon-remove i,.dark-mode.page-gradient-generator .controller-wrap .icon-remove i{color:var(--db-text-secondary)}[data-theme=dark].page-gradient-generator .gradient-card .hex-code i,.dark-mode.page-gradient-generator .gradient-card .hex-code i{color:var(--db-text-secondary)}[data-theme=dark].page-gradient-generator .gradient-card .css-copy i,.dark-mode.page-gradient-generator .gradient-card .css-copy i{color:var(--db-text-secondary)}.tool-page--abstract-gradient .tool-page-sidebar.abstract-gradient-sidebar{padding:0;display:flex;flex-direction:column;min-height:0}.abstract-gradient-sidebar__section{display:flex;flex-direction:column;gap:var(--db-gap-s);min-width:0;flex-shrink:0;padding:var(--db-padding-m);margin-bottom:0}.abstract-gradient-sidebar__section:last-child{margin-bottom:0}.abstract-gradient-sidebar__section--options{border-top:1px solid var(--db-border-base)}.abstract-gradient-sidebar__section:first-child{padding-top:var(--db-padding-m)}.abstract-gradient-sidebar__heading{margin:0;font-size:13px;font-weight:600;color:var(--db-text-primary);letter-spacing:-0.01em}.abstract-gradient-sidebar__hint{margin:0;font-size:12px;line-height:1.4;color:var(--db-text-tertiary)}.abstract-gradient-color-chips{margin:0}.abstract-gradient-control{display:flex;flex-direction:column;gap:6px;min-width:0}.abstract-gradient-control__label{font-size:12px;font-weight:600;color:var(--db-text-secondary)}.abstract-gradient-inline-field{display:grid;grid-template-columns:minmax(0, 1fr) 42px;gap:8px;align-items:center}.abstract-gradient-inline-field output{display:inline-flex;align-items:center;justify-content:center;height:28px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background:var(--db-bg-secondary);color:var(--db-text-secondary);font-size:11px;font-weight:600}.abstract-gradient-select{width:100%;height:34px;padding:0 36px 0 10px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1.5L6 6.5L11 1.5%27 stroke=%27%23667285%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;color:var(--db-text-primary);font-size:13px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.abstract-gradient-select::-ms-expand{display:none}.abstract-gradient-canvas,#gradientCanvas{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;border-radius:0;box-shadow:none}.tool-page--abstract-gradient>.wp-block-image,.tool-page--abstract-gradient>.alignwide,.tool-page--abstract-gradient>.alignfull,.tool-page--abstract-gradient>figure,.tool-page--abstract-gradient>.entry-content,.tool-page--abstract-gradient>article{display:none}body.page-template-page-abstract-gradient-generator .site-main>:not(.tool-page){display:none}.abstract-gradient-code-modal .modal{width:min(760px,100vw - 32px);max-height:min(92vh,900px);overflow:hidden}.abstract-gradient-code-modal .modal-body{display:flex;flex-direction:column;gap:var(--db-gap-s)}.abstract-gradient-code-modal__hint{margin:0;font-size:12px;color:var(--db-text-secondary)}.abstract-gradient-code-modal__output{width:100%;min-height:min(52vh,420px);padding:12px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background:#fff;color:var(--db-text-primary);font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;line-height:1.5;resize:vertical;white-space:pre}.abstract-gradient-code-modal .modal-footer{display:flex;justify-content:flex-end}@media only screen and (max-width: 767px){.tool-page--abstract-gradient .tool-page-header__action-group--abstract-gradient .tool-page-header__action--labeled span{display:none}.tool-page--abstract-gradient .tool-page-header__action-group--abstract-gradient .tool-page-header__action--labeled{min-width:32px;padding:var(--db-padding-xs)}}.page-horizon-gradient-generator{position:relative}.page-horizon-gradient-generator .grid-horizon{border-top:1px solid var(--db-border-base)}.page-horizon-gradient-generator .horizon-control-panel{width:100%;max-width:300px;background:var(--db-bg-secondary);color:var(--db-text-primary);overflow-y:auto;overflow-x:hidden;font-size:13px;display:flex;flex-direction:column}.page-horizon-gradient-generator .horizon-control-panel::-webkit-scrollbar{width:6px}.page-horizon-gradient-generator .horizon-control-panel::-webkit-scrollbar-track{background:var(--db-bg-tertiary);border-radius:3px}.page-horizon-gradient-generator .horizon-control-panel::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:3px}.page-horizon-gradient-generator .horizon-control-panel::-webkit-scrollbar-thumb:hover{background:var(--db-color-primary)}.page-horizon-gradient-generator .control-section{margin-bottom:15px}.page-horizon-gradient-generator .control-section:not(:last-child){border-bottom:1px solid var(--db-border-base);padding-bottom:15px}.page-horizon-gradient-generator .control-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.page-horizon-gradient-generator .control-section-header h3{margin:0;font-size:13px;font-weight:600}.page-horizon-gradient-generator .control-item{margin-bottom:10px}.page-horizon-gradient-generator .control-item:last-child{margin-bottom:0}.page-horizon-gradient-generator .control-label{display:block;font-size:11px;margin-bottom:4px;color:var(--db-text-secondary)}.page-horizon-gradient-generator .control-value{font-weight:600}.page-horizon-gradient-generator .horizon-select{width:100%;padding:6px;background:var(--db-bg-tertiary);border:1px solid var(--db-border-base);color:var(--db-text-primary);border-radius:var(--db-radius-s);font-size:11px;cursor:pointer}.page-horizon-gradient-generator .horizon-select option{background:var(--db-bg-primary);color:var(--db-text-primary)}.page-horizon-gradient-generator .color-picker-wrapper{display:flex;gap:8px;align-items:center}.page-horizon-gradient-generator .horizon-color-picker{width:40px;height:40px;border:none;border-radius:4px;cursor:pointer;padding:0;background:rgba(0,0,0,0)}.page-horizon-gradient-generator .horizon-color-picker::-webkit-color-swatch-wrapper{padding:0}.page-horizon-gradient-generator .horizon-color-picker::-webkit-color-swatch{border:none;border-radius:4px}.page-horizon-gradient-generator .color-value{font-size:10px;font-family:monospace;flex:1}.page-horizon-gradient-generator .horizon-slider{width:100%;cursor:pointer;height:4px;border-radius:2px;background:var(--db-bg-tertiary);outline:none;-webkit-appearance:none;appearance:none}.page-horizon-gradient-generator .horizon-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--db-color-primary);cursor:pointer}.page-horizon-gradient-generator .horizon-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--db-color-primary);cursor:pointer;border:none}.page-horizon-gradient-generator .control-checkbox{display:flex;align-items:center;gap:8px;font-size:11px;cursor:pointer}.page-horizon-gradient-generator .control-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.page-horizon-gradient-generator .horizon-checkbox{margin-right:8px;cursor:pointer;width:16px;height:16px;accent-color:var(--db-color-primary)}.page-horizon-gradient-generator .horizon-file-input{width:100%;padding:6px;background:var(--db-bg-tertiary);border:1px solid var(--db-border-base);color:var(--db-text-primary);border-radius:var(--db-radius-s);font-size:11px;cursor:pointer}.page-horizon-gradient-generator .horizon-file-input::file-selector-button{padding:4px 8px;background:var(--db-color-primary);color:var(--db-text-inverse-primary);border:none;border-radius:var(--db-radius-s);font-size:10px;cursor:pointer;margin-right:8px}.page-horizon-gradient-generator .control-actions{margin-top:20px}.page-horizon-gradient-generator .horizon-container{flex:1;position:relative;background:var(--db-bg-secondary);min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 64px))}.page-horizon-gradient-generator .horizon-container canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:0;pointer-events:none}.page-horizon-gradient-generator .tools-page-title{margin-bottom:var(--db-margin-m);padding-bottom:var(--db-padding-m);border-bottom:1px solid var(--db-border-base)}.page-horizon-gradient-generator .tools-page-title .tools-version-mark{display:inline-block;font-size:.7rem;font-weight:600;color:var(--db-text-secondary);background:var(--db-bg-tertiary);padding:2px 6px;border-radius:3px;margin-bottom:8px}.page-horizon-gradient-generator .tools-page-title .tools-page-title-heading{font-size:1.2rem;font-weight:700;color:var(--db-text-primary);margin:0 0 4px 0;line-height:1.3}.page-horizon-gradient-generator .tools-page-title .tools-page-desc{font-size:.85rem;color:var(--db-text-secondary);margin:0;line-height:1.4}@media only screen and (max-width: 767px){.page-horizon-gradient-generator .horizon-control-panel{width:100%;min-width:100%;max-height:50vh}.page-horizon-gradient-generator .horizon-container{min-height:50vh}}.rem-calculator-workspace{display:flex;flex-direction:column;min-height:0;overflow:hidden}.rem-calculator-sidebar__heading{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--db-text-primary)}.rem-preview-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;background-color:var(--db-bg-primary)}.rem-preview-panel .rem-quick-ref{box-sizing:border-box;padding:var(--db-padding-l) var(--db-padding-xl) var(--db-padding-xl)}.rem-preview-panel .rem-quick-ref__hint{margin:0 0 var(--db-gap-l);font-size:13px;line-height:1.45;color:var(--db-text-tertiary)}.rem-preview-panel .rem-quick-ref__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(148px, 1fr));gap:12px;width:100%;box-sizing:border-box}@media only screen and (min-width: 1200px){.rem-preview-panel .rem-quick-ref__grid{grid-template-columns:repeat(6, minmax(0, 1fr))}}.rem-preview-panel .rem-quick-value{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:44px;padding:12px 14px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-secondary);font-size:13px;line-height:1.3;overflow:visible}.rem-preview-panel .rem-quick-px{color:var(--db-text-secondary);font-weight:500;font-variant-numeric:tabular-nums}.rem-preview-panel .rem-quick-rem{color:var(--db-color-primary);font-weight:600;font-variant-numeric:tabular-nums}.rem-preview-panel .rem-tabs{display:flex;align-items:center;gap:8px;padding:0 var(--db-padding-m);border-bottom:1px solid var(--db-border-base);flex-wrap:wrap;flex-shrink:0}.rem-preview-panel .rem-tabs__spacer{flex:1 1 auto;min-width:12px;height:1px}.rem-preview-panel .rem-tabs .rem-tab{padding:8px 4px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:regular;color:var(--db-text-tertiary);transition:all .2s;position:relative}.rem-preview-panel .rem-tabs .rem-tab:hover{color:var(--db-text-primary)}.rem-preview-panel .rem-tabs .rem-tab.active{color:var(--db-text-primary);font-weight:bold}.rem-preview-panel .rem-tabs .rem-tab.active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--db-color-primary)}.rem-preview-panel .rem-tab-content{display:none;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.rem-preview-panel .rem-tab-content.active:not([hidden]){display:flex;flex-direction:column}.rem-preview-panel .rem-tab-content#quick-ref-tab.active:not([hidden]) .rem-quick-ref{flex:1 1 auto;min-height:min-content}.rem-preview-panel .rem-sample-section{padding:var(--db-padding-m);width:100%;max-width:720px;margin:0 auto 20px auto}.rem-preview-panel .rem-sample-section h2{font-size:.875rem;color:var(--db-text-secondary);margin-bottom:15px;font-weight:600}.rem-preview-panel .rem-type-scale{width:100%;max-width:none;margin:0;padding:var(--db-padding-l) var(--db-padding-xl)}.rem-preview-panel .rem-type-scale__title{margin:0 0 var(--db-gap-l);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--db-text-tertiary)}.rem-preview-panel .rem-type-scale__list{list-style:none;margin:0;padding:0}.rem-preview-panel .rem-type-scale__row{display:grid;grid-template-columns:minmax(5.5rem, 7rem) minmax(0, 1fr) auto;align-items:baseline;gap:var(--db-gap-l) var(--db-gap-xl);padding:clamp(14px,2vh,22px) 0;border-bottom:1px solid var(--db-border-base)}.rem-preview-panel .rem-type-scale__row:last-child{border-bottom:none}.rem-preview-panel .rem-type-scale__meta{font-size:11px;font-weight:500;line-height:1.3;color:var(--db-text-tertiary)}.rem-preview-panel .rem-type-scale__preview{min-width:0;margin:0;color:var(--db-text-primary);word-break:keep-all;overflow-wrap:break-word}.rem-preview-panel .rem-type-scale__size{flex-shrink:0;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3;color:var(--db-text-secondary);white-space:nowrap;text-align:right}.rem-preview-panel .rem-type-scale__row--display .rem-type-scale__preview{font-weight:700;letter-spacing:-0.03em}.rem-preview-panel .rem-type-scale__row--h1 .rem-type-scale__preview,.rem-preview-panel .rem-type-scale__row--h2 .rem-type-scale__preview{font-weight:700;letter-spacing:-0.02em}.rem-preview-panel .rem-type-scale__row--h3 .rem-type-scale__preview,.rem-preview-panel .rem-type-scale__row--h4 .rem-type-scale__preview,.rem-preview-panel .rem-type-scale__row--h5 .rem-type-scale__preview,.rem-preview-panel .rem-type-scale__row--h6 .rem-type-scale__preview{font-weight:600}.rem-preview-panel .rem-type-scale__row--body-lg .rem-type-scale__preview,.rem-preview-panel .rem-type-scale__row--body .rem-type-scale__preview{font-weight:400}.rem-preview-panel .rem-type-scale__row--small .rem-type-scale__preview,.rem-preview-panel .rem-type-scale__row--caption .rem-type-scale__preview{color:var(--db-text-secondary)}.rem-preview-panel .rem-type-scale__row--overline .rem-type-scale__preview{color:var(--db-text-tertiary)}.rem-preview-panel .rem-spacing-scale{width:100%;max-width:none;margin:0;padding:var(--db-padding-l)}.rem-preview-panel .rem-spacing-scale__title{margin:0 0 var(--db-gap-l);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--db-text-tertiary)}.rem-preview-panel .rem-spacing-scale__list{list-style:none;margin:0;padding:0}.rem-preview-panel .rem-spacing-scale__row{display:grid;grid-template-columns:minmax(5.5rem, 7rem) minmax(0, 1fr) auto;align-items:center;gap:var(--db-gap-m) var(--db-gap-xl);padding:10px 0;border-bottom:1px solid var(--db-border-base)}.rem-preview-panel .rem-spacing-scale__row:last-child{border-bottom:none}.rem-preview-panel .rem-spacing-scale__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.rem-preview-panel .rem-spacing-scale__token{font-size:12px;font-weight:600;line-height:1.2;color:var(--db-text-primary);letter-spacing:.02em}.rem-preview-panel .rem-spacing-scale__base{font-size:10px;font-weight:500;line-height:1.2;color:var(--db-text-tertiary)}.rem-preview-panel .rem-spacing-scale__viz{display:flex;align-items:center;min-width:0;min-height:0;padding:2px 0}.rem-preview-panel .rem-spacing-scale__box{display:block;flex-shrink:0;min-width:2px;min-height:2px;background:var(--db-color-primary);border-radius:3px;opacity:.88;transition:width .15s ease,height .15s ease}.rem-preview-panel .rem-spacing-scale__size{flex-shrink:0;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3;color:var(--db-text-secondary);white-space:nowrap;text-align:right}.rem-preview-panel .rem-components-scale{--rem-base: 16px;width:100%;max-width:none;margin:0;padding:var(--db-padding-l) var(--db-padding-xl) var(--db-padding-xl)}.rem-preview-panel .rem-components-scale__group{margin-bottom:var(--db-gap-xl);padding:0}.rem-preview-panel .rem-components-scale__group:last-child{margin-bottom:0}.rem-preview-panel .rem-components-scale__title{margin:0 0 var(--db-gap-m);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--db-text-tertiary)}.rem-preview-panel .rem-components-scale__list{list-style:none;margin:0;padding:0}.rem-preview-panel .rem-components-scale__row{display:grid;grid-template-columns:minmax(5.5rem, 8rem) minmax(0, 1fr) auto;align-items:center;gap:var(--db-gap-m) var(--db-gap-xl);padding:10px 0;border-bottom:1px solid var(--db-border-base)}.rem-preview-panel .rem-components-scale__row:last-child{border-bottom:none}.rem-preview-panel .rem-components-scale__row--tall{align-items:start;padding-top:12px;padding-bottom:12px}.rem-preview-panel .rem-components-scale__row--tall .rem-components-scale__size{padding-top:.35em}.rem-preview-panel .rem-components-scale__meta{font-size:12px;font-weight:500;line-height:1.3;color:var(--db-text-tertiary)}.rem-preview-panel .rem-components-scale__preview{min-width:0}.rem-preview-panel .rem-components-scale__size{flex-shrink:0;max-width:240px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.35;color:var(--db-text-secondary);text-align:right;word-break:break-word}.rem-preview-panel .rem-components-scale .rem-comp-spec{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.rem-preview-panel .rem-components-scale .rem-comp-spec__row{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;width:100%}.rem-preview-panel .rem-components-scale .rem-comp-spec__key{font-size:10px;font-weight:500;color:var(--db-text-tertiary);white-space:nowrap}.rem-preview-panel .rem-components-scale .rem-comp-spec__val{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 6px;font-weight:600;color:var(--db-text-secondary)}.rem-preview-panel .rem-components-scale .rem-comp-spec__pad{font-weight:600}.rem-preview-panel .rem-components-scale .rem-comp-spec__axis{font-weight:600}.rem-preview-panel .rem-components-scale .rem-comp-spec__sep{font-weight:500;color:var(--db-text-tertiary)}.rem-preview-panel .rem-components-scale .rem-comp-spec__rem{font-weight:600}.rem-preview-panel .rem-components-scale .rem-comp-spec__px{font-weight:500;color:var(--db-text-tertiary)}.rem-preview-panel .rem-components-scale input.rem-comp-field,.rem-preview-panel .rem-components-scale textarea.rem-comp-field,.rem-preview-panel .rem-components-scale select.rem-comp-field{box-sizing:border-box;display:block;width:100%;max-width:420px;margin:0;height:auto;min-height:calc(2.6*var(--rem-base));padding:calc(.75*var(--rem-base)) calc(1*var(--rem-base));border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background:var(--db-bg-primary);color:var(--db-text-primary);font-family:inherit;font-size:calc(.9*var(--rem-base));line-height:1.4;-webkit-appearance:none;appearance:none}.rem-preview-panel .rem-components-scale input.rem-comp-field:focus,.rem-preview-panel .rem-components-scale textarea.rem-comp-field:focus,.rem-preview-panel .rem-components-scale select.rem-comp-field:focus{outline:none;border-color:var(--db-color-primary);background:var(--db-bg-tertiary);color:var(--db-text-primary)}.rem-preview-panel .rem-components-scale textarea.rem-comp-field--textarea{resize:vertical;min-height:calc(6.25*var(--rem-base))}.rem-preview-panel .rem-components-scale select.rem-comp-field--select{padding-right:calc(2.5*var(--rem-base));cursor:pointer}.rem-preview-panel .rem-components-scale .rem-comp-select-wrap{position:relative;width:100%;max-width:420px}.rem-preview-panel .rem-components-scale .rem-comp-select-wrap .rem-comp-select__chevron{position:absolute;top:50%;right:calc(.85*var(--rem-base));transform:translateY(-50%);pointer-events:none;font-size:calc(1*var(--rem-base));line-height:1;color:var(--db-text-tertiary)}.rem-preview-panel .rem-components-scale .rem-comp-check{display:inline-flex;align-items:center;gap:calc(.5*var(--rem-base));margin:0;font-size:calc(.9*var(--rem-base));color:var(--db-text-primary);cursor:pointer;user-select:none}.rem-preview-panel .rem-components-scale .rem-comp-check input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.rem-preview-panel .rem-components-scale .rem-comp-check__box{flex-shrink:0;width:calc(1.125*var(--rem-base));height:calc(1.125*var(--rem-base));border:2px solid var(--db-border-base);border-radius:calc(.25*var(--rem-base));-webkit-border-radius:calc(.25*var(--rem-base));-moz-border-radius:calc(.25*var(--rem-base));-ms-border-radius:calc(.25*var(--rem-base));background:var(--db-bg-primary);box-sizing:border-box;transition:background .15s ease,border-color .15s ease}.rem-preview-panel .rem-components-scale .rem-comp-check input[type=checkbox]:checked+.rem-comp-check__box{background:var(--db-color-primary);border-color:var(--db-color-primary)}.rem-preview-panel .rem-components-scale .rem-comp-check input[type=checkbox]:checked+.rem-comp-check__box::after{content:"";display:block;width:calc(.35*var(--rem-base));height:calc(.6*var(--rem-base));margin:calc(.12*var(--rem-base)) auto 0;border:solid var(--db-text-inverse-primary, #fff);border-width:0 2px 2px 0;transform:rotate(45deg)}.rem-preview-panel .rem-components-scale .rem-comp-check input[type=checkbox]:focus-visible+.rem-comp-check__box{outline:2px solid var(--db-color-primary);outline-offset:2px}.rem-preview-panel .rem-components-scale .rem-comp-check__label{line-height:1.4}.rem-preview-panel .rem-components-scale .rem-comp-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:calc(.75*var(--rem-base)) calc(1.5*var(--rem-base));border:none;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);font-family:inherit;font-size:calc(1*var(--rem-base));font-weight:600;line-height:1.3;cursor:pointer;transition:opacity .2s,background .2s}.rem-preview-panel .rem-components-scale .rem-comp-btn--primary{background:var(--db-color-primary);color:var(--db-text-inverse-primary, #fff)}.rem-preview-panel .rem-components-scale .rem-comp-btn--secondary{background:var(--db-bg-tertiary);color:var(--db-text-primary)}.rem-preview-panel .rem-components-scale .rem-comp-btn--outline{background:rgba(0,0,0,0);color:var(--db-color-primary);border:2px solid var(--db-color-primary)}.rem-preview-panel .rem-components-scale .rem-comp-btn-row{display:flex;flex-wrap:wrap;gap:calc(.5*var(--rem-base))}.rem-preview-panel .rem-components-scale .rem-comp-accordion{width:100%;max-width:420px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden;background:var(--db-bg-primary)}.rem-preview-panel .rem-components-scale .rem-comp-accordion__item{border-bottom:1px solid var(--db-border-base)}.rem-preview-panel .rem-components-scale .rem-comp-accordion__item:last-child{border-bottom:none}.rem-preview-panel .rem-components-scale .rem-comp-accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:calc(.75*var(--rem-base));padding:calc(.875*var(--rem-base)) calc(1*var(--rem-base));font-size:calc(.875*var(--rem-base));font-weight:600;line-height:1.4;color:var(--db-text-primary);cursor:pointer;list-style:none}.rem-preview-panel .rem-components-scale .rem-comp-accordion__trigger::-webkit-details-marker{display:none}.rem-preview-panel .rem-components-scale .rem-comp-accordion__trigger i{flex-shrink:0;font-size:calc(1*var(--rem-base));color:var(--db-text-tertiary);transition:transform .2s ease}.rem-preview-panel .rem-components-scale .rem-comp-accordion__item[open] .rem-comp-accordion__trigger i{transform:rotate(180deg)}.rem-preview-panel .rem-components-scale .rem-comp-accordion__panel{padding:0 calc(1*var(--rem-base)) calc(.875*var(--rem-base));font-size:calc(.875*var(--rem-base));line-height:1.55;color:var(--db-text-secondary)}.rem-preview-panel .rem-components-scale .rem-comp-accordion__panel p{margin:0;font-size:calc(.875*var(--rem-base));line-height:1.55;color:var(--db-text-secondary)}.rem-preview-panel .rem-components-scale .rem-comp-table-wrap{width:100%;max-width:100%;overflow-x:auto}.rem-preview-panel .rem-components-scale .rem-comp-table{width:100%;max-width:520px;border-collapse:collapse;font-size:calc(.875*var(--rem-base));line-height:1.45;background:var(--db-bg-primary)}.rem-preview-panel .rem-components-scale .rem-comp-table th,.rem-preview-panel .rem-components-scale .rem-comp-table td{padding:calc(.75*var(--rem-base)) calc(1*var(--rem-base));border:1px solid var(--db-border-base);text-align:left;color:var(--db-text-primary)}.rem-preview-panel .rem-components-scale .rem-comp-table thead th{background:var(--db-bg-secondary);font-weight:600;font-size:calc(.95*var(--rem-base))}.rem-preview-panel .rem-components-scale .rem-comp-table tbody td{font-size:calc(.875*var(--rem-base))}.rem-preview-panel .rem-components-scale .rem-comp-table tbody tr:nth-child(even){background:var(--db-bg-secondary)}.rem-preview-panel .rem-components-scale .rem-comp-toast{max-width:420px;margin:0;padding:calc(1*var(--rem-base));border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);font-size:calc(.9*var(--rem-base));line-height:1.45}.rem-preview-panel .rem-components-scale .rem-comp-toast--success{background:#dcfce7;border-left:4px solid #22c55e;color:#166534}.rem-preview-panel .rem-components-scale .rem-comp-toast--error{background:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.rem-preview-panel .rem-components-scale .rem-comp-toast--warning{background:#fef3c7;border-left:4px solid #f59e0b;color:#92400e}.rem-preview-panel .rem-components-scale .rem-comp-toast--info{background:#f0f5ff;border-left:4px solid var(--db-color-primary);color:var(--db-text-primary)}.rem-preview-panel .rem-sample-item{margin-bottom:16px;padding:12px;background:var(--db-bg-secondary);border-radius:8px;border-left:3px solid var(--db-border-base)}.rem-preview-panel .rem-sample-item label{display:block;font-size:.8rem;color:var(--db-text-secondary);margin-bottom:8px;font-weight:500}.rem-preview-panel .rem-sample-value{display:flex;justify-content:space-between;align-items:center;background:var(--db-bg-primary);padding:8px 10px;border-radius:4px;font-size:.85rem;font-weight:500;color:var(--db-color-primary);margin-top:8px}.rem-preview-panel .rem-sample-preview{margin:8px 0}.rem-preview-panel .rem-preview-heading{font-weight:600;margin:4px 0}.rem-preview-panel .rem-preview-text{line-height:1.5;margin:4px 0}.rem-preview-panel .rem-preview-bar{background:var(--db-border-base);border-radius:3px;margin:6px 0}.rem-preview-panel .rem-preview-button{background:var(--db-bg-inverse, #333);color:var(--db-text-inverse-primary, #fff);border:none;border-radius:4px;cursor:pointer;margin:6px 0;transition:background .2s}.rem-preview-panel .rem-preview-button:hover{background:var(--db-bg-inverse-hover, #222)}.rem-preview-panel .rem-ui-devices{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:var(--db-gap-xl);padding:var(--db-padding-l) var(--db-padding-xl) var(--db-padding-xl);box-sizing:border-box}.rem-preview-panel .rem-device{margin:0;min-width:0}.rem-preview-panel .rem-device__label{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--db-text-tertiary);text-align:center}.rem-preview-panel .rem-device__frame{box-shadow:0 12px 40px rgba(0,0,0,.12)}.rem-preview-panel .rem-device__screen{background:var(--db-bg-primary);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.rem-preview-panel .rem-device--browser{flex:1 1 480px;max-width:100%}.rem-preview-panel .rem-device--browser .rem-device__frame{border:1px solid var(--db-border-base);border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;overflow:hidden;background:#eceff3}.rem-preview-panel .rem-device--browser .rem-device__chrome{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--db-border-base);background:#e8eaed}.rem-preview-panel .rem-device--browser .rem-device__dots{display:flex;gap:6px;flex-shrink:0}.rem-preview-panel .rem-device--browser .rem-device__dots span{width:10px;height:10px;border-radius:50%;background:#c4c9d0}.rem-preview-panel .rem-device--browser .rem-device__dots span:nth-child(1){background:#ff5f57}.rem-preview-panel .rem-device--browser .rem-device__dots span:nth-child(2){background:#febc2e}.rem-preview-panel .rem-device--browser .rem-device__dots span:nth-child(3){background:#28c840}.rem-preview-panel .rem-device--browser .rem-device__url{flex:1;min-width:0;padding:7px 12px;border:1px solid var(--db-border-base);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;background:#fff;font-size:12px;color:var(--db-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rem-preview-panel .rem-device--browser .rem-device__screen{max-height:min(72vh,720px)}.rem-preview-panel .rem-device--mobile{flex:0 0 280px;width:280px;max-width:100%}.rem-preview-panel .rem-device--mobile .rem-device__frame{padding:10px;border-radius:32px;-webkit-border-radius:32px;-moz-border-radius:32px;-ms-border-radius:32px;background:#1c1c1e}.rem-preview-panel .rem-device--mobile .rem-device__bezel{border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;overflow:hidden;background:#000}.rem-preview-panel .rem-device--mobile .rem-device__status{display:flex;align-items:center;justify-content:center;height:28px;background:var(--db-bg-primary)}.rem-preview-panel .rem-device--mobile .rem-device__time{font-size:11px;font-weight:600;color:var(--db-text-primary)}.rem-preview-panel .rem-device--mobile .rem-device__screen{max-height:min(68vh,560px)}.rem-preview-panel .rem-device--mobile .rem-device__home-indicator{height:4px;width:96px;margin:8px auto 6px;border-radius:999px;background:rgba(255,255,255,.35)}.rem-preview-panel .rem-device__screen{font-size:16px}.rem-preview-panel .rem-device__screen .rem-sample-ui{background:var(--db-bg-primary);overflow:hidden}.rem-preview-panel .rem-device__screen .rem-sample-ui--mobile .rem-ui-header{flex-direction:column;gap:.75rem;padding:1rem}.rem-preview-panel .rem-device__screen .rem-sample-ui--mobile .rem-ui-header-nav{gap:1rem;font-size:.8rem;flex-wrap:wrap;justify-content:center}.rem-preview-panel .rem-device__screen .rem-sample-ui--mobile .rem-ui-hero{padding:3rem 1rem;min-height:260px}.rem-preview-panel .rem-device__screen .rem-sample-ui--mobile .rem-ui-hero-title{font-size:1.75rem}.rem-preview-panel .rem-device__screen .rem-sample-ui--mobile .rem-ui-hero-subtitle{font-size:1rem}.rem-preview-panel .rem-device__screen .rem-sample-ui--mobile .rem-ui-hero-buttons{flex-direction:column;width:100%;max-width:16rem}.rem-preview-panel .rem-device__screen .rem-sample-ui--mobile .rem-ui-content{padding:1.5rem 1rem}.rem-preview-panel .rem-device__screen .rem-sample-ui--mobile .rem-ui-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.rem-preview-panel .rem-device__screen .rem-sample-ui--mobile .rem-ui-card{padding:1.25rem}.rem-preview-panel .rem-device__screen .rem-sample-ui--mobile .rem-ui-footer{padding:1.25rem 1rem}.rem-preview-panel .rem-device__screen .rem-sample-ui--mobile .rem-ui-footer-links{flex-direction:column;gap:.5rem}.rem-preview-panel .rem-device__screen .rem-ui-header{background:var(--db-bg-inverse, #1a1a1a);color:#fff;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.rem-preview-panel .rem-device__screen .rem-ui-header-title,.rem-preview-panel .rem-device__screen .rem-ui-header-nav span,.rem-preview-panel .rem-device__screen .rem-ui-header-nav i{color:#fff !important}.rem-preview-panel .rem-device__screen .rem-ui-header-title{font-weight:600;font-size:1.2rem}.rem-preview-panel .rem-device__screen .rem-ui-header-nav{display:flex;align-items:center;gap:2rem;font-size:.9rem}.rem-preview-panel .rem-device__screen .rem-ui-header-nav span{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.rem-preview-panel .rem-device__screen .rem-ui-header-nav i{font-size:1rem}.rem-preview-panel .rem-device__screen .rem-ui-hero{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:6rem 2rem;text-align:center;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.rem-preview-panel .rem-device__screen .rem-ui-hero-overlay{position:absolute;inset:0;background:#000;z-index:0}.rem-preview-panel .rem-device__screen .rem-ui-hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.rem-preview-panel .rem-device__screen .rem-ui-hero-title{font-size:3rem;font-weight:700;margin:0 0 1rem 0;color:#fff}.rem-preview-panel .rem-device__screen .rem-ui-hero-subtitle{font-size:1.25rem;opacity:.95;margin:0 0 2rem 0;color:#fff}.rem-preview-panel .rem-device__screen .rem-ui-hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.rem-preview-panel .rem-device__screen .rem-ui-hero-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.rem-preview-panel .rem-device__screen .rem-ui-hero-button i{font-size:1.125rem}.rem-preview-panel .rem-device__screen .rem-ui-hero-button:hover{opacity:.9;transform:translateY(-1px)}.rem-preview-panel .rem-device__screen .rem-ui-hero-button-primary{background:#fff !important;color:var(--db-color-primary) !important;border:2px solid #fff}.rem-preview-panel .rem-device__screen .rem-ui-hero-button-primary i{color:var(--db-color-primary) !important}.rem-preview-panel .rem-device__screen .rem-ui-hero-button-secondary{background:rgba(255,255,255,.15) !important;color:var(--db-text-inverse-primary) !important;border:2px solid rgba(255,255,255,.9)}.rem-preview-panel .rem-device__screen .rem-ui-content{padding:3rem 2rem;background:var(--db-bg-secondary)}.rem-preview-panel .rem-device__screen .rem-ui-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin-bottom:3rem}.rem-preview-panel .rem-device__screen .rem-ui-card{background:var(--db-bg-primary);padding:2rem;border-radius:8px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.1)}.rem-preview-panel .rem-device__screen .rem-ui-card-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.rem-preview-panel .rem-device__screen .rem-ui-card-icon i{font-size:2.5rem;color:var(--db-color-primary)}.rem-preview-panel .rem-device__screen .rem-ui-card-title{font-size:1.25rem;font-weight:600;color:var(--db-text-primary);margin:0 0 .5rem 0}.rem-preview-panel .rem-device__screen .rem-ui-card-text{color:var(--db-text-secondary);line-height:1.6;margin:0}.rem-preview-panel .rem-device__screen .rem-ui-footer{background:var(--db-bg-inverse, #1a1a1a);color:var(--db-text-inverse-primary, #ffffff);padding:2rem;text-align:center;font-size:.9rem}.rem-preview-panel .rem-device__screen .rem-ui-footer-text,.rem-preview-panel .rem-device__screen .rem-ui-footer-links span{color:inherit}.rem-preview-panel .rem-device__screen .rem-ui-footer-text{margin-bottom:1rem}.rem-preview-panel .rem-device__screen .rem-ui-footer-links{display:flex;justify-content:center;gap:2rem;opacity:.9;color:var(--db-text-inverse-primary, #ffffff)}.rem-preview-panel .rem-device__screen .rem-ui-footer-links span{cursor:pointer}@media only screen and (max-width: 767px){.rem-preview-panel .rem-quick-ref{padding:var(--db-padding-m)}.rem-preview-panel .rem-quick-ref__hint{margin-bottom:var(--db-gap-m);font-size:12px}.rem-preview-panel .rem-quick-ref__grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--db-gap-s)}.rem-preview-panel .rem-quick-value{min-height:40px;padding:10px 12px;font-size:12px}.rem-preview-panel .rem-type-scale,.rem-preview-panel .rem-spacing-scale,.rem-preview-panel .rem-components-scale{padding:var(--db-padding-m)}.rem-preview-panel .rem-type-scale__row,.rem-preview-panel .rem-spacing-scale__row{grid-template-columns:1fr auto;grid-template-areas:"meta size" "body body";align-items:start;gap:var(--db-gap-xs) var(--db-gap-m);padding:var(--db-gap-m) 0}.rem-preview-panel .rem-type-scale__meta,.rem-preview-panel .rem-spacing-scale__meta{grid-area:meta}.rem-preview-panel .rem-type-scale__size,.rem-preview-panel .rem-spacing-scale__size{grid-area:size;justify-self:end;max-width:none}.rem-preview-panel .rem-type-scale__preview{grid-area:body;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}.rem-preview-panel .rem-type-scale__preview::-webkit-scrollbar{display:none}.rem-preview-panel .rem-type-scale__row--body-lg .rem-type-scale__preview,.rem-preview-panel .rem-type-scale__row--body .rem-type-scale__preview,.rem-preview-panel .rem-type-scale__row--small .rem-type-scale__preview,.rem-preview-panel .rem-type-scale__row--caption .rem-type-scale__preview{white-space:normal;overflow-x:visible}.rem-preview-panel .rem-spacing-scale__viz{grid-area:body;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.rem-preview-panel .rem-components-scale__row{grid-template-columns:1fr;grid-template-areas:"meta" "body" "size";align-items:start;gap:var(--db-gap-s);padding:var(--db-gap-m) 0}.rem-preview-panel .rem-components-scale__row--tall .rem-components-scale__size{padding-top:0}.rem-preview-panel .rem-components-scale__meta{grid-area:meta}.rem-preview-panel .rem-components-scale__preview{grid-area:body;width:100%;min-width:0}.rem-preview-panel .rem-components-scale__preview input.rem-comp-field,.rem-preview-panel .rem-components-scale__preview textarea.rem-comp-field,.rem-preview-panel .rem-components-scale__preview select.rem-comp-field,.rem-preview-panel .rem-components-scale__preview .rem-comp-select-wrap,.rem-preview-panel .rem-components-scale__preview .rem-comp-accordion,.rem-preview-panel .rem-components-scale__preview .rem-comp-table-wrap{max-width:100%}.rem-preview-panel .rem-components-scale__size{grid-area:size;max-width:none;text-align:left}.rem-preview-panel .rem-components-scale__size .rem-comp-spec{align-items:flex-start}.rem-preview-panel .rem-components-scale__size .rem-comp-spec__row{grid-template-columns:4.25rem minmax(0, 1fr)}.rem-preview-panel .rem-components-scale__size .rem-comp-spec__val{justify-content:flex-start}.rem-preview-panel .rem-comp-check{display:flex;align-items:flex-start;max-width:100%}.rem-preview-panel .rem-comp-check__label{flex:1;min-width:0;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.rem-preview-panel .rem-comp-btn-row{display:flex;flex-wrap:wrap;gap:var(--db-gap-s)}.rem-preview-panel .rem-ui-devices{padding:var(--db-padding-m)}}@media only screen and (max-width: 479px){.rem-preview-panel .rem-quick-ref__grid{grid-template-columns:1fr}}.tool-page--rem-calculator .tool-page-sidebar .rem-section,.rem-calculator-sidebar .rem-section{margin-bottom:24px}.tool-page--rem-calculator .tool-page-sidebar .rem-section:last-child,.rem-calculator-sidebar .rem-section:last-child{border-bottom:none}.tool-page--rem-calculator .tool-page-sidebar .rem-input-group,.rem-calculator-sidebar .rem-input-group{margin-bottom:14px}.tool-page--rem-calculator .tool-page-sidebar .rem-input-group label,.rem-calculator-sidebar .rem-input-group label{display:block;font-size:.8rem;color:var(--db-text-secondary);margin-bottom:6px;font-weight:500}.tool-page--rem-calculator .tool-page-sidebar .rem-input-group input[type=number],.rem-calculator-sidebar .rem-input-group input[type=number]{width:100%;height:34px;padding:0 10px;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background:var(--db-bg-secondary);color:var(--db-text-primary);font-size:13px;box-sizing:border-box}.tool-page--rem-calculator .tool-page-sidebar .rem-input-hint,.rem-calculator-sidebar .rem-input-hint{font-size:.75rem;color:var(--db-text-secondary);margin-top:4px}.tool-page--rem-calculator .tool-page-sidebar .rem-section--convert .rem-convert-segments.segment-tabs,.rem-calculator-sidebar .rem-section--convert .rem-convert-segments.segment-tabs{display:flex;gap:var(--db-gap-xxs);width:100%;margin-bottom:14px;padding:var(--db-padding-xxs);background:var(--db-bg-secondary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-sizing:border-box}.tool-page--rem-calculator .tool-page-sidebar .rem-section--convert .rem-convert-segments.segment-tabs .segment-tab,.rem-calculator-sidebar .rem-section--convert .rem-convert-segments.segment-tabs .segment-tab{flex:1 1 0;min-width:0;padding:8px 10px;border:none;border-radius:var(--db-radius-s);background:rgba(0,0,0,0);font-size:12px;font-weight:500;line-height:1.3;color:var(--db-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.tool-page--rem-calculator .tool-page-sidebar .rem-section--convert .rem-convert-segments.segment-tabs .segment-tab:hover:not(.active),.rem-calculator-sidebar .rem-section--convert .rem-convert-segments.segment-tabs .segment-tab:hover:not(.active){color:var(--db-text-primary)}.tool-page--rem-calculator .tool-page-sidebar .rem-section--convert .rem-convert-segments.segment-tabs .segment-tab.active,.rem-calculator-sidebar .rem-section--convert .rem-convert-segments.segment-tabs .segment-tab.active{background:var(--db-bg-primary);color:var(--db-text-primary);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}.tool-page--rem-calculator .tool-page-sidebar .rem-section--convert .rem-convert-segments.segment-tabs .segment-tab:focus-visible,.rem-calculator-sidebar .rem-section--convert .rem-convert-segments.segment-tabs .segment-tab:focus-visible{outline:2px solid var(--db-color-primary);outline-offset:2px}.tool-page--rem-calculator .tool-page-sidebar .rem-section--convert .rem-convert-panel[hidden],.rem-calculator-sidebar .rem-section--convert .rem-convert-panel[hidden]{display:none !important}.tool-page--rem-calculator .tool-page-sidebar .rem-calc-table,.rem-calculator-sidebar .rem-calc-table{background:var(--db-bg-secondary);border-radius:6px;padding:12px;margin-top:12px}.tool-page--rem-calculator .tool-page-sidebar .rem-calc-row,.rem-calculator-sidebar .rem-calc-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.85rem;border-bottom:1px solid var(--db-border-base)}.tool-page--rem-calculator .tool-page-sidebar .rem-calc-row:last-child,.rem-calculator-sidebar .rem-calc-row:last-child{border-bottom:none}.tool-page--rem-calculator .tool-page-sidebar .rem-calc-label,.rem-calculator-sidebar .rem-calc-label{color:var(--db-text-secondary);font-weight:500}.tool-page--rem-calculator .tool-page-sidebar .rem-calc-result,.rem-calculator-sidebar .rem-calc-result{color:var(--db-color-primary);font-weight:600}.tool-page--rem-calculator .tool-page-sidebar .rem-formula,.rem-calculator-sidebar .rem-formula{background:var(--db-bg-tertiary);border-left:3px solid var(--db-color-primary);padding:10px;border-radius:4px;margin-top:12px;font-size:.8rem;color:var(--db-text-primary);line-height:1.4}.tool-page--rem-calculator .tool-page-sidebar .rem-tip,.rem-calculator-sidebar .rem-tip{background:#fff8f0;border-left:3px solid #f59e0b;padding:10px;border-radius:4px;color:#7a3800;font-size:.8rem;line-height:1.4;margin:10px 0 0}body.page-template-page-rem-calculator .site-main>:not(.tool-page){display:none}@media only screen and (max-width: 1024px){.tool-page--rem-calculator .tool-page-layout--document-scroll .rem-preview-panel{flex:none;min-height:0;height:auto;overflow:visible}.tool-page--rem-calculator .tool-page-layout--document-scroll .rem-preview-panel .rem-tab-content{flex:none;min-height:0;overflow:visible}.tool-page--rem-calculator .tool-page-layout--document-scroll .rem-preview-panel .rem-tab-content.active:not([hidden]){display:block}.tool-page--rem-calculator .tool-page-layout--document-scroll .rem-preview-panel .rem-tab-content#quick-ref-tab.active:not([hidden]) .rem-quick-ref{flex:none;min-height:0}}.unit-price-proposal-modal{max-width:1200px}.page-unit-price-calculator{position:relative}.page-unit-price-calculator .grid-unit-price-calculator{border-top:1px solid var(--db-border-base)}.page-unit-price-calculator .unit-price-left-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:var(--db-padding-m);max-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 64px))}.page-unit-price-calculator .unit-price-controls{width:100%;max-width:600px;margin:0 auto}.page-unit-price-calculator .unit-price-header .unit-price-title{font-size:2rem;font-weight:700;margin:0 0 8px 0;background:linear-gradient(to right, #6366f1, #8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.page-unit-price-calculator .unit-price-header .unit-price-subtitle{font-size:.875rem;color:var(--db-text-secondary);margin:0}.page-unit-price-calculator .unit-price-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-unit-price-calculator .unit-price-section-title{font-size:1.25rem;font-weight:600;margin:0;display:flex;align-items:center;gap:8px;color:var(--db-text-primary)}.page-unit-price-calculator .unit-price-section-title i{color:var(--db-color-primary)}.page-unit-price-calculator .unit-price-model-toggle{display:flex;background:var(--db-bg-tertiary);padding:4px;border-radius:8px;border:1px solid var(--db-border-base);margin-bottom:24px;gap:4px}.page-unit-price-calculator .unit-price-model-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:.875rem;border:none;background:rgba(0,0,0,0);color:var(--db-text-secondary);border-radius:6px;cursor:pointer;transition:all .2s}.page-unit-price-calculator .unit-price-model-btn:hover{color:var(--db-text-primary)}.page-unit-price-calculator .unit-price-model-btn.active{background:var(--db-color-primary);color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.page-unit-price-calculator .unit-price-model-btn i{font-size:1rem}.page-unit-price-calculator .unit-price-control-group{margin-bottom:24px}.page-unit-price-calculator .unit-price-control-group:last-child{margin-bottom:0}.page-unit-price-calculator .unit-price-label{display:block;font-weight:500;color:var(--db-text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.page-unit-price-calculator .unit-price-label i{font-size:1rem}.page-unit-price-calculator .unit-price-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.page-unit-price-calculator .unit-price-value{font-size:1rem;font-weight:700;color:var(--db-color-primary)}.page-unit-price-calculator .unit-price-select{width:100%}.page-unit-price-calculator .unit-price-slider{width:100%}.page-unit-price-calculator .unit-price-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--db-color-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.page-unit-price-calculator .unit-price-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--db-color-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.page-unit-price-calculator .unit-price-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--db-text-tertiary);margin-bottom:8px}.page-unit-price-calculator .unit-price-range-labels .unit-price-range-value{font-weight:600;color:var(--db-text-primary)}.page-unit-price-calculator .unit-price-rate-display{display:flex;align-items:center;gap:8px;background:var(--db-bg-tertiary);padding:8px 12px;border-radius:6px;border:1px solid var(--db-border-base);margin-top:8px}.page-unit-price-calculator .unit-price-rate-label{font-size:.75rem;color:var(--db-text-secondary)}.page-unit-price-calculator .unit-price-rate-input{flex:1;background:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:4px;padding:4px 8px;text-align:right;font-size:.75rem;color:var(--db-text-primary);font-family:monospace}.page-unit-price-calculator .unit-price-rate-input:focus{outline:none;border-color:var(--db-color-primary)}.page-unit-price-calculator .unit-price-currency{font-size:.75rem;color:var(--db-text-secondary)}.page-unit-price-calculator .unit-price-difficulty-buttons{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin-bottom:8px}.page-unit-price-calculator .unit-price-difficulty-btn{padding:10px;border:1px solid var(--db-border-base);background:var(--db-bg-tertiary);color:var(--db-text-secondary);border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s}.page-unit-price-calculator .unit-price-difficulty-btn:hover{background:var(--db-bg-secondary);color:var(--db-text-primary)}.page-unit-price-calculator .unit-price-difficulty-btn.active{background:var(--db-color-primary);border-color:var(--db-color-primary);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.3)}.page-unit-price-calculator .unit-price-hint{font-size:.75rem;color:var(--db-text-tertiary);margin:0}.page-unit-price-calculator .unit-price-addons-list{display:flex;flex-direction:column;gap:8px}.page-unit-price-calculator .unit-price-addon-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--db-border-base);background:var(--db-bg-tertiary);border-radius:8px;cursor:pointer;transition:all .2s}.page-unit-price-calculator .unit-price-addon-item:hover{border-color:var(--db-text-secondary)}.page-unit-price-calculator .unit-price-addon-item.active{background:rgba(99,102,241,.1);border-color:var(--db-color-primary);box-shadow:0 0 0 1px rgba(99,102,241,.3)}.page-unit-price-calculator .unit-price-addon-checkbox{margin-right:12px;position:relative;flex-shrink:0}.page-unit-price-calculator .unit-price-addon-checkbox input[type=checkbox]{width:18px;height:18px;min-width:18px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--db-border-base);border-radius:4px;background:var(--db-bg-primary);margin:0;position:relative;transition:all .2s}.page-unit-price-calculator .unit-price-addon-checkbox input[type=checkbox]:hover{border-color:var(--db-color-primary)}.page-unit-price-calculator .unit-price-addon-checkbox input[type=checkbox]:checked{background:var(--db-color-primary);border-color:var(--db-color-primary)}.page-unit-price-calculator .unit-price-addon-checkbox input[type=checkbox]:checked::after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.page-unit-price-calculator .unit-price-addon-checkbox label{display:none}.page-unit-price-calculator .unit-price-addon-info{flex:1;display:flex;flex-direction:column;gap:4px}.page-unit-price-calculator .unit-price-addon-label{font-size:.875rem;color:var(--db-text-primary);font-weight:500}.page-unit-price-calculator .unit-price-addon-hint{font-size:.625rem;color:var(--db-color-primary);font-weight:500}.page-unit-price-calculator .unit-price-addon-price{font-size:.75rem;font-weight:600;color:var(--db-color-primary)}.page-unit-price-calculator .unit-price-no-addons{font-size:.75rem;color:var(--db-text-tertiary);padding:12px;text-align:center}.page-unit-price-calculator .unit-price-info-box{padding:12px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:.75rem;color:var(--db-text-primary);margin-top:8px}.page-unit-price-calculator .unit-price-info-box p{margin:0 0 4px 0}.page-unit-price-calculator .unit-price-info-box p:last-child{margin-bottom:0;opacity:.7}.page-unit-price-calculator .unit-price-toggle-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--db-bg-tertiary);border:1px solid var(--db-border-base);border-radius:8px;margin-bottom:8px}.page-unit-price-calculator .unit-price-toggle-label{font-size:.875rem;color:var(--db-text-primary)}.page-unit-price-calculator .unit-price-switch{position:relative;display:inline-block;width:48px;height:24px}.page-unit-price-calculator .unit-price-switch input{opacity:0;width:0;height:0}.page-unit-price-calculator .unit-price-switch input:checked+.unit-price-slider-switch{background-color:#f59e0b}.page-unit-price-calculator .unit-price-switch input:checked+.unit-price-slider-switch:before{transform:translateX(24px)}.page-unit-price-calculator .unit-price-slider-switch{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--db-bg-secondary);transition:.3s;border-radius:24px}.page-unit-price-calculator .unit-price-slider-switch:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.page-unit-price-calculator .unit-price-rush-control{padding-top:12px}.page-unit-price-calculator .unit-price-tax-buttons{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.page-unit-price-calculator .unit-price-tax-btn{padding:10px;border:1px solid var(--db-border-base);background:var(--db-bg-tertiary);color:var(--db-text-secondary);border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s}.page-unit-price-calculator .unit-price-tax-btn:hover{background:var(--db-bg-secondary);color:var(--db-text-primary)}.page-unit-price-calculator .unit-price-tax-btn.active{background:var(--db-color-primary);border-color:var(--db-color-primary);color:#fff}.page-unit-price-calculator .unit-price-tax-btn[data-tax=WH].active{background:#10b981;border-color:#10b981}.page-unit-price-calculator .unit-price-services{border-top:1px solid var(--db-border-base);padding-top:24px}.page-unit-price-calculator .unit-price-services-list{display:grid;grid-template-columns:1fr;gap:8px}.page-unit-price-calculator .unit-price-service-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--db-border-base);background:var(--db-bg-tertiary);border-radius:8px;cursor:pointer;transition:all .2s}.page-unit-price-calculator .unit-price-service-item:hover{border-color:var(--db-text-secondary)}.page-unit-price-calculator .unit-price-service-item.active{background:rgba(16,185,129,.1);border-color:#10b981}.page-unit-price-calculator .unit-price-service-checkbox{flex-shrink:0;position:relative}.page-unit-price-calculator .unit-price-service-checkbox input[type=checkbox]{width:18px;height:18px;min-width:18px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--db-border-base);border-radius:4px;background:var(--db-bg-primary);margin:0;position:relative;transition:all .2s}.page-unit-price-calculator .unit-price-service-checkbox input[type=checkbox]:hover{border-color:#10b981}.page-unit-price-calculator .unit-price-service-checkbox input[type=checkbox]:checked{background:#10b981;border-color:#10b981}.page-unit-price-calculator .unit-price-service-checkbox input[type=checkbox]:checked::after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.page-unit-price-calculator .unit-price-service-checkbox label{display:none}.page-unit-price-calculator .unit-price-service-label{flex:1;font-size:.875rem;color:var(--db-text-primary)}.page-unit-price-calculator .unit-price-service-badge{font-size:.75rem;font-weight:700;color:#10b981}.page-unit-price-calculator .unit-price-right-panel{width:100%;max-width:500px;background:var(--db-bg-secondary);color:var(--db-text-primary);overflow-y:auto;max-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 64px));position:sticky;top:72px}.page-unit-price-calculator .unit-price-results{padding:var(--db-padding-m)}.page-unit-price-calculator .unit-price-chart-container{margin:24px 0}.page-unit-price-calculator .unit-price-chart{width:100%;height:256px;position:relative}.page-unit-price-calculator .unit-price-chart-placeholder{display:flex;align-items:center;justify-content:center;height:100%;background:var(--db-bg-tertiary);border-radius:8px;color:var(--db-text-tertiary)}.page-unit-price-calculator .unit-price-breakdown{display:flex;flex-direction:column;gap:12px;margin:24px 0}.page-unit-price-calculator .unit-price-breakdown-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.page-unit-price-calculator .unit-price-breakdown-label{color:var(--db-text-secondary)}.page-unit-price-calculator .unit-price-breakdown-value{font-weight:500;color:var(--db-text-primary)}.page-unit-price-calculator .unit-price-breakdown-value.negative{color:var(--db-text-tertiary)}.page-unit-price-calculator .unit-price-breakdown-addon .unit-price-breakdown-value{color:var(--db-color-primary)}.page-unit-price-calculator .unit-price-breakdown-tax{padding-top:12px;border-top:1px solid var(--db-border-base)}.page-unit-price-calculator .unit-price-total{padding-top:24px;border-top:1px solid var(--db-border-base);margin-top:24px}.page-unit-price-calculator .unit-price-total-label{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.page-unit-price-calculator .unit-price-total-label>span:first-child{font-size:1.125rem;font-weight:500;color:var(--db-text-secondary)}.page-unit-price-calculator .unit-price-tax-note{font-size:.75rem;color:var(--db-text-tertiary)}.page-unit-price-calculator .unit-price-total-value{display:flex;align-items:baseline;gap:4px;font-size:2.5rem;font-weight:700;color:var(--db-text-primary)}.page-unit-price-calculator .unit-price-total-value .unit-price-currency{font-size:1.25rem;font-weight:400;color:var(--db-text-secondary)}.page-unit-price-calculator .unit-price-proposal-btn{width:100%;margin-top:24px;padding:16px;font-size:1rem;font-weight:600;background:linear-gradient(to right, #6366f1, #8b5cf6);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px rgba(99,102,241,.25)}.page-unit-price-calculator .unit-price-proposal-btn:hover{transform:scale(1.02);box-shadow:0 6px 16px rgba(99,102,241,.35)}.page-unit-price-calculator .unit-price-proposal-btn:active{transform:scale(0.98)}.page-unit-price-calculator .unit-price-proposal-btn i{font-size:1.25rem}.page-unit-price-calculator #settingsModal .modal,.page-unit-price-calculator #proposalModal .modal{max-width:512px}@media(min-width: 768px){.page-unit-price-calculator #settingsModal .modal,.page-unit-price-calculator #proposalModal .modal{max-width:600px}}.page-unit-price-calculator #proposalModal .modal{max-width:900px}.page-unit-price-calculator .unit-price-modal-tabs{display:flex;border-bottom:1px solid var(--db-border-base);background:var(--db-bg-tertiary);padding:0 var(--db-padding-s);gap:4px}.page-unit-price-calculator .unit-price-modal-tab{padding:12px 16px;background:rgba(0,0,0,0);border:none;color:var(--db-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-1px}.page-unit-price-calculator .unit-price-modal-tab:hover{color:var(--db-text-primary)}.page-unit-price-calculator .unit-price-modal-tab.active{color:var(--db-color-primary);border-bottom-color:var(--db-color-primary)}.page-unit-price-calculator .unit-price-modal-tab.active::after{display:none}.page-unit-price-calculator .unit-price-settings-profile,.page-unit-price-calculator .unit-price-settings-rates{display:flex;flex-direction:column;gap:16px}.page-unit-price-calculator .unit-price-settings-group{display:flex;flex-direction:column;gap:8px}.page-unit-price-calculator .unit-price-settings-label{font-size:.875rem;font-weight:500;color:var(--db-text-secondary)}.page-unit-price-calculator .unit-price-settings-input{width:100%;padding:10px 12px;background:var(--db-bg-tertiary);border:1px solid var(--db-border-base);border-radius:6px;color:var(--db-text-primary);font-size:.875rem;transition:all .2s}.page-unit-price-calculator .unit-price-settings-input:focus{outline:none;border-color:var(--db-color-primary);box-shadow:0 0 0 2px rgba(99,102,241,.1)}.page-unit-price-calculator .unit-price-settings-input::placeholder{color:var(--db-text-tertiary)}.page-unit-price-calculator .unit-price-settings-rate-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--db-bg-tertiary);border:1px solid var(--db-border-base);border-radius:6px;gap:12px}.page-unit-price-calculator .unit-price-settings-rate-input-wrapper{display:flex;align-items:center;gap:8px}.page-unit-price-calculator .unit-price-settings-rate-input{width:120px;padding:8px 10px;background:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:4px;text-align:right;color:var(--db-text-primary);font-size:.875rem;font-family:monospace}.page-unit-price-calculator .unit-price-settings-rate-input:focus{outline:none;border-color:var(--db-color-primary)}.page-unit-price-calculator #proposalModal .modal{max-width:1200px;width:95%}.page-unit-price-calculator #proposalModal .modal-body{padding:20px;background:var(--db-bg-primary);overflow-y:auto}.page-unit-price-calculator .unit-price-proposal-document{background:#fff;color:#1e293b;border-radius:8px;overflow:hidden;max-width:900px;margin:0 auto;box-shadow:0 4px 6px rgba(0,0,0,.1)}.page-unit-price-calculator .unit-price-proposal-content{padding:48px}.page-unit-price-calculator .text-right{text-align:right}@media print{.page-unit-price-calculator body{background:#fff !important}.page-unit-price-calculator body>*:not(#proposalModal){display:none !important}.page-unit-price-calculator .modal-wrapper{position:static !important;display:block !important;opacity:1 !important;visibility:visible !important;padding:0 !important;width:100% !important;height:auto !important}.page-unit-price-calculator .dim,.page-unit-price-calculator .modal-header,.page-unit-price-calculator .unit-price-modal-tabs,.page-unit-price-calculator .modal-footer{display:none !important}.page-unit-price-calculator .modal{max-width:none !important;box-shadow:none !important;border:none !important;position:static !important;transform:none !important;opacity:1 !important;visibility:visible !important;width:100% !important;margin:0 !important;padding:0 !important}.page-unit-price-calculator .modal-body{padding:0 !important;overflow:visible !important;max-height:none !important}.page-unit-price-calculator .unit-price-proposal-document{background:#fff !important;color:#1e293b !important;box-shadow:none !important;margin:0 !important;max-width:none !important}}@media(max-width: 1024px){.page-unit-price-calculator .grid-unit-price-calculator{flex-direction:column}.page-unit-price-calculator .unit-price-right-panel{max-width:100%;position:static}}.page-unit-price-calculator .unit-price-left-panel::-webkit-scrollbar,.page-unit-price-calculator .unit-price-right-panel::-webkit-scrollbar,.page-unit-price-calculator .unit-price-modal-body::-webkit-scrollbar{width:6px}.page-unit-price-calculator .unit-price-left-panel::-webkit-scrollbar-track,.page-unit-price-calculator .unit-price-right-panel::-webkit-scrollbar-track,.page-unit-price-calculator .unit-price-modal-body::-webkit-scrollbar-track{background:var(--db-bg-tertiary);border-radius:3px}.page-unit-price-calculator .unit-price-left-panel::-webkit-scrollbar-thumb,.page-unit-price-calculator .unit-price-right-panel::-webkit-scrollbar-thumb,.page-unit-price-calculator .unit-price-modal-body::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:3px}.page-unit-price-calculator .unit-price-left-panel::-webkit-scrollbar-thumb:hover,.page-unit-price-calculator .unit-price-right-panel::-webkit-scrollbar-thumb:hover,.page-unit-price-calculator .unit-price-modal-body::-webkit-scrollbar-thumb:hover{background:var(--db-color-primary)}.tool-page--size-guide .tool-page-sidebar.design-size-guide-sidebar{padding:0;display:flex;flex-direction:column;min-height:0}.design-size-sidebar__section{flex-shrink:0;padding:var(--db-padding-m);border-bottom:1px solid var(--db-border-base)}.design-size-sidebar__section--categories{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding-bottom:var(--db-padding-m);border-bottom:none}.design-size-sidebar__heading{margin:0 0 var(--db-gap-s);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--db-text-tertiary)}.design-size-sidebar-nav{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.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-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)}}.design-tool-shortcuts-tool{padding-top:var(--db-padding-m);padding-bottom:var(--db-padding-2xl)}.page-design-tool-shortcuts .design-tool-shortcuts-os-switcher{display:inline-flex;background:var(--db-bg-secondary);padding:2px;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);border:1px solid var(--db-border-base)}.page-design-tool-shortcuts .design-tool-shortcuts-os-btn{display:flex;align-items:center;gap:4px;padding:3px var(--db-padding-m);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);font-size:var(--db-text-xs);font-weight:500;transition:all .2s;border:none;background:rgba(0,0,0,0);color:var(--db-text-tertiary);cursor:pointer}.page-design-tool-shortcuts .design-tool-shortcuts-os-btn i{font-size:12px;display:none}.page-design-tool-shortcuts .design-tool-shortcuts-os-btn:hover{color:var(--db-text-secondary)}.page-design-tool-shortcuts .design-tool-shortcuts-os-btn.active{background:var(--db-bg-primary);color:var(--db-text-primary);box-shadow:0 1px 2px rgba(0,0,0,.1)}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-section{position:relative}@media(min-width: 640px){.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-section{padding:0 var(--db-padding-l) var(--db-padding-2xl)}}@media(min-width: 1024px){.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-section{padding:0 var(--db-padding-xl) var(--db-padding-2xl)}}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-wrapper{position:relative;max-width:100%;overflow:hidden;background:var(--db-bg-primary);padding:var(--db-padding-m);border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl);box-shadow:var(--db-shadow-lg);border:1px solid var(--db-border-base);margin-top:0}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-header{display:flex;justify-content:space-between;align-items:center;height:32px;gap:var(--db-padding-m);margin-bottom:var(--db-margin-s)}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-header h4{font-size:var(--db-text-base);margin:0}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-legend{display:flex;gap:var(--db-padding-m);font-size:var(--db-text-xs);font-family:monospace;color:var(--db-text-tertiary)}@media(max-width: 767px){.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-legend{display:none}}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-legend-item{display:flex;align-items:center;gap:var(--db-padding-xs)}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-legend-dot{width:8px;height:8px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;background:var(--db-border-base)}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-legend-dot.bg-blue-400{background:var(--db-color-primary);opacity:.8}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-legend-dot.bg-orange-400{background:#fb923c;opacity:.8}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-legend-dot.bg-purple-400{background:#a855f7;opacity:.8}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-legend-dot.bg-indigo-400{background:#818cf8;opacity:.8}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-legend-dot.bg-pink-400{background:#f472b6;opacity:.8}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-legend-dot.bg-yellow-500{background:#eab308;opacity:.8}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-container{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-container::-webkit-scrollbar{height:8px}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-container::-webkit-scrollbar-track{background:var(--db-bg-secondary);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-container::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-container::-webkit-scrollbar-thumb:hover{background:var(--db-border-layer-1)}@media(max-width: 1024px)and (min-width: 768px){.page-design-tool-shortcuts .design-tool-shortcuts-keyboard{min-width:800px}}@media(min-width: 1025px){.page-design-tool-shortcuts .design-tool-shortcuts-keyboard{min-width:auto}}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-row{display:flex;gap:var(--db-padding-xs);justify-content:center;margin-bottom:var(--db-padding-xs)}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-row:last-child{margin-bottom:0}.page-design-tool-shortcuts .design-tool-shortcuts-key{height:48px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);display:flex;align-items:center;justify-content:center;font-size:var(--db-text-xs);font-weight:500;transition:all .1s;border:1px solid;border-bottom-width:3px;cursor:pointer;position:relative}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-normal{width:48px}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-125{width:3.5rem}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-15{width:5rem}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-18{width:6rem}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-2{width:7rem}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-22{width:8rem}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-25{width:9rem}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-5{width:18rem}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-6{width:24rem}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-disabled{background:var(--db-bg-secondary);border-color:var(--db-border-base);color:var(--db-text-tertiary);cursor:default}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-disabled span{color:var(--db-text-tertiary)}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-valid{background:var(--db-bg-primary);border-color:var(--db-border-base);color:var(--db-text-secondary)}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-valid:hover{color:var(--db-text-primary);border-color:var(--db-border-layer-1)}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-valid i{font-size:12px}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-active{background:var(--db-bg-primary);border-color:var(--db-border-base);color:var(--db-text-primary);font-weight:700;box-shadow:var(--db-shadow-sm)}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-active:hover{background:var(--db-bg-secondary);border-color:var(--db-border-layer-1);color:var(--db-text-primary)}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-active i{font-size:12px}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-selected{background:var(--db-bg-tertiary);border-color:var(--db-border-layer-1);z-index:10}.page-design-tool-shortcuts .design-tool-shortcuts-key.design-tool-shortcuts-key-selected i{font-size:12px}.page-design-tool-shortcuts .design-tool-shortcuts-key .design-tool-shortcuts-key-split{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:6px 0;line-height:1}.page-design-tool-shortcuts .design-tool-shortcuts-key .design-tool-shortcuts-key-shift-label{font-size:var(--db-text-xs);color:var(--db-text-tertiary)}.page-design-tool-shortcuts .design-tool-shortcuts-key .design-tool-shortcuts-key-main-label{font-size:var(--db-text-s);font-weight:600}.page-design-tool-shortcuts .design-tool-shortcuts-key .design-tool-shortcuts-key-korean{position:relative;width:100%;height:100%}.page-design-tool-shortcuts .design-tool-shortcuts-key .design-tool-shortcuts-key-korean-char{position:absolute;top:4px;right:6px;font-size:10px;color:var(--db-text-tertiary);font-weight:500;line-height:1;opacity:.7;font-family:sans-serif}@media(min-width: 640px){.page-design-tool-shortcuts .design-tool-shortcuts-key .design-tool-shortcuts-key-korean-char{font-size:var(--db-text-xs)}}.page-design-tool-shortcuts .design-tool-shortcuts-key .design-tool-shortcuts-key-korean-main{position:absolute;bottom:4px;left:6px;font-size:var(--db-text-s);font-weight:600;line-height:1}@media(min-width: 640px){.page-design-tool-shortcuts .design-tool-shortcuts-key .design-tool-shortcuts-key-korean-main{font-size:var(--db-text-base)}}.page-design-tool-shortcuts .design-tool-shortcuts-key .design-tool-shortcuts-key-command-label{font-size:10px;line-height:1}.page-design-tool-shortcuts .design-tool-shortcuts-key .design-tool-shortcuts-key-opt-symbol{font-size:var(--db-text-xs)}.page-design-tool-shortcuts .design-tool-shortcuts-key .design-tool-shortcuts-key-opt-label{font-size:10px;line-height:1}.page-design-tool-shortcuts .design-tool-shortcuts-key svg{width:20px;height:20px}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-hint{margin-top:var(--db-margin-m);text-align:center;font-size:var(--db-text-xs);color:var(--db-text-tertiary)}.page-design-tool-shortcuts .design-tool-shortcuts-active-key{position:absolute;left:50%;transform:translateX(-50%);width:90%;max-width:400px;z-index:50;animation:fadeInUp .3s ease-out;margin-top:var(--db-padding-xs)}@media(min-width: 400px){.page-design-tool-shortcuts .design-tool-shortcuts-active-key{width:100%}}@keyframes fadeInUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-content{background:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-xl);-webkit-border-radius:var(--db-radius-xl);-moz-border-radius:var(--db-radius-xl);-ms-border-radius:var(--db-radius-xl);overflow:hidden;box-shadow:var(--db-shadow-lg);position:relative}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-header{display:flex;align-items:center;justify-content:space-between;padding:var(--db-padding-m)}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-header-left{display:flex;align-items:center;gap:var(--db-padding-m)}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-icon{width:48px;height:48px;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background:var(--db-bg-secondary);display:flex;align-items:center;justify-content:center;border:1px solid var(--db-border-base)}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-icon span{font-size:var(--db-text-s);font-weight:700;color:var(--db-text-primary)}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-title{font-size:var(--db-text-base);font-weight:700;color:var(--db-text-primary);margin:0}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-count{font-size:var(--db-text-xs);color:var(--db-text-tertiary);margin-bottom:0}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-close{padding:6px;background:rgba(0,0,0,0);border-radius:9999px;-webkit-border-radius:9999px;-moz-border-radius:9999px;-ms-border-radius:9999px;transition:all .2s;border:none;color:var(--db-text-tertiary);cursor:pointer}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-close:hover{background:var(--db-bg-secondary);color:var(--db-text-primary)}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-close i{font-size:16px}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-list{padding:0 var(--db-padding-m) var(--db-padding-m);max-height:300px;overflow-y:auto}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-list::-webkit-scrollbar{width:6px}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-list::-webkit-scrollbar-track{background:var(--db-bg-secondary);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-list::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-list::-webkit-scrollbar-thumb:hover{background:var(--db-border-layer-1)}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-item{display:flex;gap:var(--db-padding-xs);background:var(--db-bg-secondary);padding:var(--db-padding-s);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);border:1px solid var(--db-border-base);margin-bottom:var(--db-padding-xs);flex-direction:row;align-items:center;justify-content:space-between}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-item-desc{font-size:var(--db-text-s);font-weight:500;color:var(--db-text-secondary)}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-item-keys{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-item-key{padding:2px 6px;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);font-size:var(--db-text-xs);font-family:monospace;min-width:20px;text-align:center;border:1px solid;background:var(--db-bg-tertiary);color:var(--db-text-secondary);border-color:var(--db-border-base)}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-item-key.active{background:var(--db-color-primary);color:var(--db-text-inverse-primary);font-weight:700;border-color:var(--db-color-primary)}.page-design-tool-shortcuts .design-tool-shortcuts-active-key-item-plus{font-size:10px;color:var(--db-text-tertiary)}.page-design-tool-shortcuts .design-tool-shortcuts-table-section{width:100%;max-width:760px;margin:auto}.page-design-tool-shortcuts .design-tool-shortcuts-table-header{display:flex;align-items:center;gap:var(--db-padding-m);margin-bottom:var(--db-margin-xl)}.page-design-tool-shortcuts .design-tool-shortcuts-table-header-title{font-size:var(--db-text-2xl);font-weight:700;color:var(--db-text-primary);margin:0}.page-design-tool-shortcuts .design-tool-shortcuts-table-list{display:flex;flex-direction:column;gap:var(--db-margin-xl)}.page-design-tool-shortcuts .design-tool-shortcuts-table-category{background:var(--db-bg-secondary);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);overflow:hidden;border:1px solid var(--db-border-base);backdrop-filter:blur(8px)}.page-design-tool-shortcuts .design-tool-shortcuts-table-category-header{background:var(--db-bg-tertiary);padding:var(--db-padding-s) var(--db-padding-m);border-bottom:1px solid var(--db-border-base);display:flex;align-items:center;gap:var(--db-padding-xs)}.page-design-tool-shortcuts .design-tool-shortcuts-table-category-title{font-size:var(--db-text-base);font-weight:600;color:var(--db-text-secondary);margin:0}.page-design-tool-shortcuts .design-tool-shortcuts-table-category-list{display:flex;flex-direction:column}.page-design-tool-shortcuts .design-tool-shortcuts-table-item{display:flex;gap:var(--db-padding-xs);padding:var(--db-padding-m);border-bottom:1px solid var(--db-border-base);background-color:var(--db-bg-primary);transition:background .2s;flex-direction:row;align-items:center;justify-content:space-between}.page-design-tool-shortcuts .design-tool-shortcuts-table-item:last-child{border-bottom:none}.page-design-tool-shortcuts .design-tool-shortcuts-table-item:hover{background:var(--db-bg-secondary)}.page-design-tool-shortcuts .design-tool-shortcuts-table-item-desc{font-weight:500;color:var(--db-text-secondary);transition:color .2s}.design-tool-shortcuts-table-item:hover .page-design-tool-shortcuts .design-tool-shortcuts-table-item-desc{color:var(--db-text-primary)}.page-design-tool-shortcuts .design-tool-shortcuts-table-item-keys{display:flex;align-items:center;gap:4px}.page-design-tool-shortcuts .design-tool-shortcuts-table-item-key{padding:2px 6px;border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s);background:var(--db-bg-tertiary);font-family:monospace;font-size:var(--db-text-xs);min-width:24px;text-align:center;color:var(--db-text-primary)}.page-design-tool-shortcuts .design-tool-shortcuts-table-item-plus{font-size:var(--db-text-xs);color:var(--db-text-tertiary)}.page-design-tool-shortcuts .design-tool-shortcuts-footer{margin-top:var(--db-margin-2xl);padding:var(--db-padding-xl) 0;text-align:center;font-size:var(--db-text-s);color:var(--db-text-tertiary);border-top:1px solid var(--db-border-base)}@media only screen and (max-width: 1024px){.design-tool-shortcuts-tool .container{max-width:100%;overflow-x:hidden}}@media only screen and (max-width: 767px){.page-design-tool-shortcuts .design-tool-shortcuts-keyboard-container{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.page-design-tool-shortcuts .design-tool-shortcuts-keyboard{min-width:800px;zoom:.7}}@supports not (zoom: 1){@media only screen and (max-width: 767px){.page-design-tool-shortcuts .design-tool-shortcuts-keyboard{zoom:unset;transform:scale(0.7);transform-origin:top left;margin-bottom:-86.4px}}}.design-tool-archive-tool{padding-top:var(--db-padding-m);padding-bottom:var(--db-padding-2xl)}.tool-page--freebies-archive .tool-page-sidebar.freebies-sidebar{padding:0;display:flex;flex-direction:column;min-height:0}.freebies-sidebar__section{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:var(--db-padding-m)}.freebies-sidebar__heading{margin:0 0 var(--db-gap-s);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--db-text-tertiary)}.freebies-workspace{flex:1 1 auto;min-width:0;min-height:0;padding:var(--db-padding-m) var(--db-padding-l) var(--db-padding-2xl);box-sizing:border-box}.freebies-archive__main{width:100%;max-width:none;margin:0;padding:0}.freebies-grid{width:100%}@media only screen and (max-width: 1024px){.freebies-workspace{padding:var(--db-padding-m)}}.freefonts-archive-tool{padding-top:var(--db-padding-s);padding-bottom:var(--db-padding-2xl)}.tool-page--designer-bookmark .tool-page-sidebar.designer-bookmark-sidebar{padding:0;display:flex;flex-direction:column;min-height:0}.designer-bookmark-sidebar__section{flex-shrink:0;padding:var(--db-padding-m);border-bottom:none}.designer-bookmark-sidebar__heading{margin:0 0 var(--db-gap-s);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--db-text-tertiary)}.designer-bookmark-sidebar__section--parents{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.designer-bookmark-archive-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--db-gap-m);width:100%;min-width:0;margin-bottom:var(--db-margin-l)}.designer-bookmark-archive-toolbar__tabs{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.designer-bookmark-archive-toolbar__tabs::-webkit-scrollbar{display:none}.designer-bookmark-archive-toolbar__tabs .tool-sidebar-filter-chips{flex-wrap:nowrap;width:max-content;max-width:none}.designer-bookmark-archive-toolbar__sort{flex:0 0 auto;margin-left:auto}.designer-bookmark-archive-toolbar__sort-select{height:32px;min-height:32px;padding:0 var(--db-padding-s);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);background-color:var(--db-bg-primary);color:var(--db-text-primary);box-sizing:border-box;font-size:13px;font-weight:500}.designer-bookmark-tool{min-height:0}.designer-bookmark-workspace{flex:1 1 auto;width:100%;max-width:none;min-width:0;padding-bottom:var(--db-padding-2xl);background:var(--db-bg-secondary)}.designer-bookmark-workspace .container{max-width:none;width:100%;margin-left:0;margin-right:0;padding-left:var(--db-padding-l);padding-right:var(--db-padding-l);box-sizing:border-box}.designer-bookmark-workspace .designer-bookmark-grid{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:var(--db-padding-m)}.designer-bookmark-workspace .designer-bookmark-grid>*{min-width:0;width:100%}.designer-bookmark-workspace>section{padding-top:var(--db-padding-l)}.designer-bookmark-workspace>section:first-child{padding-top:var(--db-padding-m)}.tool-page--designer-bookmark .designer-bookmark-tool{width:100%;max-width:none}.new-mark{position:relative;top:-2px;font-size:12px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;color:var(--db-color-primary);margin-left:var(--db-margin-xs)}.page-designer-bookmark .no-results{padding:var(--db-padding-xl) var(--db-padding-m);text-align:center;color:var(--db-text-tertiary);font-size:14px}@media only screen and (max-width: 1024px){.designer-bookmark-workspace .designer-bookmark-grid{grid-template-columns:repeat(auto-fill, minmax(168px, 1fr))}}@media only screen and (max-width: 767px){.tool-page--designer-bookmark .tool-page-header__action-group--designer-bookmark{width:100%;max-width:none}.designer-bookmark-archive-toolbar{flex-wrap:wrap;gap:var(--db-gap-s)}.designer-bookmark-archive-toolbar__sort{margin-left:0;width:100%}.designer-bookmark-archive-toolbar__sort-select{width:100%}.designer-bookmark-workspace .designer-bookmark-grid{grid-template-columns:repeat(2, 1fr);gap:var(--db-gap-s)}}.tool-page--dictionary-archive .dictionary-archive-tool{width:100%;padding-top:var(--db-padding-m);padding-bottom:var(--db-padding-2xl)}.tool-page--dictionary-archive .filter-contents,.tool-page--dictionary-archive .search-result-wrap{max-width:760px;margin-left:auto;margin-right:auto}.tool-page--dictionary-archive .search-result-wrap .search-count{padding-top:var(--db-padding-l)}.tool-page--dictionary-archive .search-result-wrap .search-count p{font-size:16px}.tool-page--dictionary-archive .search-result-wrap .search-count span{color:var(--db-color-primary);font-weight:bold}@media only screen and (max-width: 767px){.tool-page--dictionary-archive .tool-page-header__inner{grid-template-areas:"title" "tabs" "search" !important}}.logo-finder-tool__main{padding-top:var(--db-padding-m);padding-bottom:var(--db-padding-2xl)}.logo-finder-popular .category-title-wrap{margin-top:var(--db-margin-2xl);margin-bottom:var(--db-margin-l)}.logo-finder-popular .category-title{font-size:clamp(22px,2.4vw,28px);font-weight:700;line-height:1.3;color:var(--db-text-primary)}.page-logo-finder .logo-finder-search-spinner{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:inline-block;width:24px;height:24px;border:2px solid var(--db-border-base);border-top-color:var(--db-color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-logo-finder .logo-finder-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:var(--db-padding-m);border-radius:var(--db-radius-l);text-align:center;margin-bottom:var(--db-margin-l)}.page-logo-finder .logo-finder-results{margin-bottom:var(--db-margin-2xl)}.page-logo-finder .logo-finder-results-header{display:flex;align-items:center;justify-content:space-between;padding:var(--db-padding-m) 0}.page-logo-finder .logo-finder-results-title{font-size:var(--db-text-xl);font-weight:700;color:var(--db-text-primary)}.page-logo-finder .logo-finder-results-count{font-size:var(--db-text-sm);color:var(--db-text-secondary)}.page-logo-finder .logo-finder-empty{text-align:center;padding:var(--db-padding-2xl);background:var(--db-bg-primary);border-radius:var(--db-radius-l);border:1px dashed var(--db-border-base);margin-bottom:var(--db-margin-2xl)}.page-logo-finder .logo-finder-empty-text{color:var(--db-text-secondary);font-size:var(--db-text-lg)}.page-logo-finder .logo-finder-empty-hint{color:var(--db-text-tertiary);font-size:var(--db-text-sm);margin-top:var(--db-padding-xs)}.page-logo-finder .logo-finder-empty-btn{margin-top:var(--db-margin-l);padding:var(--db-padding-xs) var(--db-padding-m);font-size:var(--db-text-sm);font-weight:500;color:var(--db-color-primary);background:rgba(0,0,0,0);border:none;cursor:pointer;transition:background .2s;border-radius:var(--db-radius-m)}.page-logo-finder .logo-finder-empty-btn:hover{background:rgba(59,130,246,.1)}.page-logo-finder .logo-finder-popular-header{display:flex;align-items:center;gap:var(--db-padding-xs);margin-bottom:var(--db-margin-l)}.page-logo-finder .logo-finder-popular-title{font-size:var(--db-text-lg);font-weight:600;color:var(--db-text-secondary)}.page-logo-finder .logo-finder-loading{display:flex;justify-content:center;align-items:center;padding:var(--db-padding-2xl);gap:var(--db-padding-s)}.page-logo-finder .logo-finder-loading-spinner{width:32px;height:32px;border:3px solid var(--db-border-base);border-top-color:var(--db-color-primary);border-radius:50%;animation:spin .6s linear infinite}.page-logo-finder .logo-finder-loading-text{color:var(--db-text-secondary)}.page-logo-finder .logo-finder-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--db-margin-m)}@media(min-width: 640px){.page-logo-finder .logo-finder-grid{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 768px){.page-logo-finder .logo-finder-grid{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 1024px){.page-logo-finder .logo-finder-grid{grid-template-columns:repeat(5, 1fr)}}.page-logo-finder .logo-finder-card{position:relative;background:var(--db-bg-primary);border-radius:var(--db-radius-l);border:1px solid var(--db-border-base);overflow:hidden;transition:all .3s;aspect-ratio:1;cursor:pointer}.page-logo-finder .logo-finder-card:focus{outline:2px solid var(--db-color-primary);outline-offset:2px}.page-logo-finder .logo-finder-card:focus:not(:focus-visible){outline:none}.page-logo-finder .logo-finder-card:focus-visible{outline:2px solid var(--db-color-primary);outline-offset:2px}@media(max-width: 768px){.page-logo-finder .logo-finder-card{aspect-ratio:.8}.page-logo-finder .logo-finder-card:hover{box-shadow:none;border-color:rgba(0,0,0,0);transform:translateY(0)}}.page-logo-finder .logo-finder-card.logo-finder-card-error .logo-finder-card-img{display:none}.page-logo-finder .logo-finder-card.logo-finder-card-error .logo-finder-card-image{position:relative}.page-logo-finder .logo-finder-card.logo-finder-card-error .logo-finder-card-image::before{content:"";display:block;width:64px;height:64px;background:var(--db-bg-tertiary);border-radius:50%;margin:0 auto}.page-logo-finder .logo-finder-card.logo-finder-card-error .logo-finder-card-image::after{content:"Image Load Failed";display:block;font-size:var(--db-text-xs);color:#ef4444;margin-top:var(--db-padding-xs);text-align:center}.page-logo-finder .logo-finder-card-bg{position:absolute;inset:0;opacity:.1;pointer-events:none;background-image:radial-gradient(var(--db-border-base) 1px, transparent 1px);background-size:10px 10px}.page-logo-finder .logo-finder-card-content{position:relative;z-index:1;padding:var(--db-padding-m);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.page-logo-finder .logo-finder-card-image{flex:1;display:flex;align-items:center;justify-content:center;width:80%;position:relative}.page-logo-finder .logo-finder-card-hint{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:2px 8px;font-size:11px;font-weight:500;line-height:1.3;color:var(--db-text-secondary);background:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;white-space:nowrap;z-index:2}.page-logo-finder .logo-finder-card:hover .logo-finder-card-hint,.page-logo-finder .logo-finder-card:focus-visible .logo-finder-card-hint{opacity:1;visibility:visible}.page-logo-finder .logo-finder-card-img{max-width:100%;max-height:100px;object-fit:contain;transition:transform .3s}.page-logo-finder .logo-finder-card:hover .logo-finder-card-img{transform:scale(1.05)}.page-logo-finder .logo-finder-card-name{width:100%;margin-top:var(--db-margin-m);text-align:center}.page-logo-finder .logo-finder-card-title{font-size:var(--db-text-s);color:var(--db-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-logo-finder .logo-finder-card-actions{display:flex;gap:var(--db-padding-xs);justify-content:center}.page-logo-finder .logo-finder-card:hover .logo-finder-card-link-external{opacity:1}.page-logo-finder .logo-finder-card-link-external{position:absolute;top:var(--db-padding-s);right:var(--db-padding-s);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:3}@media(max-width: 768px){.page-logo-finder .logo-finder-card-link-external{opacity:1}}.page-logo-finder .logo-finder-footer{background:var(--db-bg-primary);border-top:1px solid var(--db-border-base);padding:var(--db-padding-2xl) 0;margin-top:auto}.page-logo-finder .logo-finder-footer-brand{margin-bottom:var(--db-margin-m);text-align:center}.page-logo-finder .logo-finder-footer-brand-text{font-weight:700;color:var(--db-text-primary);letter-spacing:-0.02em;font-size:var(--db-text-lg)}.page-logo-finder .logo-finder-footer-brand-accent{color:var(--db-color-primary)}.page-logo-finder .logo-finder-footer-description{color:var(--db-text-secondary);font-size:var(--db-text-sm);margin-bottom:var(--db-padding-xs);text-align:center}.page-logo-finder .logo-finder-footer-description strong{font-weight:600}.page-logo-finder .logo-finder-footer-legal{color:var(--db-text-tertiary);font-size:var(--db-text-xs);line-height:1.6;text-align:center;max-width:672px;margin:0 auto}@media only screen and (max-width: 767px){.logo-finder-tool__main .container{padding-left:var(--db-padding-s);padding-right:var(--db-padding-s)}}.mbti-page{height:calc(100vh - 80px);display:flex;align-items:center}.mbti-wrap{width:100%;max-width:480px;margin:auto;text-align:center}.mbti-wrap .page-title-wrap{text-align:center}.mbti-wrap .page-title-wrap h1{margin-bottom:var(--db-margin-m)}.mbti-wrap .page-title-wrap p{font-size:20px;font-weight:bold}#mbti-loading{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--db-bg-secondary);z-index:10}.quiz-wrapper #progress-container{position:relative;width:100%;height:4px;background-color:var(--db-bg-secondary);margin-bottom:var(--db-margin-l)}.quiz-wrapper #progress-bar{position:absolute;left:0;top:0;height:4px;background-color:var(--db-color-primary)}.quiz-wrapper .question input[type=radio]{display:none}.quiz-wrapper h2{margin-bottom:var(--db-margin-m);text-align:left;font-size:24px}.quiz-wrapper h2 span{color:var(--db-text-tertiary)}.quiz-wrapper .question-wrap{display:block;position:relative;width:100%}.quiz-wrapper .question label{display:block;position:relative;overflow:hidden;font-size:16px;text-align:left;padding:var(--db-padding-s);line-height:1.5;margin-bottom:var(--db-margin-s);background-color:#fff;border:2px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);transition:.3s}.quiz-wrapper .question label:hover{background-color:rgba(var(--db-color-primary), 0.05);border-color:rgba(var(--db-color-primary), 0.1)}.quiz-wrapper .question label.my-selected{border:2px solid rgba(var(--db-color-primary), 0.8)}.quiz-wrapper .question label.my-selected .poll-result-value .percent{font-weight:bold}.quiz-wrapper .question label.my-selected label{font-weight:bold}.quiz-wrapper .question label.my-selected .result-bar{background-color:rgba(var(--db-color-primary), 0.2)}.quiz-wrapper .question label .poll-result-value{position:absolute;right:var(--db-padding-xs);top:50%;transform:translateY(-50%);color:var(--db-text-tertiary);font-size:12px}.quiz-wrapper .question label .poll-result-value .percent{font-size:14px;color:var(--db-text-primary)}.quiz-wrapper .question label .result-bar-container{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);z-index:0;pointer-events:none}.quiz-wrapper .question label .result-bar{height:100%;background-color:rgba(var(--db-color-primary), 0.1);border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);transition:width .3s ease-out}.quiz-wrapper .poll-item label{position:relative;display:block;padding:var(--db-padding-xs);padding-left:36px;padding-right:80px;font-size:16px;list-style:1}.quiz-wrapper .poll-item label:before{content:"";position:absolute;left:var(--db-padding-xs);top:50%;display:flex;justify-content:center;align-items:center;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--db-border-layer-1);border-radius:50%;background:rgba(0,0,0,0)}.quiz-wrapper .poll-item input[type=radio]:checked+label:before{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";font-size:16px;color:#fff;border-color:var(--db-color-primary);background-color:var(--db-color-primary)}@media only screen and (max-width: 767px){.poll-wrapper{padding:var(--db-padding-xs)}.poll-wrapper .poll-result-item{padding:var(--db-padding-xs);font-size:16px}.poll-wrapper .poll-result-item span{font-size:14px}.poll-wrapper .poll-item{position:relative;overflow:hidden;margin-bottom:var(--db-margin-s);background-color:#fff;border:2px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);transition:.3s}.poll-wrapper .poll-item:hover{background-color:rgba(var(--db-color-primary), 0.05);border-color:rgba(var(--db-color-primary), 0.1)}.poll-wrapper .poll-item.my-selected{border:2px solid rgba(var(--db-color-primary), 0.8)}.poll-wrapper .poll-item.my-selected .poll-result-value .percent{font-weight:bold}.poll-wrapper .poll-item.my-selected label{font-weight:bold}.poll-wrapper .poll-item.my-selected .result-bar{background-color:rgba(var(--db-color-primary), 0.2)}.poll-wrapper .poll-item .poll-result-value{position:absolute;right:var(--db-padding-xs);top:50%;transform:translateY(-50%);color:var(--db-text-tertiary);font-size:12px}.poll-wrapper .poll-item .poll-result-value .percent{font-size:14px;color:var(--db-text-primary)}.poll-wrapper .poll-item .result-bar-container{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);z-index:0;pointer-events:none}.poll-wrapper .poll-item .result-bar{height:100%;background-color:rgba(var(--db-color-primary), 0.1);border-radius:var(--db-radius-xs);-webkit-border-radius:var(--db-radius-xs);-moz-border-radius:var(--db-radius-xs);-ms-border-radius:var(--db-radius-xs);transition:width .3s ease-out}.poll-wrapper .poll-item label{position:relative;display:block;padding:var(--db-padding-xs);padding-left:32px;font-size:15px}.poll-wrapper .poll-item label:before{left:var(--db-padding-xs);width:20px;height:20px;border:2px solid var(--db-border-layer-1)}}.midjourney-prompt-page .midjourney-layout{display:flex;gap:var(--db-padding-2xl);align-items:flex-start}.midjourney-prompt-page .midjourney-options{flex:1;max-width:calc(100% - 400px)}.midjourney-prompt-page .midjourney-result{width:360px;flex-shrink:0}.midjourney-prompt-page .midjourney-result .result-sticky{position:sticky;top:80px;padding:var(--db-padding-m);background:var(--db-bg-primary);border:1px solid var(--db-border-base);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);background-color:var(--db-surface-alpha-70)}@supports(-webkit-backdrop-filter: initial) or (backdrop-filter: initial){.midjourney-prompt-page .midjourney-result .result-sticky{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}@supports not ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)){.midjourney-prompt-page .midjourney-result .result-sticky{filter:blur(24px);-webkit-filter:blur(24px);-moz-filter:blur(24px);-o-filter:blur(24px);-ms-filter:blur(24px);background-color:var(--db-surface-base)}}.midjourney-prompt-page .midjourney-result .result-sticky h3{margin-bottom:var(--db-margin-m);font-size:18px;color:var(--db-text-primary)}.midjourney-prompt-page .promtp-container{width:100%;display:flex;gap:var(--db-padding-m);flex-direction:column;margin-bottom:var(--db-margin-m)}.midjourney-prompt-page .option-container,.midjourney-prompt-page .preset-container{margin-bottom:var(--db-padding-xl);display:block;width:100%}.midjourney-prompt-page .option-title{font-weight:bold;margin-bottom:var(--db-padding-s)}.midjourney-prompt-page .inline-btns{display:flex;gap:var(--db-padding-xs);margin-bottom:var(--db-margin-s)}.midjourney-prompt-page .inline-btns .button{flex:1;justify-content:center}#midjourneyPromptText{width:100%;height:120px;padding:var(--db-padding-xs);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);resize:vertical;font-family:inherit;font-size:14px;line-height:1.4}.advanced-btns{display:flex;gap:var(--db-padding-xs);margin-bottom:var(--db-margin-m)}.advanced-btns .button{width:100%;justify-content:center}.preset-section{margin-bottom:var(--db-margin-m)}.preset-section h4{font-size:14px;color:var(--db-text-secondary);margin-bottom:var(--db-margin-xs)}.preset-section .preset-btns{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--db-padding-xxs)}.preset-section .preset-btns .button{font-size:12px;padding:var(--db-padding-xxs) var(--db-padding-xs);justify-content:flex-start;gap:var(--db-margin-xxs)}.preset-section .preset-btns .button i{font-size:12px}.prompt-stats{display:flex;justify-content:space-between;padding:var(--db-padding-xs);background:var(--db-bg-secondary);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);-webkit-border-radius:var(--db-radius-s);-moz-border-radius:var(--db-radius-s);-ms-border-radius:var(--db-radius-s)}.prompt-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--db-margin-xxs)}.prompt-stats .stat-item .stat-label{font-size:11px;color:var(--db-text-secondary)}.prompt-stats .stat-item span:last-child{font-size:14px;font-weight:600;color:var(--db-text-primary)}.midjourney-prompt-page #mainCategoryContainer{display:grid !important;grid-template-columns:repeat(3, 1fr) !important;gap:16px !important;margin-bottom:24px !important;overflow-x:visible !important;padding-bottom:0 !important;-webkit-overflow-scrolling:auto !important}.midjourney-prompt-page #subCategoryContainer{display:grid !important;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)) !important;gap:16px !important;margin-bottom:24px !important;overflow-x:visible !important;padding-bottom:0 !important;-webkit-overflow-scrolling:auto !important}.midjourney-sub-card{width:100%;padding:var(--db-padding-s);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);text-align:center;cursor:pointer;transition:.3s;display:flex;flex-direction:row;align-items:center;gap:var(--db-padding-xs)}.midjourney-sub-card:hover{border-color:var(--db-border-layer-1)}.midjourney-sub-card.selected{border-color:var(--db-color-primary)}.midjourney-sub-card img{width:48px;height:auto;flex-shrink:0;border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);overflow:hidden}.midjourney-sub-card h4{font-size:20px;margin-bottom:0}.midjourney-card{width:100%;padding:var(--db-padding-m);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);text-align:center;cursor:pointer;transition:.3s;display:flex;flex-direction:column;align-items:center}.midjourney-card:hover{border-color:var(--db-border-layer-1)}.midjourney-card.selected{background-color:rgba(var(--db-color-primary), 0.1);border-color:var(--db-color-primary)}.midjourney-card img{width:120px;max-width:inherit;flex-shrink:0;height:auto;margin-bottom:var(--db-margin-s);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)}.midjourney-card h3{margin-bottom:0}.midjourney-card p{font-size:15px;line-height:1.4;color:var(--db-text-secondary);margin-bottom:0}.chips-section{padding:var(--db-padding-m);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);-webkit-border-radius:var(--db-radius-m);-moz-border-radius:var(--db-radius-m);-ms-border-radius:var(--db-radius-m);margin-bottom:var(--db-margin-m)}@media only screen and (max-width: 820px){.midjourney-prompt-page .midjourney-layout{flex-direction:column;gap:var(--db-padding-xl)}.midjourney-prompt-page .midjourney-options{max-width:100%}.midjourney-prompt-page .midjourney-result{width:100%;order:2}.midjourney-prompt-page .midjourney-result .result-sticky{position:fixed;bottom:0;left:0;right:0;top:auto;border-radius:0;border-left:none;border-right:none;border-bottom:none;padding:var(--db-padding-s);z-index:1000}.midjourney-prompt-page .midjourney-result .result-sticky h3{display:none}.page-template-page-midjourney-prompt-generator #mainCategoryContainer.card-container{grid-template-columns:repeat(2, 1fr)}.page-template-page-midjourney-prompt-generator #subCategoryContainer.card-container{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 767px){.page-template-page-midjourney-prompt-generator #mainCategoryContainer.card-container{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.page-template-page-midjourney-prompt-generator #subCategoryContainer.card-container{grid-template-columns:1fr;gap:12px;margin-bottom:24px}body.page-template-page-midjourney-prompt-generator{padding-bottom:200px}.midjourney-prompt-page .midjourney-result .result-sticky{padding:var(--db-padding-xs)}.midjourney-prompt-page .midjourney-result .result-sticky #midjourneyPromptText{height:80px;font-size:13px}.midjourney-prompt-page .midjourney-result .result-sticky .inline-btns .button{padding:var(--db-padding-xxs) var(--db-padding-m);font-size:12px}.midjourney-prompt-page .midjourney-result .result-sticky .inline-btns .button i{font-size:12px}.sub-card{padding:var(--db-padding-xs);gap:var(--db-padding-xs);flex-direction:column;min-width:120px}.sub-card img{width:40px}.sub-card h4{font-size:16px}.card{padding:var(--db-padding-s);min-width:160px}.card img{width:80px}.card h3{font-size:20px}.card p{font-size:14px}}[data-theme=dark] .midjourney-prompt-page .midjourney-result .result-sticky,.dark-mode .midjourney-prompt-page .midjourney-result .result-sticky{background:var(--db-bg-secondary);border-color:var(--db-bg-secondary)}[data-theme=dark] .midjourney-prompt-page .midjourney-result .result-sticky h3,.dark-mode .midjourney-prompt-page .midjourney-result .result-sticky h3{color:var(--db-text-primary)}[data-theme=dark] .midjourney-prompt-page .midjourney-result .result-sticky #midjourneyPromptText,.dark-mode .midjourney-prompt-page .midjourney-result .result-sticky #midjourneyPromptText{background:var(--db-bg-secondary);border-color:var(--db-bg-secondary);color:var(--db-text-primary)}[data-theme=dark] .midjourney-prompt-page .preset-section h4,.dark-mode .midjourney-prompt-page .preset-section h4{color:var(--db-text-secondary)}[data-theme=dark] .midjourney-prompt-page .prompt-stats,.dark-mode .midjourney-prompt-page .prompt-stats{background:var(--db-bg-secondary);border-color:var(--db-bg-secondary)}[data-theme=dark] .midjourney-prompt-page .prompt-stats .stat-item .stat-label,.dark-mode .midjourney-prompt-page .prompt-stats .stat-item .stat-label{color:var(--db-text-secondary)}[data-theme=dark] .midjourney-prompt-page .prompt-stats .stat-item span:last-child,.dark-mode .midjourney-prompt-page .prompt-stats .stat-item span:last-child{color:var(--db-text-primary)}