:root{--iv-bg:#0b0f12;--iv-surface:#12181d;--iv-surface-2:#182127;--iv-card:#f6f7f5;--iv-ink:#11181c;--iv-muted:#66747c;--iv-line:rgba(17,24,28,.13);--iv-accent:#34d3b0;--iv-accent-dark:#087f6b;--iv-white:#fff;--iv-radius:18px;--iv-shadow:0 18px 48px rgba(9,15,18,.12)}
*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--iv-bg)}body{margin:0!important;background:#edf0ef!important;color:var(--iv-ink)!important;font-family:Pretendard,"Noto Sans KR",Inter,system-ui,-apple-system,sans-serif!important;letter-spacing:-.015em}
.top-links{min-height:38px!important;padding:6px clamp(16px,4vw,44px)!important;background:#f8faf9!important;border-bottom:1px solid #dde3e1!important}.top-links a{color:#637078!important;border:1px solid transparent!important;border-radius:8px!important;padding:5px 9px!important;font-size:.78rem!important}.top-links a:hover{color:var(--iv-ink)!important;background:#fff!important;border-color:#d9e0de!important}
.gnb{height:74px!important;background:rgba(10,14,17,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 30px rgba(0,0,0,.15)!important;backdrop-filter:blur(18px)}.nav-container{width:min(1180px,calc(100% - 40px))!important;height:100%!important;margin:auto!important;padding:0!important}.logo img{height:28px!important;filter:brightness(0) invert(1)}.nav-menu{gap:6px!important}.nav-menu>li>a{display:flex!important;align-items:center!important;height:42px!important;padding:0 14px!important;border-radius:10px!important;color:#cad3d5!important;font-size:.93rem!important;font-weight:650!important}.nav-menu>li>a:hover,.nav-menu>li>a:focus{background:rgba(52,211,176,.12)!important;color:#79efd5!important}.dropdown-menu{background:#151d22!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;box-shadow:0 20px 50px rgba(0,0,0,.32)!important;overflow:hidden}.dropdown-menu a{color:#dbe4e5!important}
.main-content{width:min(1240px,calc(100% - 32px))!important;margin:0 auto!important;padding:28px 0 80px!important}.intro-section{margin:0 0 54px!important;min-height:320px!important;border:0!important;border-radius:26px!important;background:radial-gradient(circle at 85% 20%,rgba(52,211,176,.24),transparent 31%),linear-gradient(135deg,#0c1216,#17252a)!important;box-shadow:0 24px 70px rgba(7,13,16,.2)!important;overflow:hidden!important}.intro-container{min-height:320px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:clamp(36px,7vw,84px)!important;text-align:left!important}.intro-container h1{margin:0 0 18px!important;color:#fff!important;font-size:clamp(3rem,8vw,6.8rem)!important;font-weight:850!important;line-height:.9!important;letter-spacing:-.065em!important}.intro-container h1::after{content:"";display:inline-block;width:.18em;height:.18em;margin-left:.08em;border-radius:2px;background:var(--iv-accent)}.intro-container p{max-width:650px!important;margin:0!important;color:#b9c7c9!important;font-size:clamp(1rem,2vw,1.22rem)!important;line-height:1.8!important}
.section{margin:70px 0 22px!important;padding:0 4px!important;text-align:left!important;border:0!important;background:transparent!important}.section-title{margin:0!important;color:#11191d!important;font-size:clamp(2rem,4vw,3.5rem)!important;font-weight:830!important;letter-spacing:-.055em!important}.section-description{margin:10px 0 0!important;color:#6c797f!important;font-size:1rem!important}.tiles-container,.program-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;padding:0!important;background:transparent!important}
.tile{position:relative!important;min-height:230px!important;padding:26px 24px!important;border:1px solid #d8dfdd!important;border-radius:var(--iv-radius)!important;background:var(--iv-card)!important;color:var(--iv-ink)!important;text-decoration:none!important;box-shadow:none!important;overflow:hidden!important;transform:none!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}.tile::before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:transparent;transition:background .2s ease}.tile:hover{transform:translateY(-5px)!important;border-color:#a7b7b2!important;box-shadow:var(--iv-shadow)!important}.tile:hover::before{background:var(--iv-accent)}.tile-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:54px!important;height:54px!important;margin:0 0 28px!important;border-radius:14px!important;background:#e7ecea!important;font-size:1.7rem!important;filter:saturate(.8)}.tile h3{margin:0 0 10px!important;color:#172126!important;font-size:1.08rem!important;line-height:1.35!important;font-weight:780!important;text-align:left!important}.tile p{margin:0!important;color:#748087!important;font-size:.88rem!important;line-height:1.65!important;text-align:left!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pin-btn{top:18px!important;right:18px!important;width:34px!important;height:34px!important;border:1px solid #dce2e0!important;border-radius:10px!important;background:#fff!important;color:#84918e!important;box-shadow:none!important}.tile.pinned{border-color:var(--iv-accent)!important;background:#f0fbf8!important}
.monologue-section{margin-top:76px!important;border-radius:24px!important;background:#10171b!important;color:#fff!important;box-shadow:var(--iv-shadow)!important}.monologue-container{padding:clamp(28px,5vw,58px)!important}.monologue-section h2,.monologue-section h3{color:#fff!important}.monologue-section input,.monologue-section textarea{border:1px solid #334147!important;border-radius:12px!important;background:#182126!important;color:#fff!important}.monologue-section button{border-radius:12px!important;background:var(--iv-accent)!important;color:#08241d!important;font-weight:800!important}
/* Tool pages */
body>.tool-container,main.tool-container{width:min(1180px,calc(100% - 32px))!important;margin:0 auto!important;padding:34px 0 80px!important;background:transparent!important}.tool-container>.tool-container{width:100%!important;padding:0!important}.tool-header{position:relative!important;margin:0 0 22px!important;padding:clamp(30px,5vw,58px)!important;border:0!important;border-radius:24px!important;background:linear-gradient(135deg,#0c1216,#1a292e)!important;color:#fff!important;box-shadow:0 24px 60px rgba(6,12,15,.2)!important;text-align:left!important}.tool-title{margin:0!important;color:#fff!important;font-size:clamp(2.2rem,5vw,4.6rem)!important;font-weight:850!important;line-height:1!important;letter-spacing:-.055em!important}.tool-description{max-width:680px!important;margin:18px 0 0!important;padding:0!important;border:0!important;color:#aebec1!important;font-size:1.05rem!important;text-align:left!important}.last-updated-info{position:static!important;display:inline-flex!important;margin-top:24px!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;background:rgba(255,255,255,.06)!important;color:#aebec1!important;font-size:.75rem!important;box-shadow:none!important}.back-button-top,.sns-share-floating{top:18px!important}.back-button-top button,.sns-share-floating>button,.share-btn{border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important}
.tool-content,.tool-fallback{margin:0 0 22px!important;padding:clamp(24px,4vw,42px)!important;border:1px solid #d9dfdd!important;border-radius:22px!important;background:#f8faf9!important;color:var(--iv-ink)!important;box-shadow:0 16px 46px rgba(14,24,28,.08)!important}.tool-content>*:first-child{margin-top:0!important}.tool-content h2,.tool-content h3,.tool-fallback h2,.tool-fallback h3{color:#172126!important}.tool-content input,.tool-content textarea,.tool-content select,.tool-fallback input,.tool-fallback textarea,.tool-fallback select{max-width:100%!important;border:1px solid #cdd6d3!important;border-radius:11px!important;background:#fff!important;color:#132025!important;padding:12px 14px!important;box-shadow:none!important;font:inherit!important}.tool-content input:focus,.tool-content textarea:focus,.tool-content select:focus,.tool-fallback input:focus,.tool-fallback textarea:focus,.tool-fallback select:focus{outline:3px solid rgba(52,211,176,.22)!important;border-color:var(--iv-accent-dark)!important}.tool-content button,.tool-fallback button{border:0!important;border-radius:10px!important;background:#172126!important;color:#fff!important;padding:12px 17px!important;font-weight:760!important;box-shadow:none!important;transition:transform .15s ease,background .15s ease!important}.tool-content button:hover,.tool-fallback button:hover{background:#25333a!important;transform:translateY(-1px)!important}.tool-content button.secondary,.tool-fallback button.secondary{background:var(--iv-accent-dark)!important}.fallback-heading{margin-bottom:24px!important}.fallback-heading span{display:none!important}.fallback-heading h2{font-size:clamp(1.8rem,3vw,2.7rem)!important}.fallback-result,[class*="result"],#output{border-radius:12px}.fallback-result{background:#e9efed!important;color:#172126!important}.fallback-result strong{color:#087f6b!important}
.quick-guide{margin:0 0 22px;padding:26px;border:1px solid #d9dfdd;border-radius:20px;background:#fff}.quick-guide-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.quick-guide h3{margin:0;color:#172126;font-size:1.25rem}.quick-guide p{margin:0;color:#748087;font-size:.86rem}.quick-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:guide}.quick-guide-step{position:relative;min-height:116px;padding:18px 16px 16px 48px;border-radius:14px;background:#edf2f0;color:#536168;font-size:.9rem;line-height:1.55}.quick-guide-step::before{counter-increment:guide;content:counter(guide);position:absolute;left:14px;top:16px;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#162126;color:#fff;font-size:.75rem;font-weight:800}.quick-guide-step strong{display:block;margin-bottom:5px;color:#162126;font-size:.94rem}
.tool-description-section{margin:0!important;padding:clamp(24px,4vw,40px)!important;border:1px solid #d9dfdd!important;border-radius:22px!important;background:#fff!important;color:#38464c!important;box-shadow:none!important}.tool-description-section>h3{margin-top:0!important;color:#172126!important;font-size:1.5rem!important}.description-content{color:#526168!important;line-height:1.8!important}.description-content h3,.description-content h4{color:#172126!important}.description-content ul{padding-left:1.25rem!important}.description-content li{margin:.45rem 0!important}.back-button-description{display:none!important}.random-tool-section{margin:24px 0 0!important}.btn-random-tool{border:1px solid #cbd4d1!important;border-radius:11px!important;background:#fff!important;color:#26343a!important;box-shadow:none!important}
.image-preview-canvas{display:block;max-width:100%;height:auto;margin-top:4px;border:1px solid #d5ddda;border-radius:14px;background:#e8edeb}.image-preview-canvas[hidden]{display:none!important}
@media(max-width:980px){.tiles-container,.program-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.nav-menu>li>a{padding:0 9px!important;font-size:.84rem!important}}
@media(max-width:760px){.top-links{display:none!important}.gnb{height:64px!important}.nav-container{width:calc(100% - 24px)!important}.nav-menu{max-width:70%;overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none}.nav-menu>li>a{white-space:nowrap!important}.tiles-container,.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tile{min-height:205px!important;padding:21px 18px!important}.quick-guide-steps{grid-template-columns:1fr!important}.tool-header{padding-top:76px!important}.tool-title{font-size:2.25rem!important}}
@media(max-width:480px){.main-content,body>.tool-container,main.tool-container{width:min(100% - 20px,1180px)!important}.intro-section,.tool-header,.tool-content,.tool-fallback,.tool-description-section{border-radius:16px!important}.intro-container{min-height:270px!important;padding:30px 24px!important}.tiles-container,.program-grid{grid-template-columns:1fr!important;gap:11px!important}.tile{min-height:0!important}.tile-icon{margin-bottom:18px!important}.tool-content,.tool-fallback{padding:20px!important}}

/* Editorial shell + color tile direction */
@media(min-width:951px){
  body{padding-left:92px!important;background:#f0eee6!important}
  .top-links{display:none!important}
  .gnb{position:fixed!important;z-index:1000!important;left:0!important;top:0!important;width:92px!important;height:100vh!important;border-right:1px solid #cbc8bc!important;border-bottom:0!important;background:#f0eee6!important;box-shadow:none!important;backdrop-filter:none!important}
  .nav-container{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;padding:24px 14px!important}
  .logo{margin:0!important}.logo img{width:58px!important;height:auto!important;filter:brightness(0)!important}
  .nav-menu{display:flex!important;flex:1!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px!important;margin:20px 0!important;overflow:visible!important}
  .nav-menu>li{width:auto!important}.nav-menu>li>a{height:auto!important;min-height:52px!important;padding:8px!important;border-radius:9px!important;color:#5d645b!important;font-size:.78rem!important;letter-spacing:.08em!important;writing-mode:vertical-rl!important;text-orientation:mixed!important}
  .nav-menu>li>a:hover,.nav-menu>li>a:focus{background:#dfddd3!important;color:#161914!important}
  .dropdown-menu{left:58px!important;top:0!important;min-width:190px!important;background:#f8f6ef!important;border-color:#cbc8bc!important}.dropdown-menu a{color:#242820!important;writing-mode:horizontal-tb!important}
  .main-content{width:min(1420px,calc(100% - 72px))!important;margin:0 auto!important;padding:30px 20px 86px!important}
  .main-content{max-width:1420px!important}
  body>.tool-container,main.tool-container{width:min(1480px,calc(100% - 52px))!important;max-width:1480px!important;margin:0 auto!important}
  body>footer:not(.devlog-footer),.site-footer{margin-left:0!important}
}

.intro-section{background:#f0eee6!important;border-radius:0!important;border-bottom:1px solid #cbc8bc!important;box-shadow:none!important}
.intro-container{position:relative!important;min-height:270px!important;padding:40px 8px!important}.intro-container::after{content:"61";position:absolute;right:1%;bottom:28px;color:#c6c2b5;font-size:clamp(4rem,10vw,7rem);font-weight:500;letter-spacing:-.07em}
.intro-container h1{position:relative;z-index:1;color:#171a16!important;font-size:clamp(3.8rem,8vw,7.6rem)!important;font-weight:500!important;letter-spacing:-.07em!important}.intro-container h1::after{background:#c8e65c!important}
.intro-container p{position:relative;z-index:1;color:#5e655b!important;max-width:580px!important}.section{border-bottom:1px solid #cbc8bc!important;padding-bottom:16px!important}.section-title{font-weight:500!important}.section-description{color:#656b62!important}
.tiles-container,.program-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box!important}
.view-toolbar{display:flex;align-items:center;justify-content:space-between;margin:24px 0 0;padding:0 20px;color:#686f66;font-size:.72rem;letter-spacing:.1em}.view-toolbar button{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #c8c5ba;border-radius:9px;background:#e8e5db;color:#252923;font:inherit;letter-spacing:0;cursor:pointer}.view-toolbar button:hover{border-color:#969c91;background:#f8f6ef}.tool-list-view .tiles-container,.tool-list-view .program-grid{grid-template-columns:1fr!important}.tool-list-view .tile{display:grid!important;grid-template-columns:52px minmax(180px,.38fr) minmax(0,1fr)!important;align-items:center!important;gap:18px!important;min-height:92px!important;padding:18px 62px 18px 20px!important}.tool-list-view .tile-icon{margin:0!important}.tool-list-view .tile h3{margin:0!important}.tool-list-view .tile p{-webkit-line-clamp:2!important}
.tile{min-height:235px!important;padding:20px!important;border:0!important;border-radius:22px!important;color:#171816!important;box-shadow:none!important}.tile::before{display:none!important}.tile:nth-child(6n+1){background:#c8e65c!important}.tile:nth-child(6n+2){background:#a9cdf8!important}.tile:nth-child(6n+3){background:#f0b7a4!important}.tile:nth-child(6n+4){background:#f4e8cb!important}.tile:nth-child(6n+5){background:#cbbdf3!important}.tile:nth-child(6n+6){background:#a9dfcd!important}.tile:hover{transform:translateY(-4px) rotate(-.25deg)!important;border-color:transparent!important;box-shadow:0 18px 34px rgba(29,31,26,.13)!important}.tile-icon{width:46px!important;height:46px!important;margin-bottom:34px!important;border-radius:13px!important;background:rgba(255,255,255,.46)!important}.tile h3{color:#171816!important;font-weight:500!important}.tile p{color:rgba(23,24,22,.66)!important}.pin-btn{border:0!important;background:rgba(255,255,255,.48)!important;color:#353932!important}.tile.pinned{outline:3px solid #171816!important}
.monologue-section{background:#171a16!important;border-radius:22px!important}
.tool-header{isolation:isolate!important;overflow:visible!important;padding:26px 30px 42px!important;border:0!important;border-radius:24px!important;background:#1b211c!important;color:#f7f5ed!important;box-shadow:0 18px 44px rgba(32,36,30,.12)!important}.tool-header::after{content:"";position:absolute;z-index:-1;right:32px;bottom:30px;width:92px;height:92px;border-radius:22px;background:linear-gradient(135deg,#c8e65c 0 48%,#a9cdf8 48% 100%);opacity:.9;transform:rotate(7deg)}.tool-title{max-width:calc(100% - 150px);color:#f7f5ed!important;font-weight:500!important}.tool-description{max-width:720px!important;color:#bfc7bb!important}.tool-content,.tool-fallback,.tool-description-section,.quick-guide{border-color:#d0cec3!important;background:#f8f6ef!important}.quick-guide-step{background:#e7e4da!important}.quick-guide-step::before{background:#171a16!important}
.tool-action-bar{position:relative;z-index:5;display:flex;align-items:center;gap:8px;margin:0 0 34px}.tool-action-spacer{flex:1}.tool-action-bar button,.tool-action-bar .last-updated-info{position:static!important;margin:0!important;min-height:34px!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important;color:#eef1eb!important;font-size:.74rem!important;line-height:1.2!important;box-shadow:none!important}.tool-action-bar button{cursor:pointer}.tool-action-bar button:hover{background:rgba(255,255,255,.16)!important}.tool-action-bar .last-updated-info{display:flex!important;align-items:center}.tool-action-bar .last-updated-text::before{color:#c8e65c!important}.tool-action-bar .sns-share-floating{position:relative!important;inset:auto!important;z-index:10!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.tool-action-bar .share-menu{top:calc(100% + 8px)!important;right:0!important}
.tool-page-shell{--tool-accent:#a9cdf8;--tool-soft:#d9e9fb;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;width:100%;min-width:0}.tool-page-shell>*{min-width:0}.tool-page-category-calc .tool-page-shell{--tool-accent:#c8e65c;--tool-soft:#e8f2bd}.tool-page-category-viral .tool-page-shell{--tool-accent:#f0b7a4;--tool-soft:#f7d9cf}.tool-page-shell>.tool-container{display:grid!important;gap:22px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.tool-page-shell .tool-header::after{background:linear-gradient(135deg,var(--tool-accent) 0 48%,#cbbdf3 48% 100%)}.tool-page-shell .tool-content,.tool-page-shell .tool-fallback{width:100%!important;margin:0!important;background:var(--tool-soft)!important}.tool-page-shell .tool-description-section{width:100%!important;margin:0!important;padding:28px 30px!important;border:1px solid #d0cec3!important;border-radius:20px!important;background:#f8f6ef!important}.tool-page-shell .random-tool-section{display:flex;justify-content:flex-end;width:100%;margin:0!important;padding:0!important}.tool-page-shell .btn-random-tool{padding:11px 16px!important;border-radius:10px!important;background:#e8e5db!important;color:#20241f!important}.tool-page-category-dev .tool-content input,.tool-page-category-dev .tool-content textarea,.tool-page-category-dev .tool-content pre,.tool-page-category-dev .tool-content code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace!important}.tool-page-category-calc .tool-content input[type="number"]{font-variant-numeric:tabular-nums;font-size:1.05rem!important}.tool-page-category-viral .tool-content button{border-radius:999px!important}.tool-action-bar .share-menu{position:absolute!important;top:calc(100% + 9px)!important;right:0!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-width:124px!important;margin:0!important;padding:8px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;background:#242b25!important;box-shadow:0 16px 34px rgba(0,0,0,.24)!important}.tool-action-bar .share-menu.active{display:flex!important}.tool-action-bar .share-icon{width:100%!important;height:34px!important;border:0!important;border-radius:7px!important;background:rgba(255,255,255,.09)!important;color:#f7f5ed!important}.tool-action-bar .share-icon:hover{transform:none!important;background:rgba(255,255,255,.17)!important}
.bookmark-dialog-overlay{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(18,21,18,.62);backdrop-filter:blur(7px)}.bookmark-dialog{position:relative;width:min(430px,100%);padding:30px;border:1px solid #d0cec3;border-radius:22px;background:#f4f1e8;color:#1c201b;box-shadow:0 28px 80px rgba(0,0,0,.3)}.bookmark-dialog-label{color:#737a70;font-size:.68rem;letter-spacing:.12em}.bookmark-dialog h3{margin:10px 0 12px;font-size:1.65rem}.bookmark-dialog p{margin:0;color:#62685f;line-height:1.65}.bookmark-dialog kbd{display:block;width:max-content;margin:22px auto;padding:12px 20px;border:1px solid #bab7ad;border-bottom-width:3px;border-radius:10px;background:#fff;color:#171a16;font-size:1.15rem;font-weight:700}.bookmark-dialog-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#e3e0d6;color:#252923;font-size:1.4rem;cursor:pointer}.bookmark-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.bookmark-dialog-actions button{padding:10px 14px;border:1px solid #c5c2b8;border-radius:9px;background:#e7e4da;color:#252923;cursor:pointer}.bookmark-dialog-actions .bookmark-confirm-btn{border-color:#1b211c;background:#1b211c;color:#fff}
.tool-page-shell>.tool-container{padding:20px!important;box-sizing:border-box!important;min-width:0!important}
.tool-page-shell>.tool-module{display:grid!important;gap:22px!important;width:100%!important;max-width:none!important;margin:0!important;padding:20px!important;box-sizing:border-box!important;min-width:0!important}.tool-module>.tool-header,.tool-module>.tool-content{width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}.tool-workspace{width:100%;min-width:0}.tool-workspace>*{max-width:100%}
.tool-page-shell>.quick-guide,.tool-page-shell>.tool-description-section{width:auto!important;margin-left:20px!important;margin-right:20px!important;box-sizing:border-box!important}
.meme-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:22px;align-items:start}.meme-controls{display:grid;gap:15px}.meme-controls label,.meme-controls fieldset{display:grid;gap:7px;margin:0;color:#273238;font-weight:750}.meme-controls input,.meme-controls select{width:100%;box-sizing:border-box}.meme-random-row,.meme-buttons,.meme-inline-fields{display:flex;align-items:center;justify-content:space-between;gap:10px}.meme-inline-fields>label{flex:1}.meme-controls fieldset{padding:14px;border:1px solid rgba(25,35,40,.18);border-radius:14px}.meme-backgrounds{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.meme-bg{display:grid!important;place-items:end start!important;min-height:66px!important;padding:8px!important;border:2px solid transparent!important;border-radius:10px!important;color:#fff!important;text-shadow:0 1px 3px #000!important}.meme-bg.active{border-color:#171816!important;box-shadow:0 0 0 2px #fff!important}.meme-bg span{font-size:.72rem;font-weight:800}.meme-upload input{position:absolute;opacity:0;pointer-events:none}.meme-upload span{display:block;padding:13px;border:1px dashed #657078;border-radius:11px;background:rgba(255,255,255,.45);text-align:center;cursor:pointer}.meme-preview{position:sticky;top:92px}.meme-preview canvas{display:block;width:100%;height:auto;border-radius:18px;background:#171816;box-shadow:0 18px 35px rgba(20,25,23,.16)}.meme-preview p{margin:10px 0 0;color:#66737a;font-size:.78rem;text-align:center}@media(max-width:900px){.meme-layout{grid-template-columns:1fr}.meme-preview{position:static}}@media(max-width:520px){.meme-backgrounds{grid-template-columns:repeat(3,1fr)}.meme-inline-fields,.meme-buttons{align-items:stretch;flex-direction:column}.meme-inline-fields>label,.meme-buttons>button{width:100%}}
.animal-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:20px}.animal-dropzone{position:relative;display:grid;place-items:center;min-height:390px;overflow:hidden;border:2px dashed rgba(27,33,28,.3);border-radius:22px;background:rgba(255,255,255,.4);cursor:pointer}.animal-upload-copy{max-width:480px;padding:36px;text-align:center}.animal-paw{display:block;font-size:4rem}.animal-upload-copy h2{margin:12px 0 8px}.animal-upload-copy p{color:#647077}.animal-dropzone img{width:100%;height:100%;min-height:390px;max-height:560px;object-fit:contain;background:#171816}.animal-side{display:flex;flex-direction:column;gap:14px}.animal-privacy{display:grid;gap:8px;padding:22px;border-radius:18px;background:#171816;color:#f7f5ed}.animal-privacy span{color:#bac3bd;font-size:.88rem;line-height:1.6}.animal-progress{padding:18px;border-radius:14px;background:#fff}.animal-progress span{display:block;height:5px;border-radius:5px;background:linear-gradient(90deg,#c8e65c,#a9cdf8,#f0b7a4);background-size:200% 100%;animation:animalScan 1.2s linear infinite}.animal-progress p{margin:10px 0 0;font-size:.84rem}.animal-result{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;margin-top:22px;padding:30px;border-radius:22px;background:#171816;color:#f7f5ed}.animal-result-emoji{display:grid;place-items:center;width:170px;height:170px;border-radius:42px;background:linear-gradient(135deg,#c8e65c,#a9cdf8);font-size:6rem}.animal-kicker{color:#c8e65c;font-size:.78rem;font-weight:850;letter-spacing:.12em}.animal-result h2{margin:4px 0 8px;color:#fff;font-size:2.6rem}.animal-result p{color:#c6cec8;line-height:1.7}.animal-tags{display:flex;flex-wrap:wrap;gap:7px}.animal-tags span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.8rem}.animal-result blockquote{margin:18px 0;padding-left:15px;border-left:3px solid #f0b7a4;color:#fff}.animal-note{margin:16px 0 0;color:#69757b;font-size:.78rem}.animal-result[hidden],.animal-progress[hidden]{display:none!important}@keyframes animalScan{to{background-position:-200% 0}}@media(max-width:800px){.animal-layout{grid-template-columns:1fr}.animal-result{grid-template-columns:1fr}.animal-result-emoji{width:120px;height:120px;border-radius:30px;font-size:4.4rem}}@media(max-width:480px){.animal-dropzone,.animal-dropzone img{min-height:300px}.animal-upload-copy{padding:24px}.animal-result{padding:22px}}
.meme-upload input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;opacity:0!important;pointer-events:none!important}
.base64-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.base64-primary-actions,.base64-options,.base64-panel-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.base64-options label{display:flex;align-items:center;gap:6px;margin:0;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.48);font-size:.82rem;font-weight:700}.base64-options input{width:auto!important;margin:0}.base64-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.base64-panel{display:grid;gap:10px;min-width:0;padding:18px;border-radius:17px;background:rgba(255,255,255,.48)}.base64-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.base64-panel-head label{font-weight:850}.base64-panel-head span{color:#667279;font-size:.74rem;font-variant-numeric:tabular-nums}.base64-panel textarea{min-height:300px!important;resize:vertical;font-family:"SFMono-Regular",Consolas,monospace!important;line-height:1.6}.base64-file-button{position:relative;display:inline-flex!important;align-items:center;justify-content:center;padding:11px 15px;border-radius:10px;background:#171816;color:#fff!important;cursor:pointer}.base64-file-button input{position:absolute!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;opacity:0}.base64-file-info,.base64-status{min-height:20px;margin:0!important;color:#68747a!important;font-size:.78rem!important}.base64-status.is-error{color:#a32828!important;font-weight:750}.tool-detail-block{margin-top:25px}.tool-detail-block h4{margin:0 0 8px!important;font-size:1.08rem}.tool-detail-block p{margin:0 0 10px}@media(max-width:820px){.base64-toolbar{align-items:stretch;flex-direction:column}.base64-grid{grid-template-columns:1fr}.base64-panel textarea{min-height:220px!important}}@media(max-width:480px){.base64-primary-actions>button,.base64-panel-actions>button,.base64-file-button{flex:1}.base64-options{align-items:stretch;flex-direction:column}}
.tool-control-cluster,.tool-workspace>form,.tool-workspace fieldset,.base64-panel,.meme-controls,.animal-layout{break-inside:avoid!important;page-break-inside:avoid!important;isolation:isolate;position:relative}.tool-control-cluster{display:grid;gap:12px;min-width:0}
.tool-control-cluster>.google-auto-placed,.tool-control-cluster>ins.adsbygoogle{order:999;grid-column:1/-1;width:100%!important;margin:22px 0 0!important}.tool-control-cluster input,.tool-control-cluster textarea,.tool-control-cluster select,.tool-control-cluster button{max-width:100%;box-sizing:border-box}.tool-control-cluster>*,.tool-workspace>form>*{min-width:0}.tool-workspace [aria-live]{min-height:1.25em}
.case-modes{margin:0 0 16px!important;padding:16px!important;border:1px solid rgba(24,31,29,.17)!important;border-radius:16px!important}.case-modes legend{padding:0 7px;font-weight:850}.case-modes>div{display:flex;flex-wrap:wrap;gap:8px}.case-modes button{border:1px solid rgba(23,24,22,.16)!important;background:rgba(255,255,255,.55)!important;color:#273137!important}.case-modes button.active{border-color:#171816!important;background:#171816!important;color:#fff!important}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case-panel{display:grid;gap:11px;padding:18px;border-radius:17px;background:rgba(255,255,255,.48)}.case-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.case-panel-head label{font-weight:850}.case-panel-head span{color:#667279;font-size:.75rem}.case-panel textarea{min-height:260px!important;font-family:"SFMono-Regular",Consolas,monospace!important;line-height:1.65}.case-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:760px){.case-grid{grid-template-columns:1fr}.case-panel textarea{min-height:190px!important}}@media(max-width:480px){.case-modes>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.case-actions>button{flex:1}}
.regex-pattern-row{display:grid;gap:8px}.regex-pattern-row>label{font-weight:850}.regex-pattern-input{display:grid;grid-template-columns:auto 1fr auto minmax(70px,110px);align-items:center;gap:8px}.regex-pattern-input>span{font:800 1.35rem monospace}.regex-flags{display:flex;flex-wrap:wrap;gap:7px;color:#647077;font-size:.76rem}.regex-flags span{padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.5)}.regex-preview{min-height:170px;max-height:330px;overflow:auto;padding:15px;border:1px solid rgba(24,31,29,.18);border-radius:12px;background:#fff;white-space:pre-wrap;word-break:break-word;font-family:monospace;line-height:1.7}.regex-preview mark{padding:2px 0;background:#c8e65c;color:#171816}.regex-matches{max-height:190px;overflow:auto;margin:0;padding-left:26px;color:#4f5b61;font-family:monospace;font-size:.8rem}.regex-matches li{margin:5px 0}.regex-studio #regexReplaceResult{min-height:130px!important}@media(max-width:480px){.regex-pattern-input{grid-template-columns:auto 1fr auto 75px}}
.tool-content,.tool-content *,.tool-fallback,.tool-fallback *{box-sizing:border-box}.tool-content>*,.tool-fallback>*{max-width:100%!important}.tool-content .generator-container>*,.tool-content .input-section,.tool-content .barcode-options,.tool-content .button-group,.tool-content .output-section,.tool-content h3,.tool-content h4{width:auto!important;min-width:0!important;max-width:100%!important}
.nav-menu .dropdown .dropdown-toggle{position:relative!important}.nav-menu .dropdown .dropdown-toggle::after{content:""!important;position:absolute!important;right:-5px!important;top:50%!important;width:6px!important;height:6px!important;margin:0!important;border:0!important;border-right:1px solid currentColor!important;border-bottom:1px solid currentColor!important;transform:translateY(-50%) rotate(-45deg)!important;transition:transform .2s ease!important}.nav-menu .dropdown:hover .dropdown-toggle::after{transform:translateY(-50%) rotate(45deg)!important}

@media(max-width:950px){
  body{padding-left:0!important;background:#f0eee6!important}
  .top-links{display:none!important}.gnb{position:sticky!important;top:0!important;height:66px!important;background:#f7f5ed!important;border-bottom:1px solid #cbc8bc!important;box-shadow:none!important}.nav-container{width:calc(100% - 24px)!important}.logo img{filter:brightness(0)!important}.nav-menu>li>a{color:#555d53!important}.nav-menu>li>a:hover{background:#e4e1d7!important;color:#151814!important}
  .main-content{width:min(100% - 32px,1100px)!important}.tiles-container,.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.intro-container::after{font-size:5rem}
  body>.tool-container,main.tool-container{width:min(100% - 24px,1100px)!important}
}
@media(max-width:950px){.nav-menu{overflow-x:auto!important;overflow-y:hidden!important}.nav-menu .dropdown .dropdown-toggle::after{position:static!important;display:inline-block!important;margin-left:7px!important;transform:rotate(45deg)!important}.nav-menu .dropdown:hover .dropdown-toggle::after{transform:rotate(225deg)!important}.tool-action-bar{flex-wrap:wrap}.tool-action-spacer{display:none}.tool-action-bar .last-updated-info{order:2}.tool-action-bar .sns-share-floating{margin-left:auto!important}}
@media(max-width:540px){
  .tiles-container,.program-grid{grid-template-columns:1fr!important;gap:14px!important}.intro-container::after{display:none}.intro-container h1{font-size:3.5rem!important}.tile{min-height:205px!important}
  .tool-list-view .tile{grid-template-columns:46px 1fr!important;gap:12px!important}.tool-list-view .tile p{grid-column:1/-1}.tool-header::after{width:58px;height:58px;right:20px;bottom:22px}.tool-title{max-width:100%;font-size:2.7rem!important}.tool-action-bar .last-updated-info{width:100%;order:3}.tool-action-bar .sns-share-floating{margin-left:0!important}.view-toolbar{padding:0 10px}
  .tool-content .generator-container{grid-template-columns:minmax(0,1fr)!important}
}

/* Editorial refinement */
.editorial-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:0 0 18px;margin:0 0 28px;border-bottom:1px solid #cbc8bc;color:#5d645b;font-size:.76rem;letter-spacing:.08em}.editorial-topbar nav{display:flex;gap:24px;letter-spacing:0}.editorial-topbar a{color:#41473f;text-decoration:none}.editorial-topbar a:hover{color:#11140f}.editorial-utilities{display:flex;min-width:0;align-items:center;justify-content:center;gap:10px;letter-spacing:0}.editorial-utilities .top-links-left{display:flex;min-width:0;align-items:center;gap:3px}.editorial-utilities .top-links-left a{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;color:#60675e;font-size:.7rem;white-space:nowrap}.editorial-utilities .top-links-left a:hover{background:#e5e2d8}.editorial-utilities .top-links-left img{width:13px;height:13px;object-fit:contain;filter:grayscale(1)}.editorial-utilities .translate-wrapper{display:flex;align-items:center;min-width:88px}.editorial-utilities .goog-te-gadget{font-size:0!important}.editorial-utilities .goog-te-combo{max-width:110px;margin:0!important;padding:5px 22px 5px 7px;border:1px solid #c9c6ba;border-radius:7px;background:#eeece4;color:#41473f;font-size:.7rem}
@media(min-width:951px){
  .gnb{left:max(0px,calc((100vw - 1512px)/2))!important}
  .logo a{display:flex!important;align-items:center!important;justify-content:center!important;width:58px!important;height:64px!important;color:#171a16!important;text-decoration:none!important}
  .logo img{display:none!important}.logo a::after{content:"IV\A TILE";white-space:pre;text-align:center;font-size:.92rem;line-height:1.42;letter-spacing:.18em;font-weight:500}
  .main-content,body>.tool-container,main.tool-container{margin-left:auto!important;margin-right:auto!important}
}
.intro-section{margin-top:0!important}.intro-container{padding-top:42px!important}
.section{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr)!important;column-gap:40px!important;align-items:end!important;margin-top:76px!important}.section::before{grid-column:1/-1;margin-bottom:8px;color:#70766c;font-size:.72rem;letter-spacing:.12em}.section#home::before{content:"01 / DEVELOPMENT"}.section#calc::before{content:"02 / CALCULATOR"}.section#viral::before{content:"03 / CREATIVE"}.section-title{grid-column:1!important;font-size:clamp(2.5rem,4vw,4.2rem)!important;line-height:1!important}.section-description{grid-column:2!important;margin:0!important;text-align:right!important;line-height:1.7!important}
.monologue-section{border:1px solid #d5c9ab!important;background:#f4e8cb!important;color:#171816!important;box-shadow:none!important}.monologue-section h2,.monologue-section h3{color:#171816!important}.monologue-section p,.monologue-section label{color:#635d4f!important}.monologue-section input,.monologue-section textarea{border-color:#cabf9f!important;background:rgba(255,255,255,.55)!important;color:#171816!important}.monologue-section button{background:#171816!important;color:#fff!important}.monologue-item{border:0!important;background:transparent!important}.monologue-card{border-color:#d4c7a8!important;background:rgba(255,255,255,.42)!important;color:#171816!important}
main.tool-container>.editorial-topbar{margin-bottom:42px}.tool-header{margin-bottom:22px!important}.tool-title{font-size:clamp(3rem,6vw,6rem)!important;line-height:.95!important}.tool-content,.tool-fallback{border:0!important;background:#a9cdf8!important;box-shadow:none!important}.tool-content button,.tool-fallback button{background:#171816!important}.quick-guide{border:0!important;background:transparent!important;padding:20px 0!important}.quick-guide-head{padding-bottom:12px;border-bottom:1px solid #cbc8bc}.quick-guide-step{min-height:128px!important;border-radius:18px!important}.quick-guide-step:nth-child(1){background:#c8e65c!important}.quick-guide-step:nth-child(2){background:#f0b7a4!important}.quick-guide-step:nth-child(3){background:#cbbdf3!important}.tool-description-section{border:0!important;border-radius:0!important;border-top:1px solid #cbc8bc!important;background:transparent!important;padding-left:0!important;padding-right:0!important}.btn-random-tool{border-color:#bdbbb0!important;background:transparent!important}
@media(max-width:950px){
  .editorial-topbar{grid-template-columns:1fr auto;margin-top:4px}.editorial-utilities{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-top:4px;scrollbar-width:none}.section{grid-template-columns:1fr!important}.section-description{grid-column:1!important;margin-top:12px!important;text-align:left!important}.tool-header{padding-top:24px!important}
}
@media(max-width:540px){.editorial-topbar{gap:12px 8px}.editorial-topbar nav{gap:12px}.editorial-topbar nav a:nth-child(3){display:none}.editorial-utilities{gap:6px}.editorial-utilities .top-links-left a{width:28px;height:28px;justify-content:center;padding:0;font-size:0}.editorial-utilities .top-links-left img{width:14px;height:14px}.editorial-utilities .goog-te-combo{max-width:92px}.tool-title{font-size:2.7rem!important}}
.json-status{min-height:48px;padding:13px 15px;border:1px solid rgba(24,31,29,.12);border-radius:13px;background:rgba(255,255,255,.5);color:#566168;font-size:.84rem}.json-status.is-error{border-color:rgba(163,40,40,.28);background:rgba(255,238,238,.72);color:#a32828;font-weight:750}.json-tool .base64-options select{width:auto!important;min-width:76px;margin:0!important;padding:5px 26px 5px 8px!important}.json-tool .case-panel textarea{min-height:340px!important}@media(max-width:760px){.json-tool .case-panel textarea{min-height:220px!important}}
.uuid-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.uuid-option-grid label{display:grid;gap:7px;font-size:.8rem;font-weight:800}.uuid-option-grid select,.uuid-option-grid input{margin:0!important}.uuid-list{display:grid;gap:8px;max-height:460px;overflow:auto}.uuid-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(24,31,29,.12);border-radius:11px;background:#fff}.uuid-row code{overflow-wrap:anywhere;font-size:.86rem}.uuid-row button{padding:8px 11px!important}.uuid-empty{margin:0!important;padding:34px 16px;text-align:center;color:#68747a!important}@media(max-width:720px){.uuid-option-grid{grid-template-columns:1fr}.uuid-row code{font-size:.75rem}}
.jwt-tool #jwtToken{min-height:150px!important;font-family:"SFMono-Regular",Consolas,monospace!important;line-height:1.6}.jwt-warning{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:11px;background:#fff1c7;color:#665116;font-size:.8rem}.jwt-warning strong{flex:none}.jwt-tool .case-grid textarea{min-height:300px!important}.jwt-claims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.jwt-claims>div{padding:11px 13px;border-radius:11px;background:#fff}.jwt-claims dt{font-size:.72rem;font-weight:850;color:#667279}.jwt-claims dd{margin:5px 0 0;overflow-wrap:anywhere;font-size:.86rem}@media(max-width:700px){.jwt-warning{align-items:flex-start;flex-direction:column;gap:3px}.jwt-claims{grid-template-columns:1fr}.jwt-tool .case-grid textarea{min-height:210px!important}}
.timestamp-now{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 18px;border-radius:15px;background:#171816;color:#fff}.timestamp-now span{font-size:.75rem;color:#bcc5c1}.timestamp-now strong{font-family:"SFMono-Regular",Consolas,monospace;font-size:1.2rem}.timestamp-now small{color:#d6ddda}.timestamp-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}.timestamp-results>div{padding:12px 14px;border-radius:12px;background:#fff}.timestamp-results dt{font-size:.72rem;font-weight:850;color:#667279}.timestamp-results dd{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:5px 0 0}.timestamp-results code{overflow-wrap:anywhere;font-size:.8rem}.timestamp-results button{padding:7px 9px!important}@media(max-width:760px){.timestamp-now{grid-template-columns:1fr auto}.timestamp-now small{grid-column:1}.timestamp-results{grid-template-columns:1fr}}
.qr-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px}.qr-modes{padding:0!important;border:0!important}.qr-input-group{display:grid;gap:8px}.qr-input-group[hidden]{display:none!important}.qr-input-group label,.qr-option-grid label,.qr-inline-options label{font-size:.78rem;font-weight:800}.qr-input-group textarea{min-height:130px!important}.qr-inline-options,.qr-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qr-inline-options label{display:flex;align-items:center;gap:7px}.qr-option-grid label{display:grid;gap:6px}.qr-option-grid input,.qr-option-grid select{margin:0!important}.qr-option-grid input[type=color]{width:100%!important;min-height:44px;padding:4px!important}.qr-preview-panel{align-content:start}.qr-canvas{display:grid;place-items:center;min-height:340px;padding:20px;border-radius:16px;background:#fff}.qr-canvas canvas,.qr-canvas img{max-width:100%;height:auto!important}.qr-canvas p{max-width:250px;margin:0!important;text-align:center;color:#68747a!important}.qr-payload{display:block;max-height:90px;overflow:auto;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.58);overflow-wrap:anywhere;white-space:pre-wrap;font-size:.74rem}@media(max-width:850px){.qr-layout{grid-template-columns:1fr}.qr-canvas{min-height:260px}}@media(max-width:480px){.qr-inline-options,.qr-option-grid{grid-template-columns:1fr}.qr-modes>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
.contrast-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:16px}.contrast-color-row{display:grid;grid-template-columns:72px 56px minmax(0,1fr);align-items:center;gap:9px}.contrast-color-row label{font-size:.8rem;font-weight:850}.contrast-color-row input{margin:0!important}.contrast-color-row input[type=color]{width:56px!important;height:45px;padding:3px!important}.contrast-color-row input:not([type=color]){font-family:"SFMono-Regular",Consolas,monospace!important;text-transform:uppercase}.contrast-preview{display:grid;align-content:center;gap:12px;min-height:310px;padding:34px;border-radius:17px;background:#fff;color:#171816;transition:background .2s,color .2s}.contrast-preview>span{font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.contrast-preview>strong{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1}.contrast-preview p{max-width:520px;margin:0!important;color:inherit!important;line-height:1.7}.contrast-preview button{justify-self:start;border:2px solid currentColor!important;background:transparent!important;color:inherit!important}.contrast-score{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:14px;padding:8px 0 18px;border-bottom:1px solid rgba(24,31,29,.13)}.contrast-score span{font-size:.75rem;font-weight:850}.contrast-score strong{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1}.contrast-score em{font-style:normal;font-size:.78rem;font-weight:800}.contrast-criteria{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.contrast-criteria article{display:grid;gap:5px;padding:13px;border-radius:12px;background:#fff}.contrast-criteria article strong{font-size:.78rem}.contrast-criteria article small{color:#667279}.contrast-badge{justify-self:start;padding:4px 7px;border-radius:999px;background:#e4e5e0;font-size:.68rem;font-weight:900}.contrast-badge.pass{background:#dff1b8;color:#315400}.contrast-badge.fail{background:#ffe0dc;color:#8b2520}.contrast-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:12px;background:rgba(255,255,255,.55)}.contrast-suggestion>div{display:grid;gap:3px}.contrast-suggestion span{font-size:.72rem;color:#667279}.contrast-suggestion strong{font-family:"SFMono-Regular",Consolas,monospace}@media(max-width:900px){.contrast-layout{grid-template-columns:1fr}.contrast-criteria{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.contrast-color-row{grid-template-columns:1fr 52px minmax(0,1fr)}.contrast-preview{min-height:240px;padding:24px}.contrast-score{grid-template-columns:1fr}.contrast-criteria{grid-template-columns:1fr}.contrast-suggestion{align-items:stretch;flex-direction:column}}
.loan-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.loan-input-grid>label{display:grid;gap:6px;font-size:.8rem;font-weight:850}.loan-input-grid input,.loan-input-grid select{margin:0!important}.loan-input-grid small{color:#667279;font-weight:500}.loan-term{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:7px}.loan-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.loan-summary article{display:grid;gap:6px;padding:14px;border-radius:12px;background:#fff}.loan-summary span{font-size:.72rem;color:#667279}.loan-summary strong{font-size:clamp(1rem,2vw,1.35rem);overflow-wrap:anywhere}.loan-table-wrap{max-height:520px;overflow:auto;border-radius:12px;background:#fff}.loan-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.78rem}.loan-table th{position:sticky;top:0;z-index:1;background:#171816;color:#fff}.loan-table th,.loan-table td{padding:10px 12px;border-bottom:1px solid rgba(24,31,29,.09);text-align:right;font-variant-numeric:tabular-nums}.loan-table th:nth-child(-n+2),.loan-table td:nth-child(-n+2){text-align:center}.loan-table tbody tr:nth-child(even){background:rgba(24,31,29,.025)}.loan-table td[colspan]{padding:42px;text-align:center!important;color:#667279}@media(max-width:900px){.loan-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.loan-input-grid,.loan-summary{grid-template-columns:1fr}}
.savings-summary article:last-child{background:#171816;color:#fff}.savings-summary article:last-child span{color:#cbd2cf}.savings-summary article:last-child strong{font-size:clamp(1.15rem,2.4vw,1.65rem)}
.salary-insurance-toggle{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;border-radius:11px;background:rgba(255,255,255,.5);font-size:.8rem;font-weight:750}.salary-insurance-toggle input{width:auto!important;margin:2px 0 0!important}.salary-ledger{display:grid;gap:10px}.salary-gross,.salary-net{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border-radius:12px;background:#fff}.salary-gross span,.salary-net span{font-size:.78rem;font-weight:850}.salary-gross strong,.salary-net strong{font-size:clamp(1.2rem,2.6vw,1.8rem)}.salary-ledger dl{display:grid;gap:0;margin:0;padding:4px 16px}.salary-ledger dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(24,31,29,.09);font-size:.8rem}.salary-ledger dt{color:#667279}.salary-ledger dd{margin:0;font-weight:800}.salary-net{background:#171816;color:#fff}.salary-summary{margin-top:10px}.salary-note{padding:17px 19px;border:1px solid rgba(24,31,29,.13);border-radius:14px;background:#f8f2df}.salary-note p{margin:6px 0 0!important;color:#5e5a4e!important;font-size:.8rem!important;line-height:1.65}
.roi-meter{display:grid;gap:10px;padding:12px 0}.roi-meter>div{display:grid;grid-template-columns:75px minmax(0,1fr);align-items:center;gap:10px}.roi-meter span{font-size:.75rem;font-weight:800}.roi-meter i{display:block;width:0;min-height:18px;border-radius:999px;background:#171816;transition:width .35s}.roi-meter>div:nth-child(2) i{background:#6f9ef5}.roi-meter>div:nth-child(2) i.is-loss{background:#e28d7d}.roi-summary article:nth-child(2) strong,.roi-summary article:nth-child(3) strong,.roi-summary article:nth-child(4) strong{font-variant-numeric:tabular-nums}
.fee-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.fee-summary article:last-child{background:#171816;color:#fff}.fee-summary article:last-child span{color:#cbd2cf}@media(max-width:700px){.fee-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.fee-summary{grid-template-columns:1fr}}
.ascii-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ascii-options label{display:grid;gap:6px;font-size:.78rem;font-weight:800}.ascii-options label:last-child{display:flex;align-items:center;gap:7px}.ascii-options input,.ascii-options select{margin:0!important}.ascii-output{min-height:240px;max-height:520px;margin:0;padding:18px;border-radius:14px;background:#111412;color:#dff39b;overflow:auto;font:500 clamp(.44rem,1vw,.72rem)/1 "SFMono-Regular",Consolas,monospace;white-space:pre;letter-spacing:0}@media(max-width:760px){.ascii-options{grid-template-columns:repeat(2,minmax(0,1fr))}.ascii-output{min-height:190px;font-size:.42rem}}@media(max-width:460px){.ascii-options{grid-template-columns:1fr}}
.picker-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:16px}.picker-preview{display:grid;align-content:center;gap:10px;min-height:280px;padding:30px;border-radius:17px;background:#3498db;color:#fff}.picker-preview span{font-size:.72rem;font-weight:850}.picker-preview strong{font-size:clamp(2.1rem,4vw,4rem)}.picker-preview p{margin:0!important;color:inherit!important}.picker-main-input{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:8px}.picker-main-input input{margin:0!important}.picker-main-input input[type=color]{width:62px!important;height:45px;padding:3px!important}.picker-main-input input:not([type=color]){font-family:"SFMono-Regular",Consolas,monospace!important}.picker-alpha{display:grid;grid-template-columns:auto minmax(0,1fr) 48px;align-items:center;gap:9px;font-size:.78rem;font-weight:800}.picker-alpha input{margin:0!important}.picker-alpha output{text-align:right}.picker-codes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.picker-codes button{display:grid!important;justify-items:start!important;gap:7px!important;min-width:0;padding:13px!important;border:1px solid rgba(24,31,29,.12)!important;background:#fff!important;color:#171816!important}.picker-codes span{font-size:.68rem;color:#667279}.picker-codes code{max-width:100%;overflow-wrap:anywhere;text-align:left;font-size:.76rem}.picker-swatches,.picker-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.picker-swatches button,.picker-palette button{display:grid!important;align-content:end!important;justify-items:start!important;min-height:100px;padding:10px!important;border:0!important;color:#fff!important;text-shadow:0 1px 3px #000}.picker-swatches span{font-size:.68rem}.picker-swatches code,.picker-palette code{padding:3px 5px;border-radius:5px;background:rgba(0,0,0,.45);color:#fff;font-size:.7rem}.picker-palette p{grid-column:1/-1;margin:0!important;padding:25px;text-align:center;color:#667279!important}@media(max-width:850px){.picker-layout{grid-template-columns:1fr}.picker-codes{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-swatches,.picker-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.picker-main-input{grid-template-columns:55px minmax(0,1fr)}.picker-main-input button{grid-column:1/-1}.picker-codes{grid-template-columns:1fr}.picker-swatches,.picker-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}
.emoji-options{display:grid;grid-template-columns:140px 180px minmax(0,1fr);align-items:end;gap:10px}.emoji-options label{display:grid;gap:6px;font-size:.78rem;font-weight:800}.emoji-options label:last-child{display:flex;align-items:center;gap:7px;padding-bottom:12px}.emoji-options input,.emoji-options select{margin:0!important}.emoji-result-panel{display:grid;justify-items:center;gap:16px;padding:40px 24px;border-radius:18px;background:#171816;color:#fff;text-align:center}.emoji-result-panel>span{font-size:.72rem;color:#bfc8c4}.emoji-result-panel>strong{font-size:clamp(2.5rem,7vw,5.5rem);line-height:1.3;overflow-wrap:anywhere}.emoji-result-panel p{margin:0!important;color:#bfc8c4!important}.emoji-items,.emoji-history{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.emoji-items button{min-width:54px!important;padding:9px!important;background:#fff!important;color:#171816!important;font-size:1.7rem!important}.emoji-history button{background:#fff!important;color:#171816!important;font-size:1.25rem!important}.emoji-history p{margin:0!important;padding:20px;color:#667279!important}@media(max-width:650px){.emoji-options{grid-template-columns:1fr}.emoji-options label:last-child{padding-bottom:0}.emoji-categories>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fortune-card{display:grid;gap:20px;min-height:350px;padding:clamp(26px,5vw,52px);border-radius:20px;background:radial-gradient(circle at 88% 12%,rgba(200,230,92,.25),transparent 28%),#171816;color:#fff}.fortune-card-top{display:flex;align-items:start;justify-content:space-between;gap:20px}.fortune-card-top span{padding-top:8px;color:#bdc8c3;font-size:.72rem;font-weight:850;letter-spacing:.1em}.fortune-card-top strong{font-size:clamp(3rem,7vw,6rem);line-height:.82;color:#c8e65c}.fortune-card h2{max-width:720px;margin:10px 0 0!important;color:#fff!important;font-size:clamp(1.8rem,4vw,3.3rem)!important;line-height:1.12}.fortune-card>p{max-width:720px;margin:0!important;color:#d5ddda!important;font-size:1rem!important;line-height:1.8}.fortune-advice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fortune-advice>div{display:grid;gap:6px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.06)}.fortune-advice span{font-size:.7rem;color:#aeb9b5}.fortune-advice strong{font-size:.9rem}.fortune-lucky{display:flex;flex-wrap:wrap;gap:7px}.fortune-lucky span{padding:7px 10px;border-radius:999px;background:#fff;color:#171816;font-size:.72rem;font-weight:800}.fortune-disclaimer{margin:0!important;padding:14px 16px;border-left:3px solid #d39b8b;background:rgba(255,255,255,.46);color:#5f625d!important;font-size:.78rem!important;line-height:1.65}.fortune-tool .case-actions{flex-wrap:wrap}@media(max-width:620px){.fortune-card{min-height:310px}.fortune-advice{grid-template-columns:1fr}.fortune-card-top{align-items:center}.fortune-card-top strong{font-size:3.4rem}}
.meme-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:16px;align-items:start}.meme-editor>label{display:grid;gap:6px;font-size:.8rem;font-weight:850}.meme-editor textarea{min-height:74px!important;margin:0!important;resize:vertical}.meme-editor label small{color:#667279;font-weight:500}.meme-random-row,.meme-upload-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.meme-random-row span{font-size:.78rem;color:#667279}.meme-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.meme-option-grid>label{display:grid;gap:6px;font-size:.78rem;font-weight:800}.meme-option-grid select,.meme-option-grid input{margin:0!important}.meme-option-grid input[type=color]{width:100%!important;min-height:44px;padding:4px!important}.meme-range{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:7px}.meme-range output{text-align:right;font-size:.72rem}.meme-fieldset{margin:0;padding:13px;border:1px solid rgba(24,31,29,.13);border-radius:13px}.meme-fieldset legend{padding:0 5px;font-size:.78rem;font-weight:850}.meme-backgrounds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.meme-bg{align-items:end!important;justify-content:start!important;min-height:70px;padding:8px!important;border:2px solid transparent!important;color:#fff!important;text-align:left!important;text-shadow:0 1px 3px #000;font-size:.68rem!important}.meme-bg.active{border-color:#fff!important;box-shadow:0 0 0 2px #171816!important}.meme-upload{position:relative;display:inline-flex!important;align-items:center;cursor:pointer}.meme-upload input{position:absolute;width:1px!important;height:1px;opacity:0}.meme-upload span{display:inline-flex;padding:11px 15px;border-radius:11px;background:#171816;color:#fff;font-size:.78rem}.meme-preview-panel{position:sticky;top:18px}.meme-canvas-wrap{display:grid;place-items:center;min-height:420px;padding:18px;border-radius:16px;background:#171816}.meme-canvas-wrap canvas{display:block;width:100%;max-height:640px;object-fit:contain;border-radius:9px}.meme-privacy{margin:0!important;color:#667279!important;font-size:.75rem!important;text-align:center}.meme-tool .case-actions{flex-wrap:wrap}@media(max-width:900px){.meme-layout{grid-template-columns:1fr}.meme-preview-panel{position:static}.meme-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meme-canvas-wrap{min-height:300px}}@media(max-width:520px){.meme-option-grid{grid-template-columns:1fr}.meme-backgrounds{grid-template-columns:repeat(3,minmax(0,1fr))}.meme-random-row,.meme-upload-row{align-items:stretch;flex-direction:column}.meme-random-row button,.meme-upload-row button,.meme-upload span{justify-content:center;width:100%}.meme-canvas-wrap{min-height:230px;padding:10px}}
.calculator-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(300px,1.22fr);gap:16px;align-items:start}.calculator-shell{display:grid;gap:12px;padding:18px;border-radius:20px;background:#171816}.calculator-screen{display:grid;align-content:end;min-height:150px;padding:22px;border-radius:15px;background:#252a27;text-align:right;overflow:hidden}.calculator-expression{min-height:26px;color:#aeb8b3;font:500 .9rem/1.5 "SFMono-Regular",Consolas,monospace;overflow-wrap:anywhere}.calculator-result{display:block;margin-top:10px;color:#fff;font:800 clamp(2rem,5vw,3.8rem)/1.1 "SFMono-Regular",Consolas,monospace;overflow-wrap:anywhere}.calculator-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.calculator-keys .calc-key{min-height:58px!important;padding:10px!important;border:0!important;border-radius:13px!important;background:#303633!important;color:#fff!important;font-size:1rem!important}.calculator-keys .calc-key:hover{background:#3d4541!important}.calculator-keys .utility{background:#dedfd7!important;color:#1b201d!important}.calculator-keys .operator{background:#c8e65c!important;color:#1d260f!important;font-size:1.25rem!important}.calculator-keys .equals{background:#a9cdf8!important;color:#142437!important;font-weight:900!important}.calculator-keys .wide{grid-column:span 2}.calculator-history-panel{min-height:360px}.calculator-history{display:grid;gap:8px}.calculator-history>p{margin:0!important;padding:48px 18px;text-align:center;color:#667279!important}.calculator-history button{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:13px 15px!important;border:1px solid rgba(24,31,29,.1)!important;background:#fff!important;color:#171816!important;text-align:left!important}.calculator-history span{overflow:hidden;color:#667279;text-overflow:ellipsis;white-space:nowrap;font:500 .78rem "SFMono-Regular",Consolas,monospace}.calculator-history strong{font:800 .9rem "SFMono-Regular",Consolas,monospace}.calculator-key-help{margin-top:auto;padding:16px;border-radius:13px;background:rgba(255,255,255,.5)}.calculator-key-help>strong{font-size:.78rem}.calculator-key-help dl{display:grid;gap:6px;margin:12px 0 0}.calculator-key-help dl>div{display:flex;justify-content:space-between;gap:10px;font-size:.74rem}.calculator-key-help dt{color:#667279}.calculator-key-help dd{margin:0;font-weight:800}@media(max-width:760px){.calculator-layout{grid-template-columns:1fr}.calculator-shell{padding:12px}.calculator-screen{min-height:125px;padding:18px}.calculator-keys .calc-key{min-height:54px!important}}
.area-input-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(170px,.8fr) minmax(130px,.55fr);gap:10px}.area-input-row label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.area-input-row input,.area-input-row select{margin:0!important}.area-presets{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:12px 0}.area-presets>span{margin-right:5px;font-size:.75rem;font-weight:850;color:#667279}.area-presets button{padding:8px 10px!important;border:1px solid rgba(24,31,29,.12)!important;background:#fff!important;color:#171816!important}.area-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.area-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;min-height:130px;padding:18px;border-radius:15px;background:#fff}.area-result span{grid-column:1/-1;color:#667279;font-size:.74rem;font-weight:800}.area-result strong{font-size:clamp(1.25rem,2.6vw,2rem);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.area-result small{padding-bottom:4px;color:#667279}.area-result.primary{background:#171816;color:#fff}.area-result.primary span,.area-result.primary small{color:#bdc7c2}.area-result.primary:nth-child(2){background:#c8e65c;color:#18200e}.area-result.primary:nth-child(2) span,.area-result.primary:nth-child(2) small{color:#46552a}.area-reference{display:grid;grid-template-columns:repeat(2,minmax(0,180px)) minmax(0,1fr);align-items:center;gap:9px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.48)}.area-reference>div{display:grid;gap:3px}.area-reference span{font-size:.7rem;color:#667279}.area-reference strong{font-size:.9rem}.area-reference p{margin:0!important;color:#5f696e!important;font-size:.76rem!important;line-height:1.6}@media(max-width:740px){.area-input-row{grid-template-columns:1fr 1fr}.area-input-row label:first-child{grid-column:1/-1}.area-results{grid-template-columns:repeat(2,minmax(0,1fr))}.area-reference{grid-template-columns:1fr 1fr}.area-reference p{grid-column:1/-1}}@media(max-width:460px){.area-input-row,.area-results{grid-template-columns:1fr}.area-input-row label:first-child{grid-column:auto}.area-reference{grid-template-columns:1fr}.area-reference p{grid-column:auto}}
.currency-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:16px;align-items:stretch}.currency-pair{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:end;gap:8px}.currency-pair label,.currency-tool .case-panel>label,.currency-fee-grid label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.currency-pair select,.currency-tool input{margin:0!important}.currency-swap{width:48px!important;height:45px;padding:0!important;border-radius:50%!important;background:#171816!important;color:#fff!important;font-size:1.2rem!important}.currency-money-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #cdd6d3;border-radius:11px;background:#fff;overflow:hidden}.currency-money-input input{border:0!important}.currency-money-input span{padding-right:14px;color:#667279;font-size:.8rem;font-weight:900}.currency-rate-input{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}.currency-rate-input>span,.currency-rate-input>b{font-size:.78rem}.currency-tool label>small{color:#667279;font-weight:500}.currency-fee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.currency-result-panel{display:grid;align-content:start;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:clamp(26px,4vw,42px);border-radius:20px;background:#171816;color:#fff}.currency-result-panel>span{grid-column:1/-1;color:#bdc7c2;font-size:.75rem;font-weight:850}.currency-result-panel>strong{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1;overflow-wrap:anywhere}.currency-result-panel>small{align-self:end;padding-bottom:7px;color:#c8e65c;font-size:1rem;font-weight:900}.currency-result-panel dl{grid-column:1/-1;display:grid;gap:0;margin:22px 0 0}.currency-result-panel dl>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.78rem}.currency-result-panel dt{color:#aeb8b3}.currency-result-panel dd{margin:0;text-align:right;font-weight:800}.currency-result-panel>p{grid-column:1/-1;margin:15px 0 0!important;color:#aeb8b3!important;font-size:.74rem!important;line-height:1.65}@media(max-width:820px){.currency-layout{grid-template-columns:1fr}}@media(max-width:520px){.currency-pair{grid-template-columns:1fr}.currency-swap{justify-self:center;transform:rotate(90deg)}.currency-fee-grid{grid-template-columns:1fr}.currency-rate-input{grid-template-columns:1fr}.currency-rate-input input{width:100%!important}}
.refi-input-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.refi-input-columns fieldset{display:grid;align-content:start;gap:10px;margin:0;padding:15px;border:1px solid rgba(24,31,29,.12);border-radius:14px}.refi-input-columns legend{padding:0 6px;font-size:.8rem;font-weight:900}.refi-input-columns label{display:grid;gap:6px;font-size:.77rem;font-weight:800}.refi-input-columns input{margin:0!important}.refi-summary article:nth-child(4){background:#171816;color:#fff}.refi-summary article:nth-child(4) span{color:#bdc7c2}.refi-comparison{display:grid;gap:15px}.refi-comparison article{display:grid;gap:8px}.refi-comparison article>div:first-child{display:flex;justify-content:space-between;gap:12px}.refi-comparison span{font-size:.75rem;color:#667279}.refi-comparison strong{font-size:.9rem}.refi-comparison small{color:#667279}.refi-bar{height:24px;border-radius:999px;background:rgba(24,31,29,.08);overflow:hidden}.refi-bar i{display:block;width:0;height:100%;border-radius:inherit;background:#171816;transition:width .35s}.refi-comparison article:nth-child(2) .refi-bar i{background:#6f9ef5}.refi-warning{margin:3px 0 0!important;padding:13px 15px;border-radius:12px;background:#e3efc7;color:#3d531b!important;font-size:.78rem!important;line-height:1.65}.refi-warning.is-negative{background:#ffe4de;color:#852d25!important}@media(max-width:760px){.refi-input-columns{grid-template-columns:1fr}}
.schedule-summary article:nth-child(4){background:#171816;color:#fff}.schedule-summary article:nth-child(4) span{color:#bdc7c2}.schedule-tool .loan-table th:first-child,.schedule-tool .loan-table td:first-child{position:sticky;left:0;z-index:2;background:#fff;text-align:center}.schedule-tool .loan-table th:first-child{z-index:3;background:#171816}.schedule-tool .loan-table tbody tr:nth-child(even) td:first-child{background:#f8f8f5}.schedule-tool .loan-table td:nth-child(2){text-align:center}.schedule-tool .loan-table td[colspan]{text-align:center!important}.schedule-tool .case-actions{flex-wrap:wrap}
.npv-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}.npv-base-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.npv-base-inputs label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.npv-base-inputs input{margin:0!important}.npv-base-inputs small{color:#667279;font-weight:500}.npv-flow-head{margin-top:6px}.npv-flow-head button{padding:8px 10px!important}.npv-flows{display:grid;gap:7px;max-height:380px;overflow:auto}.npv-flow-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px}.npv-flow-row span{font-size:.76rem;font-weight:850}.npv-flow-row input{margin:0!important}.npv-flow-row button{padding:9px 10px!important}.npv-results{display:grid;gap:10px}.npv-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:clamp(26px,4vw,42px);border-radius:19px;background:#171816;color:#fff}.npv-hero span{grid-column:1/-1;color:#bdc7c2;font-size:.74rem}.npv-hero strong{font-size:clamp(2.1rem,5vw,4rem);overflow-wrap:anywhere}.npv-hero small{grid-column:1/-1;color:#c8e65c}.npv-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.npv-present-values{display:grid;gap:9px}.npv-present-values>p{margin:0!important;padding:30px;text-align:center;color:#667279!important}.npv-present-values>div{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(100px,auto);align-items:center;gap:9px;font-size:.74rem}.npv-present-values>div>div{height:14px;border-radius:999px;background:rgba(24,31,29,.08);overflow:hidden}.npv-present-values i{display:block;height:100%;border-radius:inherit;background:#6f9ef5}.npv-present-values i.negative{background:#e28d7d}.npv-present-values strong{text-align:right}@media(max-width:850px){.npv-layout{grid-template-columns:1fr}}@media(max-width:520px){.npv-base-inputs,.npv-summary{grid-template-columns:1fr}.npv-flow-row{grid-template-columns:36px minmax(0,1fr) auto}}
.vat-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:16px}.vat-tool .case-panel>label,.vat-option-grid label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.vat-tool input,.vat-tool select{margin:0!important}.vat-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vat-receipt{display:grid;align-content:start;gap:18px;padding:clamp(26px,4vw,40px);border-radius:20px;background:#f5ecd6;color:#171816}.vat-receipt-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px dashed #9d9277}.vat-receipt-head span{font-size:.72rem;letter-spacing:.14em}.vat-receipt-head strong{font-size:.9rem}.vat-receipt dl{display:grid;gap:0;margin:0}.vat-receipt dl>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(24,31,29,.1);font-size:.8rem}.vat-receipt dd{margin:0;font-weight:850}.vat-receipt .vat-total{padding-top:18px;font-size:1rem}.vat-ratio{display:flex;height:18px;border-radius:999px;background:#ddd4bf;overflow:hidden}.vat-ratio i:first-child{background:#171816}.vat-ratio i:last-child{background:#e28d7d}.vat-receipt>p{margin:0!important;color:#665f50!important;font-size:.74rem!important}.vat-notice{margin:0!important;padding:14px 16px;border-left:3px solid #e28d7d;background:rgba(255,255,255,.45);color:#606761!important;font-size:.76rem!important;line-height:1.65}@media(max-width:760px){.vat-layout{grid-template-columns:1fr}}@media(max-width:460px){.vat-option-grid{grid-template-columns:1fr}}
.margin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:16px}.margin-tool .case-panel>label,.margin-cost-grid label,.margin-target-grid label,.margin-option-grid label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.margin-tool input,.margin-tool select{margin:0!important}.margin-tool label small{color:#667279;font-weight:500}.margin-cost-grid,.margin-target-grid,.margin-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.margin-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.margin-target-grid[hidden],.margin-tool label[hidden]{display:none!important}.margin-result-panel{display:grid;align-content:start;grid-template-columns:minmax(0,1fr);gap:8px;padding:clamp(26px,4vw,42px);border-radius:20px;background:#171816;color:#fff}.margin-result-panel>span{color:#bdc7c2;font-size:.74rem}.margin-result-panel>strong{margin:7px 0 18px;font-size:clamp(2.2rem,5vw,4.4rem);overflow-wrap:anywhere}.margin-result-panel dl{display:grid;gap:0;margin:0}.margin-result-panel dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.78rem}.margin-result-panel dt{color:#aeb8b3}.margin-result-panel dd{margin:0;font-weight:850}.margin-result-panel .margin-profit dd{color:#c8e65c}.margin-composition{display:flex;height:19px;margin-top:18px;border-radius:999px;background:#343936;overflow:hidden}.margin-composition i:nth-child(1){background:#a9cdf8}.margin-composition i:nth-child(2){background:#f0b7a4}.margin-composition i:nth-child(3){background:#c8e65c}.margin-composition i.negative{background:#e1574c}.margin-result-panel>p{margin:8px 0 0!important;color:#aeb8b3!important;font-size:.72rem!important;line-height:1.6}@media(max-width:820px){.margin-layout{grid-template-columns:1fr}}@media(max-width:560px){.margin-cost-grid,.margin-target-grid,.margin-option-grid{grid-template-columns:1fr}}
.bep-summary article:nth-child(4){background:#171816;color:#fff}.bep-summary article:nth-child(4) span{color:#bdc7c2}.bep-expected{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:18px;padding:clamp(24px,4vw,38px);border-radius:19px;background:#171816;color:#fff}.bep-expected>div:first-child{display:grid;align-content:center;gap:7px}.bep-expected>div:first-child span{color:#bdc7c2;font-size:.74rem}.bep-expected>div:first-child strong{font-size:clamp(1.8rem,4vw,3.3rem);overflow-wrap:anywhere}.bep-expected>div:first-child small{color:#c8e65c}.bep-progress{position:relative;align-self:center;height:30px;border-radius:999px;background:#343936;overflow:hidden}.bep-progress i{display:block;width:0;height:100%;border-radius:inherit;background:#f0b7a4;transition:width .35s}.bep-progress i.reached{background:#c8e65c}.bep-progress b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:.72rem;text-shadow:0 1px 2px #000}.bep-expected dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.bep-expected dl>div{display:grid;gap:5px;padding:13px;border-radius:11px;background:rgba(255,255,255,.07)}.bep-expected dt{color:#aeb8b3;font-size:.7rem}.bep-expected dd{margin:0;font-size:.85rem;font-weight:850}@media(max-width:700px){.bep-expected{grid-template-columns:1fr}.bep-expected dl{grid-column:auto;grid-template-columns:1fr}}
.compound-summary article:last-child{background:#171816;color:#fff}.compound-summary article:last-child span{color:#bdc7c2}.compound-tool .loan-table th:first-child,.compound-tool .loan-table td:first-child{position:sticky;left:0;z-index:2;background:#fff;text-align:center}.compound-tool .loan-table th:first-child{z-index:3;background:#171816}.compound-tool .loan-table tbody tr:nth-child(even) td:first-child{background:#f8f8f5}.compound-tool .loan-table td:nth-child(2){text-align:center}.compound-tool .case-actions{flex-wrap:wrap}
.live-fx-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:16px}.live-fx-tool .case-panel>label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.live-fx-tool input,.live-fx-tool select{margin:0!important}.live-fx-result{display:grid;gap:8px;padding:24px;border-radius:16px;background:#171816;color:#fff}.live-fx-result span{color:#bdc7c2;font-size:.73rem}.live-fx-result strong{font-size:clamp(1.8rem,4vw,3.2rem);overflow-wrap:anywhere}.live-fx-result small{color:#c8e65c}.live-fx-rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.live-fx-rates article{display:grid;gap:6px;min-height:125px;padding:17px;border-radius:14px;background:#fff}.live-fx-rates span{color:#667279;font-size:.72rem}.live-fx-rates strong{font-size:clamp(1.2rem,2.5vw,1.8rem);overflow-wrap:anywhere}.live-fx-rates small{color:#667279}.live-fx-source{display:grid;gap:8px;padding:15px;border-radius:13px;background:rgba(255,255,255,.48)}.live-fx-source>div{display:flex;justify-content:space-between;gap:12px;font-size:.72rem}.live-fx-source span{color:#667279}.live-fx-source strong{text-align:right}.live-fx-tool .case-panel>p{margin:0!important;color:#667279!important;font-size:.74rem!important;line-height:1.65}@media(max-width:820px){.live-fx-layout{grid-template-columns:1fr}}@media(max-width:500px){.live-fx-rates{grid-template-columns:1fr}.live-fx-source>div{flex-direction:column;gap:3px}.live-fx-source strong{text-align:left}}
.tip-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:16px}.tip-tool .case-panel>label,.tip-money-row label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.tip-tool input,.tip-tool select{margin:0!important}.tip-money-row{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr);gap:10px}.tip-presets{display:flex;flex-wrap:wrap;gap:7px}.tip-presets button{padding:8px 10px!important;border:1px solid rgba(24,31,29,.12)!important;background:#fff!important;color:#171816!important}.tip-presets button.active{border-color:#171816!important;background:#171816!important;color:#fff!important}.tip-people{display:grid;grid-template-columns:45px minmax(0,1fr) 45px;gap:7px}.tip-people button{padding:0!important;font-size:1.2rem!important}.tip-receipt{display:grid;align-content:start;gap:16px;padding:clamp(26px,4vw,42px);border-radius:20px;background:#171816;color:#fff}.tip-receipt-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px dashed #59615d}.tip-receipt-top span{font-size:.72rem;letter-spacing:.14em}.tip-receipt-top strong{color:#c8e65c;font-size:.8rem}.tip-receipt dl{display:grid;gap:0;margin:0}.tip-receipt dl>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.78rem}.tip-receipt dt{color:#aeb8b3}.tip-receipt dd{margin:0;text-align:right;font-weight:850}.tip-receipt .tip-per-person{margin:8px 0;padding:18px 0;font-size:1rem}.tip-receipt .tip-per-person dd{color:#c8e65c;font-size:1.3rem}.tip-receipt>p{margin:5px 0 0!important;color:#aeb8b3!important;font-size:.73rem!important;line-height:1.65}@media(max-width:760px){.tip-layout{grid-template-columns:1fr}}@media(max-width:450px){.tip-money-row{grid-template-columns:1fr}}
.unit-input-grid{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr) minmax(140px,.55fr);gap:10px}.unit-input-grid label,.unit-pair label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.unit-input-grid input,.unit-input-grid select,.unit-pair select{margin:0!important}.unit-pair{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:end;gap:8px}.unit-result-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:24px;border-radius:16px;background:#171816;color:#fff}.unit-result-panel>span{grid-column:1/-1;color:#bdc7c2;font-size:.74rem}.unit-result-panel>strong{font-size:clamp(2rem,5vw,4rem);overflow-wrap:anywhere}.unit-result-panel>button{align-self:end;background:#c8e65c!important;color:#1b250f!important}.unit-all-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.unit-all-results button{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important;min-width:0;padding:14px!important;border:1px solid rgba(24,31,29,.1)!important;background:#fff!important;color:#171816!important;text-align:left!important}.unit-all-results span{grid-column:1/-1;color:#667279;font-size:.7rem}.unit-all-results strong{overflow-wrap:anywhere;font-size:.9rem}.unit-all-results small{align-self:end;color:#667279}@media(max-width:700px){.unit-input-grid{grid-template-columns:1fr 1fr}.unit-input-grid label:nth-child(2){grid-column:1/-1;grid-row:1}.unit-all-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:470px){.unit-input-grid,.unit-pair{grid-template-columns:1fr}.unit-input-grid label:nth-child(2){grid-column:auto;grid-row:auto}.unit-pair .currency-swap{justify-self:center;transform:rotate(90deg)}.unit-all-results{grid-template-columns:1fr}}
.personality-intro{display:grid;justify-items:start;gap:18px;min-height:430px;padding:clamp(32px,6vw,72px);border-radius:22px;background:radial-gradient(circle at 85% 20%,rgba(200,230,92,.25),transparent 28%),#171816;color:#fff}.personality-intro>span{color:#c8e65c;font-size:.72rem;letter-spacing:.14em}.personality-intro h2{max-width:760px;margin:0!important;color:#fff!important;font-size:clamp(2.4rem,6vw,5rem)!important;line-height:1.06}.personality-intro p{max-width:620px;margin:0!important;color:#bdc7c2!important;line-height:1.75}.personality-intro button{margin-top:auto;background:#c8e65c!important;color:#18200e!important}.personality-quiz{display:grid;gap:16px;padding:clamp(24px,5vw,52px);border-radius:22px;background:#f4ecd8}.personality-progress-head{display:flex;justify-content:space-between;gap:12px;font-size:.75rem}.personality-progress-head span{font-weight:900}.personality-progress-head strong{color:#667279}.personality-progress{height:8px;border-radius:999px;background:#d9d0bb;overflow:hidden}.personality-progress i{display:block;width:0;height:100%;border-radius:inherit;background:#171816;transition:width .25s}.personality-question{display:grid;gap:14px;min-height:320px;padding:clamp(24px,4vw,42px);border-radius:18px;background:#fff}.personality-question>span{color:#667279;font-size:.72rem}.personality-question h2{max-width:800px;margin:0!important;color:#171816!important;font-size:clamp(1.45rem,3vw,2.5rem)!important;line-height:1.35}.personality-answers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:auto}.personality-answers button{display:grid!important;align-content:center!important;gap:7px!important;min-height:94px;padding:11px!important;border:1px solid rgba(24,31,29,.12)!important;background:#f8f8f5!important;color:#171816!important;font-size:.74rem!important}.personality-answers button:first-child,.personality-answers button:last-child{background:#dce7f6!important}.personality-answers button.selected{box-shadow:inset 0 0 0 2px #171816!important}.personality-answers small{font-size:.62rem;color:#667279}.personality-result{display:grid;gap:14px}.personality-result-hero{display:grid;gap:10px;padding:clamp(30px,5vw,56px);border-radius:22px;background:#171816;color:#fff}.personality-result-hero>span{color:#bdc7c2;font-size:.72rem}.personality-result-hero>strong{color:#c8e65c;font-size:clamp(2.6rem,6vw,5rem);letter-spacing:.12em}.personality-result-hero h2{margin:0!important;color:#fff!important;font-size:clamp(1.8rem,4vw,3.2rem)!important}.personality-result-hero p{max-width:720px;margin:0!important;color:#bdc7c2!important;line-height:1.7}.personality-axes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.personality-axes article{display:grid;gap:8px;padding:17px;border-radius:14px;background:#fff}.personality-axes article>div:first-child{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;font-size:.68rem}.personality-axes article>div:first-child span:last-child{text-align:right}.personality-axis-bar{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#a9cdf8,#f0b7a4)}.personality-axis-bar i{position:absolute;top:50%;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#171816;transform:translate(-50%,-50%)}.personality-axes small{color:#667279}.personality-result-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.personality-result-notes article{padding:18px;border-radius:14px;background:#fff}.personality-result-notes span{font-size:.72rem;font-weight:850}.personality-result-notes p{margin:8px 0 0!important;color:#667279!important;font-size:.78rem!important;line-height:1.65}.personality-disclaimer{margin:0!important;color:#667279!important;font-size:.74rem!important}@media(max-width:760px){.personality-answers{grid-template-columns:1fr}.personality-answers button{min-height:58px}.personality-axes,.personality-result-notes{grid-template-columns:1fr}}
.name-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:16px}.name-tool .case-panel>label,.name-option-grid label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.name-tool input,.name-tool select{margin:0!important}.name-tool label small{color:#667279;font-weight:500}.name-option-grid{display:grid;grid-template-columns:minmax(120px,.5fr) minmax(0,1.5fr);gap:10px}.name-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.name-results>p{grid-column:1/-1;margin:0!important;padding:50px 18px;text-align:center;color:#667279!important}.name-results article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:68px;padding:11px 12px;border:1px solid rgba(24,31,29,.1);border-radius:13px;background:#fff}.name-results article>span{color:#9aa39f;font-size:.68rem}.name-results article>strong{overflow-wrap:anywhere;font-size:.94rem}.name-results article>button{padding:8px 9px!important;background:#171816!important;color:#fff!important;font-size:.68rem!important}@media(max-width:820px){.name-layout{grid-template-columns:1fr}}@media(max-width:520px){.name-option-grid,.name-results{grid-template-columns:1fr}.name-results>p{grid-column:auto}}
.quote-layout{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}.quote-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.quote-options label{display:grid;gap:6px;font-size:.77rem;font-weight:850}.quote-options select{margin:0!important}.quote-favorites-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid rgba(24,31,29,.1)}.quote-favorites-head strong{font-size:.78rem}.quote-favorites-head button{padding:7px 9px!important}.quote-favorites{display:grid;gap:7px;max-height:300px;overflow:auto}.quote-favorites>p{margin:0!important;padding:28px;text-align:center;color:#667279!important}.quote-favorites article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 12px;border-radius:11px;background:#fff}.quote-favorites blockquote{margin:0;cursor:pointer;font-size:.76rem;line-height:1.55}.quote-favorites button{padding:6px 8px!important;background:transparent!important;color:#667279!important}.quote-card{--quote-accent:#c8e65c;--quote-ink:#18200e;position:sticky;top:18px;display:grid;align-content:space-between;gap:30px;aspect-ratio:1/1;min-height:440px;padding:clamp(30px,5vw,58px);border-radius:22px;background:radial-gradient(circle at 84% 18%,rgba(255,255,255,.3),transparent 28%),var(--quote-accent);color:var(--quote-ink);overflow:hidden}.quote-card>span{font-size:.72rem;font-weight:850;letter-spacing:.14em}.quote-card blockquote{margin:0;font-size:clamp(1.8rem,4vw,3.6rem);font-weight:900;line-height:1.32;letter-spacing:-.04em}.quote-card>div{display:flex;justify-content:space-between;gap:12px;font-size:.7rem;letter-spacing:.1em}.quote-card canvas{display:none}@media(max-width:850px){.quote-layout{grid-template-columns:1fr}.quote-card{position:static}}@media(max-width:560px){.quote-options{grid-template-columns:1fr}.quote-card{min-height:360px;aspect-ratio:auto}}
.wordcloud-layout{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);gap:16px;align-items:start}.wordcloud-tool .case-panel>label,.wordcloud-options label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.wordcloud-tool textarea{min-height:220px!important;margin:0!important;resize:vertical}.wordcloud-tool label small{color:#667279;font-weight:500}.wordcloud-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wordcloud-options input,.wordcloud-options select{margin:0!important}.wordcloud-options input[type=color]{width:100%!important;min-height:44px;padding:4px!important}.wordcloud-preview-panel{position:sticky;top:18px}.wordcloud-canvas-wrap{display:grid;place-items:center;min-height:360px;padding:12px;border-radius:16px;background:#171816}.wordcloud-canvas-wrap canvas{display:block;width:100%;height:auto;border-radius:8px}.wordcloud-frequency{display:grid;gap:7px}.wordcloud-frequency>p{margin:0!important;padding:24px;text-align:center;color:#667279!important}.wordcloud-frequency>div{display:grid;grid-template-columns:22px minmax(70px,.5fr) minmax(0,1fr) 42px;align-items:center;gap:8px;font-size:.7rem}.wordcloud-frequency>div>span{color:#909a95}.wordcloud-frequency>div>div{height:9px;border-radius:999px;background:rgba(24,31,29,.08);overflow:hidden}.wordcloud-frequency i{display:block;height:100%;border-radius:inherit;background:#6f9ef5}.wordcloud-frequency b{text-align:right}@media(max-width:900px){.wordcloud-layout{grid-template-columns:1fr}.wordcloud-preview-panel{position:static}}@media(max-width:520px){.wordcloud-options{grid-template-columns:1fr}.wordcloud-canvas-wrap{min-height:220px;padding:7px}}
.markdown-mode-row{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:end;gap:10px}.markdown-mode-row>label:first-child{display:grid;gap:6px;font-size:.78rem;font-weight:850}.markdown-mode-row select{margin:0!important}.markdown-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.markdown-editor-grid textarea{min-height:430px!important;margin:0!important;resize:vertical;font:500 .82rem/1.65 "SFMono-Regular",Consolas,monospace!important;tab-size:2}.markdown-preview{min-height:220px;padding:clamp(20px,4vw,38px);border-radius:15px;background:#fff;overflow:auto;line-height:1.7}.markdown-preview>*:first-child{margin-top:0}.markdown-preview>*:last-child{margin-bottom:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{color:#171816!important;line-height:1.3}.markdown-preview pre{padding:16px;border-radius:11px;background:#171816;color:#e8eee9;overflow:auto}.markdown-preview code{padding:2px 5px;border-radius:5px;background:#eceee9;font-family:"SFMono-Regular",Consolas,monospace}.markdown-preview pre code{padding:0;background:transparent}.markdown-preview blockquote{margin-left:0;padding:12px 16px;border-left:4px solid #6f9ef5;background:#eef4fc;color:#4f5b61}.markdown-preview table{width:100%;border-collapse:collapse}.markdown-preview th,.markdown-preview td{padding:9px 11px;border:1px solid #d8dedb;text-align:left}.markdown-preview th{background:#f0f2ee}.markdown-preview a{color:#275fa8}.markdown-preview .markdown-empty{color:#667279}@media(max-width:780px){.markdown-editor-grid{grid-template-columns:1fr}.markdown-editor-grid textarea{min-height:300px}.markdown-mode-row{grid-template-columns:1fr}}
/* 2026 viral interaction lab: shared layout for tools 69–71 */
.viral-tool-grid{display:grid;grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr);gap:16px;align-items:start}.viral-control-panel,.viral-stage-panel,.mood-preview-panel,.friend-question-panel{display:grid;gap:16px}.viral-field{display:grid;gap:7px;font-size:.8rem;font-weight:850}.viral-field select,.friend-name-grid input{margin:0!important}.viral-intro-card{position:relative;overflow:hidden;padding:24px;border:1px solid rgba(24,31,29,.12);border-radius:18px;background:linear-gradient(145deg,#f7f9f2,#eef3df)}.viral-intro-card:after{content:"";position:absolute;right:-38px;bottom:-52px;width:150px;height:150px;border:28px solid rgba(135,158,56,.13);transform:rotate(18deg)}.viral-kicker{display:block;margin-bottom:8px;color:#65742f;font-size:.68rem;font-weight:950;letter-spacing:.14em}.viral-intro-card h2,.viral-result-hero h2{margin:0 0 8px!important;font-size:clamp(1.25rem,2.2vw,1.85rem)!important;line-height:1.18!important}.viral-intro-card p,.viral-result-hero p{position:relative;z-index:1;margin:0!important;color:#657078!important;font-size:.82rem!important;line-height:1.7!important}.viral-stage-panel{min-height:450px}.rank-reveal{display:grid;place-items:center;min-height:228px;padding:24px;text-align:center;border-radius:20px;background:#171c19;color:#fff}.rank-reveal .rank-emoji{font-size:4.5rem;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}.rank-reveal h2{margin:12px 0 6px!important;font-size:clamp(1.5rem,3vw,2.35rem)!important}.rank-reveal p{margin:0!important;color:rgba(255,255,255,.68)!important;font-size:.78rem!important}.rank-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.rank-slot{display:grid!important;min-width:0!important;min-height:94px!important;padding:10px 6px!important;background:#f3f5ef!important;color:#20251f!important;border:1px solid #dce2d4!important}.rank-slot b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#20251f;color:#fff}.rank-slot span{overflow:hidden;max-width:100%;font-size:.72rem;text-overflow:ellipsis}.rank-slot:not(:disabled):hover{background:#c8e65c!important;border-color:#9ebd38!important}.rank-slot.is-filled{background:#fff!important}.rank-slot:disabled:not(.is-filled){opacity:.48}.viral-result-panel{display:grid;gap:18px;background:linear-gradient(145deg,#fff,#f2f6e8)!important}.viral-result-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border-radius:18px;background:#19201b;color:#fff}.viral-result-hero>div{min-width:0}.viral-result-hero>strong{flex:0 0 auto;color:#c8e65c;font-size:clamp(2.2rem,6vw,4.8rem);line-height:1}.rank-final-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.rank-final-list li{display:grid;grid-template-columns:42px 42px 1fr;align-items:center;gap:8px;padding:12px 14px;border-radius:13px;background:#fff;border:1px solid #e0e5dc}.rank-final-list li>b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#20251f;color:#fff}.rank-final-list li>span{font-size:1.5rem}.rank-final-list li:first-child{background:#eaf4c8;border-color:#c8e65c}.rank-final-list li:first-child>b{background:#718722}
.mood-drop{position:relative;display:grid!important;place-items:center;gap:6px;min-height:112px;padding:20px;border:1px dashed #84954d;border-radius:16px;background:#f6f9ec;cursor:pointer;font-size:.9rem;font-weight:900;text-align:center}.mood-drop input{position:absolute;width:1px!important;height:1px!important;opacity:0}.mood-drop span{font-size:.72rem;font-weight:600;color:#707a70}.mood-or{display:flex;align-items:center;gap:10px;color:#929991;font-size:.67rem}.mood-or:before,.mood-or:after{content:"";height:1px;flex:1;background:#e1e5dd}.mood-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.mood-preset{display:grid!important;gap:7px;min-width:0!important;height:auto!important;padding:6px!important;background:#fff!important;color:#293029!important;border:1px solid #dce1d9!important}.mood-preset>span{width:100%;height:48px;border-radius:7px}.mood-preset strong{overflow:hidden;font-size:.58rem;white-space:nowrap;text-overflow:ellipsis}.mood-preset.active{box-shadow:0 0 0 2px #829b2c!important;border-color:#829b2c!important}.mood-quiz{margin:0;padding:14px;border:1px solid #dfe4da;border-radius:15px}.mood-quiz legend{padding:0 6px;font-size:.76rem;font-weight:900}.mood-question{display:grid;gap:8px}.mood-question+.mood-question{margin-top:13px;padding-top:13px;border-top:1px solid #ecefe9}.mood-question>strong{font-size:.78rem}.mood-answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mood-answer-grid button{min-width:0!important;padding:9px 6px!important;font-size:.68rem!important}.mood-answer-grid button.active{background:#20251f!important;color:#fff!important}.mood-preview-panel canvas{display:block;width:100%;max-height:700px;object-fit:contain;border-radius:18px;background:#222}.mood-palette{display:grid;grid-template-columns:repeat(5,1fr);min-height:88px;overflow:hidden;border-radius:15px}.mood-palette span{min-height:88px}.mood-traits{display:flex;flex-wrap:wrap;gap:7px}.mood-traits span{padding:9px 13px;border-radius:999px;background:#20251f;color:#fff;font-size:.74rem;font-weight:800}
.friend-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.friend-name-grid label{display:grid;gap:7px;font-size:.78rem;font-weight:850}.friend-question{display:grid;place-items:center;min-height:300px;padding:28px;border-radius:20px;background:linear-gradient(145deg,#1c2420,#303d34);color:#fff;text-align:center}.friend-question>span{font-size:4.8rem}.friend-question h2{max-width:620px;margin:18px 0 0!important;font-size:clamp(1.45rem,3vw,2.4rem)!important;line-height:1.35!important}.friend-choice-grid{display:grid;grid-template-columns:1fr .72fr 1fr;gap:9px}.friend-choice-grid button{min-width:0!important;min-height:58px!important}.friend-balance{display:grid;gap:14px}.friend-balance>div{display:grid;grid-template-columns:minmax(74px,120px) minmax(0,1fr) 42px;align-items:center;gap:12px}.friend-balance strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-balance span{height:17px;overflow:hidden;border-radius:999px;background:#e4e8df}.friend-balance span i{display:block;width:var(--value);height:100%;min-width:4px;border-radius:inherit;background:linear-gradient(90deg,#809932,#c8e65c)}.friend-balance b{text-align:right}.friend-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.friend-highlights>div{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #e0e5dc;border-radius:13px;background:#fff}.friend-highlights span{font-size:1.4rem}.friend-highlights strong{font-size:.75rem;line-height:1.45}
@media(max-width:900px){.viral-tool-grid{grid-template-columns:1fr}.viral-stage-panel{min-height:0}.mood-preview-panel{order:-1}.mood-preview-panel canvas{max-height:540px}.friend-question{min-height:240px}}
@media(max-width:600px){.viral-intro-card{padding:19px}.viral-result-hero{align-items:flex-start;flex-direction:column}.rank-slots{grid-template-columns:1fr}.rank-slot{grid-template-columns:34px 1fr!important;justify-items:start!important;min-height:52px!important}.rank-slot b{grid-row:1}.rank-slot span{grid-column:2;grid-row:1}.mood-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.mood-answer-grid{grid-template-columns:1fr}.friend-name-grid{grid-template-columns:1fr}.friend-question{min-height:210px}.friend-choice-grid{grid-template-columns:1fr}.friend-highlights{grid-template-columns:1fr}.friend-balance>div{grid-template-columns:70px minmax(0,1fr) 34px}}
/* playful mini games: ladder & lucky draw */
.game-studio-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:16px;align-items:start}.game-setup-panel,.game-board-panel,.draw-machine-panel{display:grid;gap:15px}.game-field{display:grid;gap:7px;font-size:.8rem;font-weight:900}.game-field textarea{min-height:150px!important;margin:0!important;resize:vertical;font-family:inherit!important;line-height:1.5!important}.game-field small{color:#687268;font-size:.7rem;font-weight:550}.game-options{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.game-options>label:first-child,.draw-option-grid label{display:grid;gap:7px;font-size:.76rem;font-weight:850}.game-options select,.draw-option-grid input{margin:0!important}.game-switch{display:flex!important;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #d8ddd4;border-radius:12px;background:#fff;font-size:.72rem;font-weight:800}.game-switch input{width:18px!important;height:18px!important;margin:0!important}.game-board-panel{min-width:0}.ladder-player-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px}.ladder-player-buttons:empty{display:none}.ladder-player-buttons button{position:relative;min-width:0!important;overflow:hidden;padding:9px 5px!important;text-overflow:ellipsis;white-space:nowrap}.ladder-player-buttons button:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--player-color)}.ladder-player-buttons button.is-done{background:#20251f!important;color:#fff!important}.ladder-canvas-wrap{position:relative;display:grid;place-items:center;min-height:470px;overflow:hidden;border:1px solid #d7dccf;border-radius:20px;background:linear-gradient(135deg,#f7f0d8,#e7f2ca)}.ladder-canvas-wrap canvas{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}.ladder-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;padding:30px;text-align:center;background:linear-gradient(145deg,#202820,#354232);color:#fff}.ladder-empty[hidden]{display:none}.ladder-empty span{font-size:5rem;animation:ladderWiggle 2.2s ease-in-out infinite}.ladder-empty strong{font-size:1.25rem}.ladder-empty small{color:rgba(255,255,255,.66)}@keyframes ladderWiggle{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(5deg) translateY(-8px)}}.game-result-panel{display:grid;gap:16px;background:linear-gradient(145deg,#fff8e3,#eef7d2)!important}.game-result-burst{display:flex;align-items:center;gap:18px;padding:20px;border-radius:18px;background:#20271f;color:#fff}.game-result-burst>span{display:grid;place-items:center;flex:0 0 74px;width:74px;height:74px;border-radius:22px;background:#c8e65c;font-size:2.5rem;transform:rotate(-5deg)}.game-result-burst div>span{color:#aeb9ae;font-size:.7rem;font-weight:850;letter-spacing:.1em}.game-result-burst h2{margin:4px 0!important;color:#fff!important;font-size:clamp(1.35rem,3vw,2.2rem)!important}.game-result-burst p{margin:0!important;color:#bfc8be!important;font-size:.78rem!important}.ladder-result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ladder-result-list>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:12px;border:1px solid #dde3d7;border-radius:13px;background:#fff}.ladder-result-list span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;font-weight:900}.ladder-result-list strong,.ladder-result-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ladder-result-list i{color:#899087;font-style:normal}
.draw-option-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:10px}.draw-machine-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#eef7d1,#d7eda0)!important;transition:background .25s}.draw-machine-panel[data-theme=peach]{background:linear-gradient(145deg,#ffe0d5,#f5b2bc)!important}.draw-machine-panel[data-theme=night]{background:linear-gradient(145deg,#202732,#313b55)!important;color:#fff}.draw-machine-panel[data-theme=night] .case-panel-head span{color:#b9c3d8}.draw-drum{position:relative;display:grid;place-items:center;min-height:350px;overflow:hidden;border:8px solid rgba(32,39,31,.9);border-radius:42% 42% 48% 48%;background:radial-gradient(circle,#fff 0 18%,rgba(255,255,255,.5) 19% 45%,rgba(255,255,255,.2) 46%);box-shadow:inset 0 0 0 12px rgba(255,255,255,.25),0 18px 35px rgba(34,43,31,.15)}.draw-drum:before{content:"IVTILE LUCK LAB";position:absolute;top:22px;color:rgba(31,38,30,.5);font-size:.65rem;font-weight:950;letter-spacing:.18em}.draw-orbit{position:absolute;inset:0}.draw-orbit span{position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#fff;color:#20251f;font-weight:950;transform:rotate(calc(360deg / var(--count) * var(--i))) translateY(-125px) rotate(calc(-360deg / var(--count) * var(--i)));box-shadow:0 5px 12px rgba(0,0,0,.12)}.draw-window{position:relative;z-index:2;display:grid;place-items:center;gap:4px;width:190px;min-height:130px;padding:18px;border:5px solid #20251f;border-radius:26px;background:#fff;box-shadow:0 12px 0 rgba(32,37,31,.15);text-align:center}.draw-window span{font-size:2.5rem}.draw-window strong{max-width:150px;overflow:hidden;color:#20251f;font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap}.draw-drum.is-spinning .draw-orbit{animation:drawSpin .35s linear infinite}.draw-drum.is-spinning .draw-window{animation:drawShake .12s linear infinite}@keyframes drawSpin{to{transform:rotate(360deg)}}@keyframes drawShake{0%,100%{transform:translateX(-3px) rotate(-1deg)}50%{transform:translateX(3px) rotate(1deg)}}.draw-big-button{display:grid!important;gap:2px;width:100%!important;min-height:76px!important;border:0!important;border-radius:20px!important;background:#20251f!important;color:#fff!important;box-shadow:0 8px 0 #788b39!important;transform:translateY(0);transition:transform .12s,box-shadow .12s!important}.draw-big-button:hover:not(:disabled){transform:translateY(3px)!important;box-shadow:0 5px 0 #788b39!important}.draw-big-button span{font-size:1.05rem;font-weight:950}.draw-big-button small{color:#b8c2b4;font-size:.66rem}.draw-confetti{position:absolute;z-index:5;top:52%;width:10px;height:18px;border-radius:3px;pointer-events:none;animation:confettiBurst 1.25s ease-out forwards}@keyframes confettiBurst{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--x),330px) rotate(720deg);opacity:0}}.draw-results{background:linear-gradient(145deg,#fff,#f4f7ed)!important}.draw-winner-stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.draw-winner-stage article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;border-radius:16px;background:#20251f;color:#fff}.draw-winner-stage article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#c8e65c;color:#20251f;font-weight:950}.draw-winner-stage article div{display:grid;min-width:0}.draw-winner-stage small{color:#aeb9ae}.draw-winner-stage strong{overflow:hidden;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.draw-winner-stage b{color:#c8e65c}.draw-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.draw-history>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;padding:10px;border:1px solid #dde2d9;border-radius:11px;background:#fff}.draw-history>div>span{color:#929a91;font-size:.66rem}.draw-history>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-history>div b{color:#8a9289;font-size:.68rem}.draw-history>div.is-win{border-color:#a8c34b;background:#f2f8d9}.draw-history>div.is-win b{color:#61751f}.draw-history>div.is-latest{animation:latestPop .45s ease}@keyframes latestPop{0%{transform:scale(.9);opacity:.2}70%{transform:scale(1.03)}100%{transform:scale(1);opacity:1}}
@media(max-width:920px){.game-studio-grid{grid-template-columns:1fr}.game-board-panel,.draw-machine-panel{order:-1}.ladder-canvas-wrap{min-height:360px}.draw-drum{min-height:320px}}
@media(max-width:600px){.game-options,.draw-option-grid{grid-template-columns:1fr}.game-switch{justify-content:center}.ladder-canvas-wrap{min-height:250px}.ladder-player-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.ladder-result-list{grid-template-columns:1fr}.game-result-burst{align-items:flex-start;flex-direction:column}.draw-drum{min-height:285px}.draw-orbit span{transform:rotate(calc(360deg / var(--count) * var(--i))) translateY(-100px) rotate(calc(-360deg / var(--count) * var(--i)))}.draw-history{grid-template-columns:1fr}.draw-winner-stage{grid-template-columns:1fr}}