#db-mini{--accent:#4faee4;--accent-600:#2f8ec7;--panel:#ffffff;--ink:#0f172a;--edge:#fae9c4;--radius:18px;--shadow:0 8px 24px rgba(15,23,42,.06);--btn-size:68px;--gap:12px;--m-top-h:64px;--m-bot-h:64px;--m-top-gap:0px;--m-bot-gap:0px;font-family:"Fredoka",system-ui,sans-serif;margin-top:0!important;padding-top:0!important}#db-mini:fullscreen{background:#fff;padding:8px 8px 12px}#db-mini.db-fs-fallback{position:fixed;inset:0;width:100vw;height:100vh;background:#fff;z-index:99999;overflow:auto;padding:8px 8px 12px}#db-mini:fullscreen .db-leftcard,#db-mini:fullscreen .db-rightcard,#db-mini.db-fs-fallback .db-leftcard,#db-mini.db-fs-fallback .db-rightcard{top:8px;max-height:calc(100vh - 16px)}.db-layout{display:flex;align-items:flex-start;gap:12px;width:100%;justify-content:space-between}.db-left{display:flex;flex-direction:column;gap:12px;align-self:stretch;flex:0 0 auto}.db-leftcard{width:320px!important;min-width:320px!important;max-width:320px!important;box-sizing:border-box!important;display:flex;flex-direction:column;align-items:center!important;gap:15px;padding:15px;background:var(--panel);border:3px solid var(--edge);border-radius:20px;position:sticky;top:2px;max-height:95vh;overflow-y:auto;overflow-x:hidden;flex-shrink:0}.db-tools-grid{display:grid;grid-template-columns:repeat(3,var(--btn-size));gap:15px!important;justify-content:center;flex-shrink:0;width:auto!important;margin-bottom:5px}.db-sep{display:none}.db-title{font-size:18px;font-weight:900;color:#000000!important;text-align:center;margin:0 0 10px;width:100%}.db-card{width:100%;margin:0;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;row-gap:8px!important;min-height:96px!important;height:auto!important;padding:8px 15px 14px!important;background:#ffffff!important;position:relative;z-index:2;border:1px solid #e9eef5;border-radius:14px;flex-shrink:0!important;overflow:hidden}.db-card label{display:block!important;width:100%;text-align:left!important;font-size:14px!important;font-weight:900!important;color:#000000!important;margin:0 0 8px!important;line-height:1.25;visibility:visible!important}.db-leftcard .db-card>label{font-size:16px!important;font-weight:900;text-align:center!important;color:var(--accent-600)!important;margin-bottom:10px!important}.db-rightcard .db-card>label{font-size:18px!important;font-weight:900;text-align:center!important;color:var(--accent-600)!important;margin-bottom:10px!important}#db-tools-title{font-size:18px!important;font-weight:900;text-align:center;color:var(--accent-600)!important}.db-num,#db-color-hex{color:var(--ink)!important}#db-mini .db-ctrl{display:flex!important;align-items:center!important;gap:8px!important;width:100%;box-sizing:border-box!important;margin-top:8px;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}.db-num-wrap{position:relative;width:75px;flex-shrink:0}.db-num{width:100%;padding:0 10px;border:1px solid #d9e3ee;border-radius:8px;background:#ffffff!important;color:#000000!important;text-align:center;font-size:14px;font-weight:700;height:36px;line-height:34px;box-sizing:border-box!important}.db-suf{display:none}.db-ctrl input[type="range"]{flex:0 1 165px;max-width:165px;height:24px;margin:0;cursor:pointer;box-sizing:border-box}.db-card.db-zoom .db-ctrl input[type="range"]{flex-basis:115px;max-width:115px}.db-mini-btn{padding:0 12px;min-width:48px;height:36px;border-radius:10px;border:1px solid #d9e3ee;background:#fff;font-weight:800;font-size:14px;cursor:pointer;color:#000;box-sizing:border-box}.db-actions{display:grid;grid-template-columns:repeat(3,var(--btn-size));gap:15px!important;justify-content:center;margin-top:10px;flex-shrink:0;width:auto!important}.db-download-row{display:grid;grid-template-columns:repeat(2,var(--btn-size));gap:15px!important;justify-content:center;flex-shrink:0;width:auto!important}#db-mini .db-btn{width:var(--btn-size);height:var(--btn-size);border:none;border-radius:20px;background:linear-gradient(180deg,var(--accent) 0%,#67b9e7 100%);color:#fff;font-size:30px;cursor:pointer;box-shadow:0 3px 0 rgb(0 0 0 / .09),0 10px 16px rgb(79 174 228 / .18);transition:filter .15s ease,opacity .15s ease,transform .05s ease;display:flex;align-items:center;justify-content:center;padding:0}#db-mini .db-btn:disabled{background:#c9d9eb;box-shadow:none;filter:saturate(.3);opacity:.7;cursor:default}#db-mini .db-btn:disabled .db-ico{opacity:.7}#db-mini .db-btn.db-on{outline:3px solid #ffd966;box-shadow:0 0 0 4px rgb(255 217 102 / .45),0 10px 16px rgb(0 0 0 / .08)}.db-ico{width:60px!important;height:60px!important;object-fit:contain;pointer-events:none;user-select:none;margin:0}#db-box{position:relative;border:4px solid var(--edge);border-radius:20px;box-shadow:0 0 8px rgb(0 0 0 / .08);background:#fff0;overflow:hidden;height:auto;margin-top:0}#db-box.db-pan{cursor:grab}#db-box.db-grabbing{cursor:grabbing;user-select:none}#db-stage{position:relative;transform-origin:top left}#db-box *:not(canvas){pointer-events:none}#db-stage *:not(canvas){pointer-events:none}canvas{display:block;width:100%;height:auto}#db-paint{position:relative;z-index:2;pointer-events:auto;touch-action:none}#db-lineas{position:absolute;inset:0;z-index:4;mix-blend-mode:multiply;pointer-events:none}#db-lineimg{display:none!important}.db-right{width:320px!important;flex:0 0 320px!important}.db-rightcard{background:var(--panel);border:3px solid var(--edge);border-radius:20px;padding:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;position:sticky;top:2px;max-height:95vh;overflow-y:auto}.db-rightcard .db-fs-btn{position:absolute;top:10px;right:10px;z-index:10;width:42px;height:42px;border:none;border-radius:12px;background:linear-gradient(180deg,var(--accent) 0%,#67b9e7 100%);color:#fff;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 rgb(0 0 0 / .09),0 10px 16px rgb(79 174 228 / .18)}.db-rightcard .db-fs-btn[data-on="1"]{outline:3px solid #ffd966;box-shadow:0 0 0 4px rgb(255 217 102 / .45),0 10px 16px rgb(0 0 0 / .08)}.db-picker .row{width:100%;display:grid;grid-template-columns:44px minmax(90px,1fr) 44px;column-gap:8px;align-items:center}#db-color-input{width:44px;height:44px;border:2px solid #e1e7ef;border-radius:12px;padding:0;background:#fff0;appearance:none}#db-color-hex{min-width:90px;height:44px;border:1px solid #e1e7ef;border-radius:12px;padding:0 10px;font-family:monospace;text-align:center;line-height:44px;font-size:15px;background:#fff}#db-sw-custom{width:44px;height:44px;border:2px solid #a3b4c6;border-radius:50%;background:red}.db-sw{width:50px;height:50px;border:2px solid #a3b4c6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#fff}.db-sw.db-sel{outline:3px solid var(--accent);box-shadow:0 0 0 4px rgb(79 174 228 / .25)}.db-sw.db-tool{background:conic-gradient(#f5f8fb 0 25%,#ffffff 0 50%,#f5f8fb 0 75%,#ffffff 0 100%)}.db-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:10px 8px 10px 12px}#db-mobile-top,#db-mobile-bottom{display:none}.db-fab{display:none}.db-catbtn{display:none}.db-navmenu{display:none}@media (max-width:900px){html:has(#db-mini),body:has(#db-mini){background:#fff;height:100svh;overflow:hidden!important;overscroll-behavior-y:none}body:has(#db-mini) .site-header,body:has(#db-mini) header.site-header,body:has(#db-mini) .ct-header,body:has(#db-mini) .top-bar,body:has(#db-mini) .page-header,body:has(#db-mini) .entry-header,body:has(#db-mini) .page-title,body:has(#db-mini) .breadcrumbs,body:has(#db-mini) .ct-breadcrumbs,body:has(#db-mini) .sidebar,body:has(#db-mini) .ct-sidebar,body:has(#db-mini) .widget-area,body:has(#db-mini) footer,body:has(#db-mini) .site-footer,body:has(#db-mini) .ct-footer,body:has(#db-mini) .trp-language-switcher,body:has(#db-mini) .trp-language-switcher-container,body:has(#db-mini) #gtranslate_wrapper,body:has(#db-mini) .gt_float_switcher,body:has(#db-mini) .gtranslate_wrapper,body:has(#db-mini) .language-switcher,body:has(#db-mini) .lang-switcher{display:none!important}#db-mini{--m-top-h:72px;--m-bot-h:72px;--m-top-gap:8px;--m-bot-gap:8px}#db-mobile-top{position:fixed;left:0;right:0;top:var(--m-top-gap);padding:12px calc(10px + env(safe-area-inset-right)) 12px calc(10px + env(safe-area-inset-left));background:#fff;border-bottom:1px solid #eef2f7;display:flex;gap:10px;align-items:center;justify-content:center;z-index:1001;height:var(--m-top-h)}#db-mobile-bottom{position:fixed;left:0;right:0;bottom:var(--m-bot-gap);padding:12px calc(10px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));background:#fff;border-top:1px solid #eef2f7;display:flex;gap:12px;align-items:center;justify-content:center;z-index:1001;height:var(--m-bot-h)}.db-mbtn{width:56px;height:56px;border:none;border-radius:16px;background:linear-gradient(180deg,var(--accent) 0%,#67b9e7 100%);color:#fff;font-size:26px;font-weight:900;line-height:1;box-shadow:0 3px 0 rgb(0 0 0 / .09),0 10px 16px rgb(79 174 228 / .18);display:inline-flex;align-items:center;justify-content:center}.db-mbtn:disabled{filter:saturate(0) brightness(.95);opacity:.55}.db-mbtn.db-on{outline:3px solid #ffd966;box-shadow:0 0 0 4px rgb(255 217 102 / .45),0 10px 16px rgb(0 0 0 / .08)}.db-mbtn .db-ico{width:44px;height:44px}#db-mini{padding-top:calc(var(--m-top-h) + var(--m-top-gap) + env(safe-area-inset-top));padding-bottom:calc(var(--m-bot-h) + var(--m-bot-gap) + env(safe-area-inset-bottom))}.db-left{display:none}.db-right{position:fixed;top:calc(var(--m-top-h) + var(--m-top-gap));right:0;bottom:calc(var(--m-bot-h) + var(--m-bot-gap));width:min(92vw, 360px);transform:translateX(100%);transition:transform .25s ease;z-index:1002}.db-right.open{transform:translateX(0)}.db-rightcard{top:0;max-height:100%;border-radius:16px 0 0 16px}.db-rightcard .db-fs-btn{display:none}.db-fab{position:fixed;right:calc(12px + env(safe-area-inset-right));bottom:calc(var(--m-bot-h) + var(--m-bot-gap) + 12px + env(safe-area-inset-bottom));width:60px;height:60px;border:none;border-radius:50%;background:linear-gradient(180deg,var(--accent) 0%,#67b9e7 100%);color:#fff;font-size:26px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;z-index:1003;box-shadow:0 6px 18px rgb(0 0 0 / .18)}.db-catbtn{position:fixed;left:calc(12px + env(safe-area-inset-left));bottom:calc(var(--m-bot-h) + var(--m-bot-gap) + 12px + env(safe-area-inset-bottom));width:60px;height:60px;border:none;border-radius:50%;background:#fff;border:3px solid var(--edge);display:inline-flex;align-items:center;justify-content:center;z-index:1004;box-shadow:0 6px 18px rgb(0 0 0 / .12)}.db-catbtn img{width:40px;height:40px;object-fit:contain}.db-navmenu{position:fixed;inset:0;z-index:1005;background:rgb(0 0 0 / .35);display:none}.db-navmenu[aria-hidden="false"]{display:block}.db-navsheet{position:fixed;left:50%;bottom:calc(var(--m-bot-h) + var(--m-bot-gap) + 16px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(92vw,480px);background:#fff;border:3px solid var(--edge);border-radius:18px;box-shadow:0 18px 40px rgb(0 0 0 / .26);padding:10px;display:flex;flex-direction:column;gap:8px}.db-navsheet a,.db-navsheet button{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:14px;border:1px solid #e6edf6;background:#fff;font-weight:800;font-size:16px;color:#0f172a}.db-navsheet a:hover,.db-navsheet button:hover{background:#f7fbff}.db-layout{min-height:calc(100svh - (var(--m-top-h) + var(--m-top-gap)) - (var(--m-bot-h) + var(--m-bot-gap)) - env(safe-area-inset-top) - env(safe-area-inset-bottom));align-items:center;justify-content:center}.db-colors .db-sw:nth-last-child(2){display:none}}@media (min-width:901px){.db-layout{align-items:stretch!important}.db-right{align-self:stretch!important}.db-leftcard,.db-rightcard{height:100%!important;max-height:none!important;justify-content:center}}#db-mini .db-download-row--3{grid-template-columns:repeat(3,var(--btn-size))!important}#db-mini:fullscreen .db-left,#db-mini:fullscreen .db-right{width:440px!important;flex:0 0 440px!important}#db-mini:fullscreen .db-leftcard,#db-mini:fullscreen .db-rightcard{width:440px!important;min-width:440px!important;max-width:440px!important;--btn-size:104px;padding:24px;gap:20px}#db-mini:fullscreen .db-ico{width:68px!important;height:68px!important}#db-mini:fullscreen .db-sw{width:60px;height:60px}#db-mini:fullscreen .db-colors{gap:14px}#db-mini:fullscreen .db-title,#db-mini:fullscreen #db-tools-title{font-size:22px!important}#db-mini:fullscreen .db-leftcard .db-card>label,#db-mini:fullscreen .db-rightcard .db-card>label{font-size:18px!important;white-space:nowrap}#db-mini:fullscreen .db-num{height:46px;font-size:17px}#db-mini:fullscreen .db-ctrl input[type="range"]{height:32px}