@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f7fa;--panel:#fff;--panel2:#eef2f7;--text:#17212f;--ink:#17212f;--muted:#5c6778;--sub:#5c6778;--accent:#2457e7;--accent2:#2457e7;--border:#d8dfe8;--line:#d8dfe8;--card:#fff;--radius:18px;--pink-deep:#a84512;--lav-deep:#5945cd;--sky-deep:#2457e7;--font:'DM Sans','Noto Sans KR',sans-serif}
body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.7;margin:0}h1,h2,h3,.jua,button,input,select,textarea,.btn{font-family:var(--font)}h1,h2,h3{font-weight:700;letter-spacing:-.045em;line-height:1.25}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,select{min-height:44px}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input,textarea,select{font-size:16px}button:disabled{cursor:not-allowed;opacity:.5}h1 .grad,.grad,.hero h1{background:none;color:var(--ink);-webkit-text-fill-color:currentColor}.deco{display:none}.card,.panel{box-shadow:none;border:1px solid var(--border);border-radius:18px;background:#fff}.btn,.bigbtn{background:var(--accent);color:#fff;border-radius:10px;box-shadow:none;font-weight:700}.btn:hover,.bigbtn:hover{filter:brightness(.94);transform:translateY(-1px)}.btn.ghost,.btn.secondary,.smallbtn{background:#fff;color:var(--ink);border:1px solid var(--border)}.badge,.badges .badge,.hero-badges span{background:#eef2f7;color:#435065;border:0;font-size:14px;border-radius:6px}.lead,.hint,.sub{color:var(--muted)}footer{color:var(--muted);font-size:14px;border-top:1px solid var(--border);background:transparent}.studio-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1120px;margin:auto;padding:18px 24px;border-bottom:1px solid var(--border);font-size:14px}.studio-nav a{text-decoration:none;color:var(--ink);font-weight:700}.studio-mark{display:inline-grid;place-items:center;background:#2457e7;color:white;width:32px;height:32px;border-radius:8px;margin-right:10px;letter-spacing:-3px;padding-right:3px}.studio-nav .route-number{font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:.1em}.tool-page header{position:relative;background:transparent;backdrop-filter:none;border:0;max-width:960px;margin:auto}.tool-page main{max-width:960px;padding-top:16px}.tool-page .hero{text-align:left;padding:20px 0 24px}.tool-page .hero h1{font-size:clamp(28px,4vw,44px);max-width:800px}.tool-page .hero p{margin:12px 0;max-width:720px}.tool-page .card:hover{transform:none;box-shadow:none}.tool-page .step,.tool-page .track{background:#eef2f7;border:1px solid var(--border);border-radius:12px}.tool-page .step p,.tool-page .faq p{font-size:16px}.tool-page .brand{font-size:14px;color:var(--muted)}.tool-page #dropzone{background:#fff;border:2px dashed #a3b6e5;border-radius:18px;padding:48px 24px}.tool-page .mode{background:#fff;border-color:var(--border);border-radius:12px}.tool-page .mode:has(input:checked){border-color:var(--accent);background:#edf2ff}.tool-page .dz-icon{filter:grayscale(1)}.tool-page .exbtn{background:#fff;border:1px solid var(--border);border-radius:12px}.tool-page .exbtn.sel{background:#e9f5ed;border:2px solid #177044;color:#125a37}.motion-page{--accent:#177044;--accent2:#177044}.motion-page .stage{color:#fff}.motion-page .overlay,.motion-page .hud{color:#fff}.motion-page .hero{padding-bottom:8px}.dog-page{--accent:#a84512;--pink-deep:#a84512;--line:#e1dcd5;--pink:#f8c888}.dog-page main,.wish-page main{max-width:760px}.dog-page .intro{padding:32px 36px;text-align:left;border-top:5px solid #a84512}.dog-page .hero-dog{float:right;font-size:72px;animation:none;filter:none}.dog-page .intro h1{font-size:clamp(28px,4vw,40px)}.dog-page .intro .lead{font-size:16px;line-height:1.8}.dog-page .badges{justify-content:flex-start}.dog-page .summary-box,.dog-page .voice-bubble{background:#fff6e9;color:var(--ink)}.dog-page .r-code{color:#a84512;background:none;-webkit-text-fill-color:currentColor}.dog-page .name-wrap input{border:1px solid var(--border);border-radius:10px;font-family:var(--font)}.wish-page{--accent:#5945cd;--lav-deep:#5945cd}.wish-page .intro{text-align:left;padding:26px 0}.wish-page .hero-emoji{float:right;font-size:58px;animation:none;filter:none}.wish-page .intro h1{font-size:clamp(28px,4vw,40px)}.wish-page .card{padding:28px}.wish-page textarea{border:1px solid var(--border);background:#f7f8fc;border-radius:10px}.wish-page .topbar{max-width:760px}.tool-page .topbar select{font-size:14px}.legal-page{max-width:760px;margin:auto;padding:32px 24px}.legal-page h1{font-size:40px}.legal-page h2{margin-top:32px}.legal-page p,.legal-page li{font-size:16px}
.home-page{background:#fff}.home-page header{position:relative;background:white;backdrop-filter:none;border-bottom:1px solid var(--border)}.home-page .header-inner{max-width:1160px;padding:22px 28px}.home-page .brand{display:flex;align-items:center;font-size:22px;letter-spacing:-1px}.home-page .brand .logo{display:none}.home-page .brand:before{content:'w.';display:grid;place-items:center;width:38px;height:38px;margin-right:12px;border-radius:10px;background:#2457e7;color:white;font-size:27px}.home-page main{max-width:1160px;padding:0 28px 56px}.home-page .hero{position:relative;text-align:left;padding:48px 0 28px;display:grid;grid-template-columns:1fr 340px;column-gap:60px}.home-page .hero:before{content:'WEBTOOLS / EVERYDAY UTILITIES';grid-column:1/-1;letter-spacing:.15em;font-size:12px;font-weight:700;color:#2457e7;margin-bottom:20px}.home-page .hero h1{font-size:clamp(32px,4.3vw,56px);max-width:720px;line-height:1.18;background:none;color:var(--ink);grid-column:1}.home-page .hero p{font-size:16px;max-width:610px;margin:18px 0 0;grid-column:1}.home-page .hero-badges{justify-content:flex-start;grid-column:1;margin-top:22px}.home-page .searchwrap{grid-column:2;grid-row:2/5;align-self:end;margin:0;width:100%}.home-page #search{background:#f5f7fa;color:var(--ink);border:1px solid var(--border);border-radius:10px;padding-top:16px;padding-bottom:16px;font-size:16px}.home-page .cats{justify-content:flex-start;margin:12px 0 24px;border-bottom:1px solid var(--border);gap:24px;padding:0}.home-page .cat{border:0;border-radius:0;background:none;padding:14px 0;color:var(--muted);font-size:14px}.home-page .cat.active{color:#2457e7;background:none;border-bottom:3px solid #2457e7}.home-page .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-page .card{padding:0;gap:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;transition:transform .2s,box-shadow .2s;animation:none}.home-page .card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #182b5010;border-color:#a3b6d6}.home-page .card h3{padding:24px 26px 0;font-size:25px}.home-page .card p{padding:10px 26px 20px;font-size:16px;line-height:1.7}.home-page .card .meta{padding:0 26px 24px;font-size:14px}.home-page .card .tag{background:none;border:0;padding:0;border-radius:0;color:var(--muted);font-size:14px}.home-page .card .open{color:var(--ink)}.home-page .card .new{display:none}.tool-art{height:180px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #17212f10}.tool-art svg{width:100%;height:100%;display:block}.art-audio{background:#e9efff;color:#2457e7}.art-dog{background:#fff0cf;color:#a84512}.art-wish{background:#edeaff;color:#5945cd}.art-motion{background:#e5f3e9;color:#177044}.art-label{position:absolute;left:22px;top:16px;font-size:12px;letter-spacing:.13em;font-weight:700}.home-page footer{max-width:1104px;margin:0 auto;padding:28px 0;display:flex;justify-content:space-between;text-align:left}.home-page footer .copy{margin:0}.home-page .empty{border:1px dashed var(--border);border-radius:16px}.home-page .card.soon{display:none}
@media(max-width:700px){.studio-nav{padding:14px 18px}.studio-nav .route-number{font-size:12px}.home-page .header-inner{padding:18px}.home-page main{padding:0 18px 32px}.home-page .hero{display:block;padding:30px 0 16px}.home-page .hero:before{display:block;font-size:11px;margin-bottom:16px}.home-page .hero h1{font-size:36px}.home-page .searchwrap{margin-top:24px}.home-page .grid{grid-template-columns:1fr;gap:18px}.home-page .cats{gap:22px}.tool-art{height:155px}.home-page .card h3{font-size:23px;padding:20px 22px 0}.home-page .card p{padding:10px 22px 18px}.home-page .card .meta{padding:0 22px 22px}.home-page footer{margin:0 18px;display:block}.tool-page main{padding-left:18px;padding-right:18px}.tool-page .steps{grid-template-columns:1fr}.dog-page .intro,.wish-page .card{padding:24px 20px}.dog-page .hero-dog{font-size:52px}.tool-page .hero h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readable secondary states and consistent type across generated results. */
.legal-page p,.legal-page li,.legal-page .date,.legal-page .back{color:var(--muted)}.legal-page h2{color:var(--ink)}.tool-page .warn{color:#8a4b00;font-size:14px}.tool-page #errorMsg{color:#b42318}.tool-page .mode span,.tool-page .dz-formats,.tool-page .togglerow .td{font-size:14px}.tool-page .seo-body,.tool-page .faq-item p{font-size:16px;color:var(--muted)}.tool-page .privacy-note,.tool-page .size-hint,.tool-page .result-disc{font-size:14px;color:var(--muted)}.tool-page .ctl,.tool-page .orb .freq-num,.tool-page .q-text,.tool-page .q-chip,.tool-page .r-code,.tool-page .friend-card .f-head,.tool-page .friend-card .f-type b,.tool-page .axis-labels .win,.tool-page .seo-card summary{font-family:var(--font)}.wish-page .ctl.primary{background:var(--accent);box-shadow:none}.wish-page .ctl,.wish-page .chip{border-radius:10px;color:var(--ink)}.wish-page .orb{background:#edeaff;box-shadow:inset 0 0 0 1px #5945cd30;border-radius:50%}.wish-page .orb .freq-num{color:var(--accent);font-weight:700;letter-spacing:-.05em}.wish-page .switch input:checked + .slider{background:var(--accent)}.tool-page .switch:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:4px}.tool-page footer,.tool-page footer a{color:var(--muted)}.dog-page .likert-dot{min-width:44px;min-height:44px}.dog-page .likert-dot.s0,.dog-page .likert-dot.s1{border-color:#a84512}.dog-page .likert-dot.s3,.dog-page .likert-dot.s4{border-color:#2457e7}.dog-page .likert-dot.s0.sel,.dog-page .likert-dot.s1.sel{background:#ffe2b2}.dog-page .card,.wish-page .card{animation:none}.home-page .card .open{white-space:nowrap;margin-left:12px}.home-page #searchClear{background:#e4e9f1}.home-page .cat:focus-visible{outline-offset:-3px}

.dog-page #startBtn { display: block; margin-inline: auto; clear: both; }

.art-estate{background:#e9eefb;color:#2349ac}