.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:var(--db-static-header-height)}body.header-static main.site-main:has(.tool-page),body.header-static.is-designbase-tool-page main.site-main{padding-top:0;min-height:0}body.header-static.is-designbase-tool-page{padding-top: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)}}main.site-main>.tool-page{display:flex;flex-direction:column;box-sizing:border-box;padding-top:var(--db-static-header-height);min-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height));background-color:var(--db-bg-secondary)}.tool-page__body{flex:1;min-height:0;display:flex;width:100%;flex-direction:column}.tool-page-header{flex-shrink:0;background-color:var(--db-bg-primary);border-bottom:1px solid var(--db-border-base);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}.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-menu{position:absolute;top:calc(100% + 6px);right:0;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:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:7}.tool-page--palette.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible}.tool-page--gradient.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--gradient.tool-page .tool-page-header{position:sticky;top:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:7}.tool-page--gradient.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible}.tool-page--emoji.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--emoji.tool-page .tool-page-header{position:sticky;top:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:7}.tool-page--emoji.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible}.tool-page--shortcuts.tool-page{height:auto;max-height:none;overflow:visible}.tool-page--shortcuts.tool-page .tool-page-header{position:sticky;top:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:7}.tool-page--shortcuts.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible}.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:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:7}.tool-page--logo-finder.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible}.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:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:7}.tool-page--logo-svg.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible}.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:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:7}.tool-page--size-guide.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible}.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:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:1001;box-shadow:0 1px 0 var(--db-border-base)}.tool-page--grid-calculator.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible;flex-direction:column}.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:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:7}.tool-page--design-tool-archive.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible}.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:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:7}.tool-page--freebies-archive.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible}.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:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:7}.tool-page--freefonts-archive.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible}.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:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:7}.tool-page--designer-bookmark.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible}.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:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px));flex-shrink:0;background-color:var(--db-bg-primary);overflow:visible;z-index:7}.tool-page--dictionary-archive.tool-page .tool-page__body{flex:none;min-height:0;overflow:visible}.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 [class*=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 [class*=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 [class*=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--size-guide .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--size-guide [class*=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--freebies-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--freebies-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--freebies-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--freebies-archive .tool-page-header__action-group--shortcuts,.tool-page--freebies-archive .tool-page-header__action-group--design-tool-archive,.tool-page--freebies-archive .tool-page-header__action-group--freebies-archive,.tool-page--freebies-archive .tool-page-header__action-group--designer-bookmark,.tool-page--freebies-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--freebies-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--freebies-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 [class*=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__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--dictionary-archive .tool-page-header__actions{flex:1;min-width:0;justify-content:flex-end}.tool-page--dictionary-archive [class*=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--freebies-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--freebies-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--freebies-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 [class*=tool-page-header__action-group],.tool-page--design-tool-archive [class*=tool-page-header__action-group],.tool-page--freebies-archive [class*=tool-page-header__action-group],.tool-page--designer-bookmark [class*=tool-page-header__action-group],.tool-page--dictionary-archive [class*=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--freebies-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--freebies-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--freebies-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--freebies-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--freebies-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 [class*=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-x:hidden}.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 [class*=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}}@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 [class*=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:1fr auto auto;grid-template-areas:"title figma chrome" "search search search"}.tool-page--logo-finder .tool-page-header__external-link--figma{grid-area:figma;justify-self:end}.tool-page--logo-finder .tool-page-header__external-link--chrome{grid-area:chrome;justify-self:end}.tool-page--logo-finder .tool-page-header__action--labeled span{display:none}.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 [class*=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--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 [class*=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 [class*=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 auto;grid-template-areas:"title filter" "search search"}.tool-page--size-guide .design-size-group-filter{grid-area:filter;justify-self:end;align-self:center}}@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 [class*=tool-page-header__action-group]{display:flex;align-items:center}}.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)}}.grid-icons .content-area{width:100%}.page-title .icon-count{font-weight:normal;opacity:.6;font-size:.8em;margin-left:8px}.icon-filters-sticky{position:sticky;top:0;z-index:100;background-color:var(--db-bg-primary);padding:var(--db-padding-m) 0;margin-bottom:var(--db-margin-l);box-shadow:0 2px 8px rgba(0,0,0,.05);border-bottom:1px solid var(--db-border-base)}.icon-size-slider{display:flex;flex-direction:row;gap:4px;flex-shrink:0;align-items:center}.filter-search{flex:1;min-width:200px}.filter-search .search-form{width:100%}.filter-search .search-form label{display:flex;align-items:center;gap:var(--db-padding-xs);width:100%;padding:var(--db-padding-s) 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);background-color:var(--db-bg-secondary);transition:all .2s ease}.filter-search .search-form label:focus-within{border-color:var(--db-color-primary);background-color:var(--db-bg-primary)}.filter-search .search-form label i{color:var(--db-text-tertiary);font-size:16px}.filter-search .search-form label input{flex:1;border:none;background:rgba(0,0,0,0);font-size:14px;color:var(--db-text-primary);outline:none}.filter-search .search-form label input::placeholder{color:var(--db-text-tertiary)}.icon-controls{display:flex;gap:var(--db-padding-m);align-items:center;flex-shrink:0}.icon-controls .filter-block{display:flex;flex-direction:column;gap:var(--db-padding-xxs);min-width:140px}.icon-controls .filter-block label{font-size:12px;font-weight:600;color:var(--db-text-secondary);margin:0}.icon-controls .filter-block input[type=range]{width:100%}.icon-controls .filter-block span{font-size:12px;font-weight:600;color:var(--db-text-secondary);text-align:right}.icon-controls .filter-block.type-filter{min-width:180px}.icon-controls .filter-block.type-filter .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-margin-xxs);background-color:var(--db-bg-secondary);overflow:hidden}.icon-controls .filter-block.type-filter .segment-tabs .segment-tab{flex:1;padding:var(--db-padding-xxs) var(--db-padding-m);background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--db-text-tertiary);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;text-align:center}.icon-controls .filter-block.type-filter .segment-tabs .segment-tab:hover:not(.active){color:var(--db-text-primary);background:rgba(var(--db-color-primary), 0.1)}.icon-controls .filter-block.type-filter .segment-tabs .segment-tab.active{background:var(--db-bg-primary);color:var(--db-text-primary);font-weight:600}#iconCategory{width:100%;padding:var(--db-padding-s) 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);background-color:var(--db-bg-secondary);color:var(--db-text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}#iconCategory:focus{outline:none;border-color:var(--db-color-primary);background-color:var(--db-bg-primary)}#iconCategory option{background-color:var(--db-bg-primary);color:var(--db-text-primary)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:var(--db-padding-m)}.icon-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;gap:var(--db-margin-xxs);padding:var(--db-padding-s);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:all .3s;cursor:pointer}.icon-item:hover{border:1px solid 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}.icon-item:hover .icon-name{color:var(--db-text-primary)}.icon-item .icon-type-badge{font-size:10px;font-weight:600;padding:var(--db-margin-xxs) var(--db-padding-xxs);background-color:var(--db-bg-secondary);color:var(--db-text-tertiary);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);text-transform:uppercase;z-index:1}.icon-item .icon-name{font-size:12px;line-height:1.25;text-align:center;color:var(--db-text-tertiary)}.icon-item .icon-placeholder{display:flex;align-items:center;justify-content:center;animation:db-anim-pulse 1.5s ease-in-out infinite}.icon-item svg{width:auto;height:auto}#iconModal .modal-body{display:flex;gap:var(--db-margin-m);flex-direction:row}#iconModal .modal-icon{text-align:center;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);width:120px}#iconModal .modal-icon svg{width:72px;height:72px}#iconModal #modalInfo{flex:1}#iconModal #modalInfo li{font-size:14px;color:var(--db-text-secondary)}.search-result{display:none;margin-top:20px;color:var(--db-text-tertiary);text-align:center}@media only screen and (max-width: 767px){.icon-filters-sticky{padding:var(--db-padding-s) 0}.icon-filters-container{flex-direction:column;gap:var(--db-padding-s)}.filter-search{min-width:auto}.icon-controls{flex-direction:row;flex-wrap:wrap;gap:var(--db-padding-s);width:100%}.icon-controls .filter-block{flex:1;min-width:calc(50% - calc(var(--db-padding-s) / 2))}.icon-controls .filter-block label{font-size:11px}.icon-controls .filter-block.type-filter{min-width:100%}.icon-controls .filter-block.type-filter .segment-tabs .segment-tab{font-size:11px;padding:var(--db-padding-xxs) var(--db-padding-xs)}.icon-grid{grid-template-columns:repeat(auto-fill, minmax(90px, 1fr));gap:var(--db-padding-l)}.icon-item{height:120px;gap:var(--db-padding-s);padding:var(--db-padding-s)}}.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)}.palette-visualizer{display:flex;align-items:flex-start;width:100%;position:relative;overflow:visible}.palette-sidebar-dim{display:none}.palette-sidebar{flex:0 0 280px;width:280px;align-self:flex-start;position:sticky;top:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px) + var(--palette-tool-header-height, 49px));max-height:calc(100vh - var(--db-header-banner-offset, 0px) - var(--db-static-header-height, 57px) - var(--palette-tool-header-height, 49px));min-height:0;display:flex;flex-direction:column;background-color:var(--db-bg-primary);border-right:1px solid var(--db-border-base);overflow:hidden;transition:flex-basis .28s ease,width .28s ease,opacity .28s ease,transform .28s ease;z-index:5}.palette-sidebar.is-collapsed{flex-basis:0;width:0;opacity:0;border-right-color:rgba(0,0,0,0);pointer-events:none}.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-xs) var(--db-padding-s);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{display:flex;flex-wrap:wrap;flex:1;min-width:0;margin:0;gap:var(--db-gap-xs)}.palette-filter-chips .chip.category-chip{padding:4px 10px;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);background-color:var(--db-bg-primary);cursor:pointer;user-select:none;transition:background-color .2s,border-color .2s,color .2s}.palette-filter-chips .chip.category-chip span{font-size:12px;font-weight:500;line-height:1.3;color:var(--db-text-secondary)}.palette-filter-chips .chip.category-chip:hover{background-color:var(--db-bg-secondary);border-color:var(--db-border-emphasis, var(--db-border-base))}.palette-filter-chips .chip.category-chip:hover span{color:var(--db-text-primary)}.palette-filter-chips .chip.category-chip.active,.palette-filter-chips .chip.category-chip.selected{background-color:var(--db-color-primary);border-color:var(--db-color-primary)}.palette-filter-chips .chip.category-chip.active span,.palette-filter-chips .chip.category-chip.selected span{color:var(--db-text-inverse-primary, #fff)}.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-s);-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-header-banner-offset, 0px) + var(--db-static-header-height, 57px) + var(--palette-tool-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}.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{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}body.palette-sidebar-drawer-open{overflow:hidden}body.palette-sidebar-drawer-open .tool-page--palette .tool-page-header{z-index:870}@media only screen and (max-width: 820px){.palette-sidebar-dim{display:block;position:fixed;inset:0;z-index:850;background-color:rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.palette-sidebar-dim.is-visible{opacity:1;visibility:visible;pointer-events:auto}.palette-sidebar{position:fixed;top:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px) + var(--palette-tool-header-height, 49px));left:0;bottom:0;flex:none;width:min(300px,88vw);max-width:300px;height:auto;max-height:none;z-index:860;border-right:1px solid var(--db-border-base);box-shadow:4px 0 24px rgba(0,0,0,.12);transform:translateX(-105%);opacity:1;pointer-events:auto}.palette-sidebar.is-drawer-open{transform:translateX(0)}.palette-sidebar.is-collapsed{flex-basis:auto;width:min(300px,88vw);opacity:1;border-right-color:var(--db-border-base)}.palette-toolbar{padding:var(--db-padding-s) var(--db-padding-m)}.current-colors .color-box{height:44px}.current-colors .color-box .hex-value{font-size:9px}}@media only screen and (max-width: 767px){#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-s, 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;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;box-shadow:0 8px 24px -8px rgba(0,0,0,.1)}.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:10}.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;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 .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:1000}.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)}}.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-color .28s ease}.gradient-filters-bar.is-collapsed{max-height:0;opacity:0;border-bottom-color:rgba(0,0,0,0);pointer-events:none}.gradient-filters-bar__inner{display:flex;align-items:flex-start;gap:var(--db-gap-s);padding:var(--db-padding-xs) var(--db-padding-l);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{display:flex;flex-wrap:wrap;flex:1;min-width:0;margin:0;gap:var(--db-gap-xs)}.gradient-filter-chips .chip.filter-tab{padding:4px 10px;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);background-color:var(--db-bg-primary);cursor:pointer;user-select:none;transition:background-color .2s,border-color .2s,color .2s}.gradient-filter-chips .chip.filter-tab span{font-size:12px;font-weight:500;line-height:1.3;color:var(--db-text-secondary)}.gradient-filter-chips .chip.filter-tab:hover{background-color:var(--db-bg-secondary);border-color:var(--db-border-emphasis, var(--db-border-base))}.gradient-filter-chips .chip.filter-tab:hover span{color:var(--db-text-primary)}.gradient-filter-chips .chip.filter-tab.active,.gradient-filter-chips .chip.filter-tab.selected{background-color:var(--db-color-primary);border-color:var(--db-color-primary)}.gradient-filter-chips .chip.filter-tab.active span,.gradient-filter-chips .chip.filter-tab.selected span{color:var(--db-text-inverse-primary, #fff)}.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)}.page-abstract-gradient-generator{border-top:1px solid var(--db-border-base);position:relative}.page-abstract-gradient-generator:hover #generator-functions{opacity:1}.page-abstract-gradient-generator #generator-functions{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;opacity:0;transition:.3s}#gradientCanvas{width:100%;height:100vh;max-width:1920px;margin:0 auto;overflow:hidden}#gradient-generator-panel{display:flex;flex-direction:column;overflow:hidden;width:100%}#toggleAdvancedOptions{display:none}#color-options{display:none}.controls{display:flex;align-items:center;gap:var(--db-padding-l)}.controls label{display:block;margin-bottom:var(--db-padding-s)}.controls input[type=range]{width:100%}.option-description{font-size:14px;color:var(--db-text-secondary);margin-bottom:var(--db-padding-m)}#toggleAdvancedOptions{margin-top:var(--db-padding-xl);width:100%}#advancedOptions{margin-top:var(--db-padding-xl);padding:var(--db-padding-xl);background-color: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)}#advancedOptions label{display:block;margin-bottom:var(--db-padding-m)}@media only screen and (max-width: 767px){#gradient-generator-panel{flex-direction:column}.color-options{justify-content:center}}.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}}.page-rem-calculator{position:relative}.page-rem-calculator .grid-rem-calculator{border-top:1px solid var(--db-border-base)}.page-rem-calculator .rem-left-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0;background-color:var(--db-bg-primary)}.page-rem-calculator .rem-left-panel h1{font-size:1.5rem;margin-bottom:20px;font-weight:600;color:var(--db-text-primary)}.page-rem-calculator .rem-left-panel .rem-tabs{display:flex;gap:8px;padding:0 var(--db-padding-m);border-bottom:1px solid var(--db-border-base);flex-wrap:wrap}.page-rem-calculator .rem-left-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}.page-rem-calculator .rem-left-panel .rem-tabs .rem-tab:hover{color:var(--db-text-primary)}.page-rem-calculator .rem-left-panel .rem-tabs .rem-tab.active{color:var(--db-text-primary);font-weight:bold}.page-rem-calculator .rem-left-panel .rem-tabs .rem-tab.active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--db-color-primary)}.page-rem-calculator .rem-left-panel .rem-tab-content{display:none}.page-rem-calculator .rem-left-panel .rem-tab-content.active{display:block}.page-rem-calculator .rem-left-panel .rem-sample-section{padding:var(--db-padding-m);width:100%;max-width:720px;margin:0 auto 20px auto}.page-rem-calculator .rem-left-panel .rem-sample-section h2{font-size:.875rem;color:var(--db-text-secondary);margin-bottom:15px;font-weight:600}.page-rem-calculator .rem-left-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)}.page-rem-calculator .rem-left-panel .rem-sample-item label{display:block;font-size:.8rem;color:var(--db-text-secondary);margin-bottom:8px;font-weight:500}.page-rem-calculator .rem-left-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}.page-rem-calculator .rem-left-panel .rem-sample-preview{margin:8px 0}.page-rem-calculator .rem-left-panel .rem-preview-heading{font-weight:600;margin:4px 0}.page-rem-calculator .rem-left-panel .rem-preview-text{line-height:1.5;margin:4px 0}.page-rem-calculator .rem-left-panel .rem-preview-bar{background:var(--db-border-base);border-radius:3px;margin:6px 0}.page-rem-calculator .rem-left-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}.page-rem-calculator .rem-left-panel .rem-preview-button:hover{background:var(--db-bg-inverse-hover, #222)}.page-rem-calculator .rem-left-panel .rem-sample-ui{background:var(--db-bg-primary);overflow:hidden}.page-rem-calculator .rem-left-panel .rem-ui-header{background:var(--db-bg-inverse, #1a1a1a);color:#fff;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.page-rem-calculator .rem-left-panel .rem-ui-header-title,.page-rem-calculator .rem-left-panel .rem-ui-header-nav span,.page-rem-calculator .rem-left-panel .rem-ui-header-nav i{color:#fff !important}.page-rem-calculator .rem-left-panel .rem-ui-header-title{font-weight:600;font-size:1.2rem}.page-rem-calculator .rem-left-panel .rem-ui-header-nav{display:flex;align-items:center;gap:2rem;font-size:.9rem}.page-rem-calculator .rem-left-panel .rem-ui-header-nav span{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.page-rem-calculator .rem-left-panel .rem-ui-header-nav i{font-size:1rem}.page-rem-calculator .rem-left-panel .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}.page-rem-calculator .rem-left-panel .rem-ui-hero-overlay{position:absolute;inset:0;background:#000;z-index:0}.page-rem-calculator .rem-left-panel .rem-ui-hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.page-rem-calculator .rem-left-panel .rem-ui-hero-title{font-size:3rem;font-weight:700;margin:0 0 1rem 0;color:#fff}.page-rem-calculator .rem-left-panel .rem-ui-hero-subtitle{font-size:1.25rem;opacity:.95;margin:0 0 2rem 0;color:#fff}.page-rem-calculator .rem-left-panel .rem-ui-hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.page-rem-calculator .rem-left-panel .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}.page-rem-calculator .rem-left-panel .rem-ui-hero-button i{font-size:1.125rem}.page-rem-calculator .rem-left-panel .rem-ui-hero-button:hover{opacity:.9;transform:translateY(-1px)}.page-rem-calculator .rem-left-panel .rem-ui-hero-button-primary{background:#fff !important;color:var(--db-color-primary) !important;border:2px solid #fff}.page-rem-calculator .rem-left-panel .rem-ui-hero-button-primary i{color:var(--db-color-primary) !important}.page-rem-calculator .rem-left-panel .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)}.page-rem-calculator .rem-left-panel .rem-ui-content{padding:3rem 2rem;background:var(--db-bg-secondary)}.page-rem-calculator .rem-left-panel .rem-ui-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin-bottom:3rem}.page-rem-calculator .rem-left-panel .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)}.page-rem-calculator .rem-left-panel .rem-ui-card-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.page-rem-calculator .rem-left-panel .rem-ui-card-icon i{font-size:2.5rem;color:var(--db-color-primary)}.page-rem-calculator .rem-left-panel .rem-ui-card-title{font-size:1.25rem;font-weight:600;color:var(--db-text-primary);margin:0 0 .5rem 0}.page-rem-calculator .rem-left-panel .rem-ui-card-text{color:var(--db-text-secondary);line-height:1.6;margin:0}.page-rem-calculator .rem-left-panel .rem-ui-footer{background:var(--db-bg-inverse, #1a1a1a);color:var(--db-text-inverse-primary, #ffffff);padding:2rem;text-align:center;font-size:.9rem}.page-rem-calculator .rem-left-panel .rem-ui-footer-text,.page-rem-calculator .rem-left-panel .rem-ui-footer-links span{color:inherit}.page-rem-calculator .rem-left-panel .rem-ui-footer-text{margin-bottom:1rem}.page-rem-calculator .rem-left-panel .rem-ui-footer-links{display:flex;justify-content:center;gap:2rem;opacity:.9;color:var(--db-text-inverse-primary, #ffffff)}.page-rem-calculator .rem-left-panel .rem-ui-footer-links span{cursor:pointer}.page-rem-calculator .rem-left-panel .rem-sample-input,.page-rem-calculator .rem-left-panel .rem-sample-select,.page-rem-calculator .rem-left-panel .rem-sample-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--db-border-base);border-radius:6px;font-size:.9rem;margin:8px 0;background:var(--db-bg-primary);color:var(--db-text-primary);font-family:inherit}.page-rem-calculator .rem-left-panel .rem-sample-input:focus,.page-rem-calculator .rem-left-panel .rem-sample-select:focus,.page-rem-calculator .rem-left-panel .rem-sample-textarea:focus{outline:none;border-color:var(--db-color-primary);background:var(--db-bg-tertiary)}.page-rem-calculator .rem-left-panel .rem-sample-textarea{resize:vertical;min-height:100px}.page-rem-calculator .rem-left-panel .rem-checkbox-wrapper{margin:12px 0;display:flex;align-items:center;gap:.5rem}.page-rem-calculator .rem-left-panel .rem-checkbox-wrapper label{display:inline;font-size:.9rem;color:var(--db-text-primary);margin:0}.page-rem-calculator .rem-left-panel .rem-button-variants{display:flex;gap:.5rem;flex-wrap:wrap;margin:8px 0}.page-rem-calculator .rem-left-panel .rem-btn-primary{padding:.75rem 1.5rem;background:var(--db-color-primary);color:var(--db-text-inverse-primary, #fff);border:none;border-radius:6px;cursor:pointer}.page-rem-calculator .rem-left-panel .rem-btn-secondary{padding:.75rem 1.5rem;background:var(--db-bg-tertiary);color:var(--db-text-primary);border:none;border-radius:6px;cursor:pointer}.page-rem-calculator .rem-left-panel .rem-btn-outline{padding:.75rem 1.5rem;background:rgba(0,0,0,0);color:var(--db-color-primary);border:2px solid var(--db-color-primary);border-radius:6px;cursor:pointer}.page-rem-calculator .rem-left-panel .rem-card{background:var(--db-bg-primary);border:1px solid var(--db-border-base);border-radius:8px;overflow:hidden;margin:8px 0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.page-rem-calculator .rem-left-panel .rem-card-header{background:var(--db-bg-secondary);padding:1rem;border-bottom:1px solid var(--db-border-base);font-weight:600;font-size:.95rem}.page-rem-calculator .rem-left-panel .rem-card-body{padding:1rem;font-size:.85rem;color:var(--db-text-secondary);line-height:1.6}.page-rem-calculator .rem-left-panel .rem-toast{padding:1rem;border-radius:4px;margin:8px 0;font-size:.9rem}.page-rem-calculator .rem-left-panel .rem-toast-success{background:#dcfce7;border-left:4px solid #22c55e;color:#166534}.page-rem-calculator .rem-left-panel .rem-toast-error{background:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.page-rem-calculator .rem-left-panel .rem-toast-warning{background:#fef3c7;border-left:4px solid #f59e0b;color:#92400e}.page-rem-calculator .rem-left-panel .rem-toast-info{background:#f0f5ff;border-left:4px solid var(--db-color-primary);color:var(--db-text-primary)}.page-rem-calculator .rem-right-panel{width:300px;background:var(--db-bg-primary);overflow-y:auto}.page-rem-calculator .rem-right-panel .rem-section{margin-bottom:24px}.page-rem-calculator .rem-right-panel .rem-section:last-child{border-bottom:none}.page-rem-calculator .rem-right-panel .rem-section h2{font-size:.8rem;color:var(--db-text-secondary);margin-bottom:12px;font-weight:600}.page-rem-calculator .rem-right-panel .rem-input-group{margin-bottom:14px}.page-rem-calculator .rem-right-panel .rem-input-group label{display:block;font-size:.8rem;color:var(--db-text-secondary);margin-bottom:6px;font-weight:500}.page-rem-calculator .rem-right-panel .rem-input-hint{font-size:.75rem;color:var(--db-text-secondary);margin-top:4px}.page-rem-calculator .rem-right-panel .rem-calc-table{background:var(--db-bg-secondary);border-radius:6px;padding:12px;margin-top:12px}.page-rem-calculator .rem-right-panel .rem-calc-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.85rem;border-bottom:1px solid var(--db-border-base)}.page-rem-calculator .rem-right-panel .rem-calc-row:last-child{border-bottom:none}.page-rem-calculator .rem-right-panel .rem-calc-label{color:var(--db-text-secondary);font-weight:500}.page-rem-calculator .rem-right-panel .rem-calc-result{color:var(--db-color-primary);font-weight:600}.page-rem-calculator .rem-right-panel .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}.page-rem-calculator .rem-right-panel .rem-quick-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;max-height:280px;overflow-y:auto}.page-rem-calculator .rem-right-panel .rem-quick-value{background:var(--db-bg-secondary);padding:10px;border-radius:4px;display:flex;justify-content:space-between;font-size:.8rem;border:1px solid var(--db-border-base)}.page-rem-calculator .rem-right-panel .rem-quick-px{color:var(--db-text-secondary);font-weight:500}.page-rem-calculator .rem-right-panel .rem-quick-rem{color:var(--db-color-primary);font-weight:600}.page-rem-calculator .rem-right-panel .rem-tip{background:#fff8f0;border-left:3px solid #f59e0b;padding:10px;border-radius:4px;color:#7a3800;font-size:.8rem;line-height:1.4}.page-rem-calculator .rem-right-panel::-webkit-scrollbar{width:6px}.page-rem-calculator .rem-right-panel::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.page-rem-calculator .rem-right-panel::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:3px}.page-rem-calculator .rem-right-panel::-webkit-scrollbar-thumb:hover{background:var(--db-text-secondary)}.page-rem-calculator .tools-page-title{margin-bottom:var(--db-margin-m);padding-bottom:var(--db-padding-m);border-bottom:1px solid var(--db-border-base)}.page-rem-calculator .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-rem-calculator .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-rem-calculator .tools-page-title .tools-page-desc{font-size:.85rem;color:var(--db-text-secondary);margin:0;line-height:1.4}@media(max-width: 1024px){.page-rem-calculator .rem-left-panel{flex:1;border-bottom:1px solid var(--db-border-base)}.page-rem-calculator .rem-right-panel{width:100%;max-height:45vh}}.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 .design-size-group-filter{order:2;position:relative;flex-shrink:0}.tool-page--size-guide .design-size-group-filter__toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;white-space:nowrap}.tool-page--size-guide .design-size-group-filter__toggle .icon-chevron-down{font-size:14px;transition:transform .2s ease}.tool-page--size-guide .design-size-group-filter.is-open .design-size-group-filter__toggle .icon-chevron-down{transform:rotate(180deg)}.tool-page--size-guide .design-size-group-filter__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:140px;margin:0;padding:4px;list-style:none;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--size-guide .design-size-group-filter__menu[hidden]{display:none !important}.tool-page--size-guide .design-size-group-filter__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--size-guide .design-size-group-filter__option:hover{background-color:var(--db-bg-secondary);color:var(--db-text-primary)}.tool-page--size-guide .design-size-group-filter__option.is-active{background-color:rgba(0,79,255,.08);color:var(--db-color-primary);font-weight:600}.design-size-sub-tabs-bar{position:sticky;top:calc(var(--db-header-banner-offset, 0px) + var(--db-static-header-height, 57px) + var(--palette-tool-header-height, 56px));z-index:6;background-color:var(--db-bg-primary);border-bottom:1px solid var(--db-border-base)}.design-size-sub-tabs-bar .design-size-sub-tabs.filter-container{margin:0;padding:var(--db-padding-s) 0;justify-content:flex-start;background-color:var(--db-bg-primary)}.design-size-sub-tabs-bar .design-size-sub-tabs .filter-tabs{justify-content:flex-start;width:100%;padding:0}.design-size-guide-tool{padding-top:var(--db-padding-m);padding-bottom:var(--db-padding-2xl)}.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: 767px){.design-size-guide-tool .container,.design-size-sub-tabs-bar .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){.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}}.design-tool-archive-tool{padding-top:var(--db-padding-m);padding-bottom:var(--db-padding-2xl)}.freebies-archive-tool{padding-top:var(--db-padding-m);padding-bottom:var(--db-padding-2xl)}.freefonts-archive-tool{padding-top:var(--db-padding-s);padding-bottom:var(--db-padding-2xl)}.tool-page--designer-bookmark .tool-page__body{flex-direction:column;align-items:stretch;width:100%}.designer-bookmark-tool{width:100%;padding-bottom:var(--db-padding-2xl)}.designer-bookmark-tool>section{padding-top:var(--db-padding-l)}.designer-bookmark-tool>section:first-child{padding-top:var(--db-padding-m)}.designer-bookmark-tool .archive-controls{display:flex;flex-wrap:nowrap;align-items:center;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-bottom:var(--db-margin-l);gap:var(--db-gap-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);padding: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);background-color:var(--db-bg-secondary);overflow:hidden}.designer-bookmark-tool .archive-controls.flex-row{gap:var(--db-gap-s)}.designer-bookmark-tool .archive-controls__search{flex:1 1 auto;min-width:0;max-width:none;width:auto;margin:0}.designer-bookmark-tool .archive-controls__search.tool-page-header__search{flex:1 1 auto;min-width:0;max-width:none;width:auto}.designer-bookmark-tool .archive-controls .category-tabs{flex:0 0 auto;width:max-content;max-width:100%;margin:0;justify-content:flex-start}.designer-bookmark-tool .archive-controls .sort-dropdown{flex:0 0 auto;margin-left:0}.designer-bookmark-tool .archive-controls .sort-dropdown 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}#taxonomy-archive .grid.grid-5{gap:var(--db-padding-m)}.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)}@media only screen and (max-width: 820px){#bookmark-sidebar{margin-top:0}#bookmark-sidebar .page-title{display:none}}@media only screen and (max-width: 767px){.designer-bookmark-tool .archive-controls{flex-wrap:nowrap;align-items:center;gap:var(--db-gap-s)}.designer-bookmark-tool .archive-controls__search,.designer-bookmark-tool .archive-controls__search.tool-page-header__search{flex:1 1 0;min-width:0;max-width:none;width:auto}.designer-bookmark-tool .archive-controls .tool-page-header__search-label,.designer-bookmark-tool .archive-controls .tool-page-header__search-input{width:100%;min-width:0;box-sizing:border-box}.designer-bookmark-tool .archive-controls .category-tabs{display:none}.designer-bookmark-tool .archive-controls .sort-dropdown{flex:0 0 auto;flex-shrink:0}.designer-bookmark-tool .archive-controls .sort-dropdown select{width:auto;min-width:120px}}.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)}