@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";html{background:#fffdf8}body{min-height:100vh}:root{--background:#fff;--foreground:#101a31;--card:#fff;--card-foreground:#101a31;--primary:#101a31;--primary-foreground:#f8fafc;--secondary:#f1f5f9;--muted:#f5f8fa;--muted-foreground:#64748b;--accent:#10bc83;--accent-glow:#4ddeaa;--accent-foreground:#fff;--border:#dce5ec;--input:#dce5ec;--ring:#10bc83;--destructive:#ef4444;--warning:#f59e0b;--success:#22c55e;--radius:12px;--gradient-hero:radial-gradient(ellipse at top left, #10bc8324, transparent 52%), radial-gradient(ellipse at bottom right, #101a3114, transparent 50%);--gradient-accent:linear-gradient(135deg, var(--accent), var(--accent-glow));--shadow-elegant:0 12px 42px -16px #101a3138;--shadow-card:0 8px 28px -16px #101a3133;--shadow-glow:0 0 50px #10bc833d}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background);min-width:320px}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--foreground);font-feature-settings:"ss01", "cv11";margin:0;font-family:Inter,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.site-shell{background-image:linear-gradient(#dce5ec70 1px,#0000 1px),linear-gradient(90deg,#dce5ec70 1px,#0000 1px);background-size:40px 40px;min-height:100vh;overflow:clip}.topbar,main,footer{width:min(1180px,100% - 40px);margin-inline:auto}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.brand{color:var(--foreground);letter-spacing:-.055em;white-space:nowrap;align-items:center;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.brand span{background:var(--primary);width:32px;height:32px;color:var(--accent);letter-spacing:0;border-radius:9px;place-items:center;margin-right:8px;font:500 15px/1 JetBrains Mono,monospace;display:inline-grid}.brand b{color:var(--accent);font-weight:600}.topbar nav{gap:28px;display:flex}.topbar nav a{color:var(--muted-foreground);font-size:14px;text-decoration:none;transition:color .2s;position:relative}.topbar nav a:hover{color:var(--foreground)}.topbar nav a:hover:after{background:var(--accent);content:"";height:2px;position:absolute;bottom:-16px;left:0;right:0}.menu-action,.primary,.secondary-button{background:var(--primary);min-height:44px;color:var(--primary-foreground);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:10px 17px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.menu-action:hover,.primary:hover{box-shadow:var(--shadow-elegant);transform:translateY(-2px)}.primary:focus-visible,.menu-action:focus-visible,.secondary-button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #10bc834d}.primary:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.secondary-button{border-color:var(--border);background:var(--background);color:var(--foreground)}.secondary-button:hover{border-color:var(--accent);background:#effcf7}.intro{background-image:var(--gradient-hero);max-width:790px;padding:104px 0 76px}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 15px;font:500 11px/1.3 JetBrains Mono,monospace}.intro h1,h2,.panel-heading h1{color:var(--foreground);letter-spacing:-.065em;margin:0}.intro h1{font-size:clamp(54px,8vw,100px);font-weight:800;line-height:.92}.intro h1 em{color:var(--accent);font-style:normal;font-weight:700}.intro-copy{max-width:530px;color:var(--muted-foreground);margin:30px 0 0;font-size:18px;line-height:1.55}.tool-zone{scroll-margin-top:28px}.catalog-head{justify-content:space-between;align-items:end;gap:28px;display:flex}.catalog-head h2,.promise h2{max-width:630px;font-size:clamp(38px,5vw,68px);font-weight:800;line-height:.98}.catalog-head h2:first-line,.promise h2:first-line{color:var(--foreground)}.filters{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:510px;display:flex}.filters button,.tool-navigation-categories button{border:1px solid var(--border);color:var(--muted-foreground);background:#ffffffc2;border-radius:999px;padding:8px 11px;font-size:12px;transition:border-color .2s,background .2s,color .2s}.filters button:hover,.tool-navigation-categories button:hover{border-color:var(--accent);color:var(--foreground)}.filters button.selected,.tool-navigation-categories button.selected{border-color:var(--accent);background:var(--accent);color:var(--accent-foreground)}.catalog-search{width:min(570px,100%);margin:35px 0 22px}.catalog-search label,.stack label,.tool-navigation-filters label{color:var(--foreground);gap:8px;font-size:13px;font-weight:600;display:grid}input,textarea,select{border:1px solid var(--input);width:100%;color:var(--foreground);background:#ffffffdb;border-radius:9px;padding:12px 13px;font-size:14px;line-height:1.35;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder,textarea::placeholder{color:#95a3b3}input:focus,textarea:focus,select:focus{border-color:var(--ring);box-shadow:0 0 0 4px #10bc831f}textarea{resize:vertical}.workspace{position:relative}.tool-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-card{border:1px solid var(--border);border-radius:var(--radius);min-height:184px;color:var(--foreground);text-align:left;background:#ffffffdb;grid-template-columns:auto 1fr;gap:17px;padding:21px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;box-shadow:0 1px #101a3105}.tool-card:hover{box-shadow:var(--shadow-card);border-color:#10bc8394;transform:translateY(-4px)}.tool-index{color:var(--accent);font:500 11px JetBrains Mono,monospace}.tool-card>span:last-child{align-content:start;gap:8px;display:grid}.tool-card small,.tool-navigation-list small{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font:500 10px/1.2 JetBrains Mono,monospace}.tool-card strong{letter-spacing:-.03em;font-size:18px}.tool-card em{color:var(--muted-foreground);font-size:13px;font-style:normal;line-height:1.45}.empty,.navigation-empty{color:var(--muted-foreground);margin:0;font-size:14px}.promise{grid-template-columns:minmax(0,1.1fr) minmax(270px,.65fr);gap:70px;padding:90px 0 116px;display:grid}.promise .eyebrow{grid-column:1/-1;margin-bottom:-48px}.promise>div{color:var(--muted-foreground);font-size:16px;line-height:1.65}.promise a,.text-link,.secondary-link{color:var(--accent);font-size:14px;font-weight:700;text-decoration:none}.promise a:hover,.text-link:hover,.secondary-link:hover{text-decoration:underline}footer{border-top:1px solid var(--border);color:var(--muted-foreground);grid-template-columns:1fr auto;align-items:center;gap:16px;padding:30px 0;font-size:12px;display:grid}footer p{margin:0}footer p:last-child{text-align:right}.tool-page{min-height:calc(100vh - 82px);padding:54px 0 96px}.tool-layout{align-items:start}.tool-navigation{border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100dvh - 42px);box-shadow:var(--shadow-card);background:#ffffffe0;flex-direction:column;padding:18px 0 10px;display:flex}.tool-navigation>.eyebrow{padding:0 17px}.tool-navigation-filters{gap:11px;padding:0 13px 14px;display:grid}.tool-navigation-filters label{color:var(--muted-foreground);letter-spacing:.07em;text-transform:uppercase;gap:6px;font:500 10px JetBrains Mono,monospace}.tool-navigation-filters input{letter-spacing:normal;text-transform:none;padding:10px;font:400 12px Inter,sans-serif}.tool-navigation-categories{flex-wrap:wrap;gap:6px;display:flex}.tool-navigation-categories button{padding:6px 8px;font-size:10px}.tool-navigation-list{overscroll-behavior:contain;gap:3px;min-height:0;padding:0 8px 8px;display:grid;overflow-y:auto}.tool-navigation-list button{color:var(--foreground);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;gap:5px;padding:10px 9px;font-size:13px;font-weight:600;display:grid}.tool-navigation-list button:hover{background:var(--muted)}.tool-navigation-list button.current{background:#ecfbf4;border-color:#10bc8361}.tool-navigation-list .navigation-empty{padding:12px 8px}.tool-panel{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);min-width:0;box-shadow:var(--shadow-elegant);background:#ffffffed;padding:clamp(24px,4vw,46px)}.panel-heading{max-width:650px;margin-bottom:35px}.panel-heading h1{font-size:clamp(36px,4.4vw,58px);font-weight:800;line-height:.98}.panel-heading>p:last-child{color:var(--muted-foreground);margin:17px 0 0;font-size:16px;line-height:1.55}.stack{gap:17px;max-width:680px;display:grid}.stack.compact{gap:10px}.stack>label{max-width:100%}.privacy,.caution{border-left:3px solid var(--accent);color:#35645a;background:#f0fbf6;margin:0;padding:10px 13px;font-size:13px;line-height:1.5}.caution{border-left-color:var(--warning);color:#805e16;background:#fff8e9}.result,.timer,.color-preview{overflow-wrap:anywhere;color:var(--foreground);background:#effcf7;border:1px solid #10bc8357;border-radius:10px;padding:18px;font:500 clamp(16px,2.5vw,25px)/1.35 JetBrains Mono,monospace;display:block}.result-text,.pix-code{white-space:pre-wrap;font-size:13px}.timer{text-align:center;letter-spacing:-.07em;font-size:clamp(44px,9vw,80px)}.color-preview{color:#fff;text-align:center;text-shadow:0 1px 8px #0000006b;min-height:92px}.validation{background:var(--muted);color:var(--muted-foreground);border-radius:9px;padding:12px;font-size:14px}.validation.valid{color:#08704e;background:#ecfbf4}.validation.invalid{color:#b42318;background:#fff0f0}.address,.holiday-list,.file-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.address div,.holiday-list li,.file-list li{border:1px solid var(--border);background:var(--background);border-radius:9px;justify-content:space-between;gap:16px;padding:12px;font-size:13px;display:flex}.address dt,.holiday-list b{font-weight:700}.address dd{color:var(--muted-foreground);text-align:right;margin:0}.input-grid,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid>div{border:1px solid var(--border);background:var(--background);border-radius:10px;gap:5px;padding:14px;display:grid}.stat-grid b{letter-spacing:-.03em;font-size:16px}.stat-grid span{color:var(--muted-foreground);font-size:11px;line-height:1.35}.range-row label{gap:10px;display:grid}.range-row input{accent-color:var(--accent);padding:0}.checks{flex-wrap:wrap;gap:9px 14px;display:flex}.checks label{color:var(--muted-foreground);align-items:center;gap:7px;font-size:13px;font-weight:500;display:inline-flex}.checks input{width:16px;height:16px;accent-color:var(--accent)}.file-input{border:1px dashed var(--accent);width:fit-content;color:var(--foreground);cursor:pointer;background:#effcf7;border-radius:9px;padding:11px 13px}.file-input input{display:none}.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.generated-link-label{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;font:500 10px JetBrains Mono,monospace}.generated-link{overflow-wrap:anywhere;color:var(--foreground);font:400 12px/1.55 JetBrains Mono,monospace}.qr-output{border:1px solid var(--border);background:var(--background);border-radius:10px;gap:14px;width:fit-content;max-width:100%;padding:16px;display:grid}.qr-output img{border-radius:6px;width:min(250px,100%)}.toast{z-index:20;background:var(--primary);color:#fff;max-width:min(390px,100% - 32px);box-shadow:var(--shadow-elegant);border:1px solid #10bc8359;border-radius:10px;padding:14px 16px;font-size:14px;position:fixed;bottom:24px;right:24px}.mobile-tool-explorer{display:none}@media (width>=821px){.tool-page .tool-layout{grid-template-columns:272px minmax(0,1fr);gap:34px;display:grid}.tool-page .tool-navigation{display:flex;position:sticky;top:20px}}@media (width<=820px){.topbar,main,footer{width:min(100% - 28px,620px)}.topbar{min-height:70px}.topbar nav{display:none}.menu-action{min-height:40px;padding:8px 12px;font-size:12px}.intro{padding:70px 0 54px}.tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-head,.promise{grid-template-columns:1fr;display:grid}.filters{justify-content:flex-start}.promise{gap:24px;padding:72px 0 88px}.promise .eyebrow{grid-column:auto;margin-bottom:0}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}.tool-page{padding:25px 0 60px}.tool-page .tool-layout{display:block}.tool-page .tool-navigation{display:none}.mobile-tool-explorer{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);background:#ffffffe0;margin-bottom:15px;display:grid;overflow:hidden}.mobile-tool-explorer-trigger{background:var(--primary);color:#fff;text-align:left;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:57px;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.mobile-tool-explorer-trigger>span:last-child{color:var(--accent);font-size:23px;line-height:1;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.mobile-tool-explorer-trigger[aria-expanded=true]>span:last-child{transform:rotate(180deg)}.mobile-tool-explorer-content{opacity:0;background:var(--background);max-height:0;padding:0 13px;transition:max-height .36s cubic-bezier(.2,.8,.2,1),padding .36s cubic-bezier(.2,.8,.2,1),opacity .2s;overflow:hidden}.mobile-tool-explorer-content[data-open=true]{overscroll-behavior:contain;opacity:1;max-height:62dvh;padding:16px 13px;overflow-y:auto}.mobile-tool-explorer-content .tool-navigation-list{max-height:42dvh;padding:0}.mobile-tool-explorer-content .tool-navigation-filters{padding-inline:0}.tool-panel{padding:25px 20px}.panel-heading{margin-bottom:27px}}@media (width<=540px){.brand{font-size:13px}.brand span{width:29px;height:29px}.menu-action{border-radius:9px;width:42px;min-width:42px;padding:0;font-size:0}.menu-action:after{color:var(--accent);content:"↗";font-size:18px}.intro h1{font-size:clamp(48px,16vw,68px)}.intro-copy{font-size:16px}.catalog-head h2,.promise h2{font-size:39px}.tool-list{grid-template-columns:1fr}.tool-card{min-height:148px}.filters{gap:6px}.filters button{padding:7px 9px;font-size:11px}.input-grid,.stat-grid{grid-template-columns:1fr}.action-row>*{width:100%}.secondary-link{text-align:center;display:block}.toast{bottom:16px;right:16px}}