:root{--grove:#1f3d2b;--grove-dark:#132419;--kinno:#e07a2c;--kinno-bright:#f5942f;--paper:#f2ecd8;--ink:#20241d;--line:#c9bd98}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:sans-serif}h1,h2,h3{font-family:serif}a{color:var(--kinno)}header.hero{background:linear-gradient(160deg,#0f2117,#1f3d2b,#16301f);color:var(--paper);padding:56px 20px 40px;text-align:center}.site-header-bar{display:flex;align-items:center;justify-content:space-between;max-width:920px;margin:0 auto 18px}.brand-row{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:1.3rem;color:var(--kinno-bright)}.brand-row svg{flex-shrink:0;border-radius:50%}.theme-toggle{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;width:38px;height:38px;border-radius:50%;font-size:1rem;cursor:pointer}[data-theme=dark]{--paper:#161f18;--ink:#e8e4d5;--line:#3a4a3d}[data-theme=dark] body{background:var(--paper);color:var(--ink)}[data-theme=dark] .card,[data-theme=dark] .category-card,[data-theme=dark] .feature-card{background:#1f2a22;border-color:var(--line)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#1a231c;color:var(--ink);border-color:var(--line)}[data-theme=dark] footer{background:#0f1712;border-color:var(--line)}header.hero h1{font-size:2.3rem;margin:0 0 10px;color:var(--kinno-bright);display:flex;align-items:center;justify-content:center;gap:14px}header.hero p{font-size:1.05rem;max-width:560px;margin:0 auto;line-height:1.7;color:#dfe6d9}.badge{display:inline-block;margin-top:16px;background:var(--kinno);color:var(--grove-dark);font-weight:700;padding:6px 18px;border-radius:999px;font-size:.85rem}.search-wrap{max-width:920px;margin:18px auto 0;padding:0 18px;position:relative}#toolSearch{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--line);font-size:1rem}.search-results{position:absolute;left:18px;right:18px;top:100%;margin-top:6px;background:#fffdf6;border:1px solid var(--line);border-radius:10px;max-height:340px;overflow-y:auto;z-index:30;display:none;box-shadow:0 8px 24px rgba(0,0,0,.15)}.search-results a{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.search-results a:last-child{border-bottom:none}.search-results a:hover{background:#f2ecd8}.search-results .cat-tag{color:var(--kinno);font-size:.75rem;font-weight:600;white-space:nowrap}.no-results{text-align:center;padding:14px;display:block;color:#8a8a75;font-size:.9rem}main{max-width:920px;margin:30px auto 60px;padding:0 18px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.category-card{background:#fffdf6;border:1px solid var(--line);border-radius:16px;padding:22px;text-decoration:none;color:var(--ink);box-shadow:0 2px 10px rgba(31,61,43,.05)}.category-card h3{color:var(--grove);margin:0 0 6px}.category-card .count{color:var(--kinno);font-weight:600;font-size:.8rem;margin-top:8px;display:block}.section-title{margin:44px 0 14px}.section-title h3{color:var(--grove);text-transform:uppercase}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:18px}.feature-card{background:#fffdf6;border:1px solid var(--line);border-radius:12px;padding:20px;text-align:center}.feature-card .icon{font-size:1.8rem;margin-bottom:8px}.feature-card h4{margin:0 0 6px;color:var(--grove);font-size:1rem}.feature-card p{margin:0;font-size:.85rem;line-height:1.5;color:#4a4a3d}[data-theme=dark] .feature-card p{color:#c8c4b5}.card{background:#fffdf6;border:1px solid var(--line);border-radius:16px;padding:26px 24px;margin-bottom:26px;box-shadow:0 2px 10px rgba(31,61,43,.06)}.card h2{color:var(--grove);font-size:1.5rem;margin:0 0 6px}.card p.desc{margin:0 0 18px;line-height:1.7}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}input,select,textarea,button{font-family:inherit;font-size:1rem}input[type=text],input[type=number],textarea,select{padding:9px 12px;border:1px solid var(--line);border-radius:6px}button{background:var(--grove);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600}button.secondary{background:var(--kinno)}canvas.preview,img.preview{max-width:100%;border-radius:6px;margin-top:14px;border:1px solid var(--line);display:block}.sliders div{display:flex;align-items:center;gap:12px;margin-top:8px}textarea{width:100%;min-height:90px}.stat{font-size:.9rem;margin-top:10px}footer{padding:50px 20px 30px;background:#ece5cd;border-top:1px solid var(--line);font-size:.9rem}footer .wrap{max-width:920px;margin:0 auto}footer .foot-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}footer .foot-brand svg{flex-shrink:0;border-radius:50%}footer .foot-brand strong{color:var(--grove);font-size:1.1rem}footer .copy{text-align:center;margin-top:30px;color:#8a8a75;font-size:.85rem}footer nav{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:24px}footer nav a{color:var(--grove);font-size:.85rem;text-decoration:none}.tool-actions{display:flex;justify-content:flex-end;gap:6px;margin-bottom:12px}.tool-actions .ta-btn{background:transparent;border:1px solid var(--line);color:var(--grove);border-radius:6px;padding:4px 10px;font-size:.9rem;cursor:pointer;line-height:1.4}.tool-actions .ta-btn:hover{background:#f2ecd8}[data-theme=dark] .tool-actions .ta-btn{color:var(--kinno-bright);border-color:var(--line)}[data-theme=dark] .tool-actions .ta-btn:hover{background:#1f2a22}.field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:150px}.field-label{font-size:.82rem;font-weight:600;color:var(--grove);margin-bottom:2px}[data-theme=dark] .field-label{color:var(--kinno-bright)}label.field-label-block{display:block;font-size:.82rem;font-weight:600;color:var(--grove);margin:14px 0 6px}[data-theme=dark] label.field-label-block{color:var(--kinno-bright)}.seo-content{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.seo-content h3{color:var(--grove);font-size:1.05rem;margin:16px 0 8px}[data-theme=dark] .seo-content h3{color:var(--kinno-bright)}.seo-content p{margin:0 0 10px;line-height:1.7;font-size:.92rem;color:#4a4a3d}[data-theme=dark] .seo-content p{color:#c8c4b5}.seo-content ol{margin:0 0 10px;padding-left:20px;line-height:1.8;font-size:.92rem}.faq-block details{border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin-bottom:8px;background:#fffdf6}[data-theme=dark] .faq-block details{background:#1f2a22}.faq-block summary{font-weight:600;cursor:pointer;font-size:.92rem;color:var(--grove)}[data-theme=dark] .faq-block summary{color:var(--kinno-bright)}.faq-block p{margin:8px 0 0;font-size:.88rem;line-height:1.6}
.dropzone{border:2px dashed var(--line);border-radius:10px;padding:22px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s;position:relative}.dropzone:hover,.dropzone.dragover{background:#f2ecd8;border-color:var(--kinno)}[data-theme=dark] .dropzone:hover,[data-theme=dark] .dropzone.dragover{background:#1f2a22}.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.dropzone p{margin:0;font-size:.85rem;color:#8a8a75;pointer-events:none}.pos-grid{display:inline-grid;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px);gap:4px}.pos-grid button{padding:0;width:32px;height:32px;background:#fffdf6;border:1px solid var(--line);color:var(--grove);border-radius:4px}.pos-grid button.active{background:var(--kinno);color:#fff;border-color:var(--kinno)}[data-theme=dark] .pos-grid button{background:#1a231c;color:var(--kinno-bright)}.checkerboard{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.ba-row{display:flex;gap:12px;flex-wrap:wrap}.ba-col{flex:1;min-width:140px}.ba-col p{margin:4px 0 0;font-size:.78rem;text-align:center;color:#8a8a75}.file-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.file-list li{display:flex;align-items:center;gap:8px;background:#fffdf6;border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:.85rem;cursor:grab}[data-theme=dark] .file-list li{background:#1a231c}.file-list li.dragging{opacity:.5}.file-list li .fl-remove{margin-left:auto;background:transparent;border:none;color:#c0392b;cursor:pointer;font-weight:700;padding:0 4px}.progress-track{width:100%;height:10px;border-radius:5px;background:#e5decb;overflow:hidden;margin-top:8px}[data-theme=dark] .progress-track{background:#2a3a2e}.progress-fill{height:100%;width:0%;background:var(--kinno);transition:width .3s}.swatch-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.swatch-row button{width:30px;height:30px;border-radius:6px;border:2px solid var(--line);padding:0;cursor:pointer}.swatch-row button.active{border-color:var(--grove);box-shadow:0 0 0 2px var(--kinno)}
@media (max-width:480px){.ba-row{flex-direction:column}.ba-col{min-width:100%}}