:root{color-scheme:light;--bg:#fffaf5;--surface:#ffffff;--surface-soft:#fff3e6;--text:#1f2937;--muted:#6b7280;--border:#eadfd3;--primary:#f97316;--primary-dark:#ea580c;--link:#2563eb;--shadow:0 10px 30px rgba(15,23,42,0.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#fffaf5,#fff 240px);color:var(--text)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.site-footer-inner,.site-header-inner{max-width:1120px;margin:0 auto;padding:14px 24px}.site-header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;gap:12px;align-items:center;color:var(--text)}.brand,.brand:hover{text-decoration:none}.brand span{display:flex;flex-direction:column}.brand small{color:var(--muted);font-size:12px}.brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#fdba74,#fb7185);box-shadow:var(--shadow);font-size:22px}.footer-nav,.nav{display:flex;flex-wrap:wrap;gap:14px}.footer-nav a,.nav a{color:var(--text);font-weight:600}.container{max-width:1120px;margin:0 auto;padding:32px 24px 64px}.site-footer{border-top:1px solid var(--border);background:rgba(255,255,255,.96)}.site-footer-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;padding-top:22px;padding-bottom:28px}.site-footer p{margin:8px 0 0;color:var(--muted);line-height:1.6}.page-stack{display:flex;flex-direction:column;gap:28px}.admin-card,.content-card,.hero-card,.info-strip,.page-intro,.preview-shell,pre{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.hero-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);grid-gap:24px;gap:24px;padding:28px}.hero-copy h1,.page-intro h1{margin:8px 0 12px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.content-card p,.download-panel p,.faq-list p,.hero-copy p,.info-strip p,.page-intro p{color:var(--muted);line-height:1.65}.eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff1e6;color:var(--primary-dark);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px}.breadcrumbs,.breadcrumbs a{color:var(--muted)}.action-row,.button-row,.download-actions,.meta-row{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;font-weight:700;border:1px solid transparent}.button,.button:hover{text-decoration:none}.button-primary{background:var(--primary);color:white}.button-primary:hover{background:var(--primary-dark)}.button-secondary{background:#fff7ed;color:var(--primary-dark);border-color:#fed7aa}.hero-panel{display:grid;grid-gap:14px;gap:14px}.stat-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,#fff7ed,#fff);border:1px solid #fed7aa}.stat-card strong{display:block;font-size:1.6rem;margin-bottom:6px}.demo-caption,.feedback,.inline-meta,.meta-list,.stat-card span{color:var(--muted)}.page-section{display:flex;flex-direction:column;gap:16px}.content-card h2,.content-card h3,.download-panel h2,.faq-list h3,.section-heading h2{margin:0 0 8px}.admin-grid,.admin-section-grid,.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.content-card{padding:20px}.content-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.card-emoji{font-size:28px}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f8fafc;border:1px solid var(--border);font-size:12px;font-weight:700}.status-pill{margin-bottom:12px}.text-link{font-weight:700}.compact-list,.ordered-list{margin:0;padding-left:18px;line-height:1.7}.compact-list li+li,.ordered-list li+li{margin-top:6px}.page-intro{padding:24px 28px}.page-intro-rich{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);grid-gap:18px;gap:18px;align-items:start}.trust-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,#fff7ed,#ffffff);border:1px solid #fed7aa}.compact-meta-list{margin-top:10px}.preview-shell{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);grid-gap:20px;gap:20px;padding:20px}.preview-artboard{min-height:420px;border-radius:18px;border:1px dashed #fdba74;background:repeating-linear-gradient(45deg,#fff7ed,#fff7ed 18px,#fffbf5 0,#fffbf5 36px);display:flex;align-items:center;justify-content:center}.product-preview-artboard{padding:24px}.preview-figure{width:min(100%,430px);display:flex;flex-direction:column;gap:14px}.preview-paper{width:100%;aspect-ratio:1/1.15;background:white;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 10px 25px rgba(15,23,42,.08);overflow:hidden}.preview-svg{width:100%;height:100%;display:block}.line-fill-none{fill:none;stroke:#111827;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.line-fill-dark{fill:#111827;stroke:#111827;stroke-width:2}.thin-line{stroke-width:4}.preview-letter{font-size:64px;font-weight:700;fill:#111827;font-family:Arial,sans-serif}.preview-footer{display:flex;flex-direction:column;gap:10px}.preview-footer strong{font-size:1rem;color:var(--text)}.preview-chip-row{display:flex;flex-wrap:wrap;gap:8px}.preview-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;font-size:.85rem}.demo-sheet{width:min(100%,420px);display:flex;flex-direction:column;gap:14px;align-items:center}.demo-sheet-frame{width:100%;aspect-ratio:1/1.15;background:white;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 10px 25px rgba(15,23,42,.08);position:relative;overflow:hidden}.demo-drawing{position:absolute;inset:0}.demo-drawing span{position:absolute;border:4px solid #111827;background:transparent}.demo-ear{width:70px;height:70px;border-radius:16px 16px 6px 6px;top:72px;transform:rotate(45deg)}.demo-ear.left{left:110px}.demo-ear.right{right:110px}.demo-face{width:180px;height:160px;border-radius:50%;top:110px;left:50%;transform:translateX(-50%)}.demo-eye{width:14px;height:22px;border-radius:999px;background:#111827;top:170px}.demo-eye.left{left:165px}.demo-eye.right{right:165px}.demo-nose{width:18px;height:12px;border-radius:999px;background:#111827;top:205px}.demo-mouth,.demo-nose{left:50%;transform:translateX(-50%)}.demo-mouth{width:36px;height:22px;border-top:0;border-radius:0 0 24px 24px;top:220px}.demo-whisker{width:72px;height:0;border-width:3px 0 0!important}.demo-whisker.w1{top:202px;left:95px;transform:rotate(-10deg)}.demo-whisker.w2{top:220px;left:92px}.demo-whisker.w3{top:238px;left:95px;transform:rotate(10deg)}.demo-whisker.w4{top:202px;right:95px;transform:rotate(10deg)}.demo-whisker.w5{top:220px;right:92px}.demo-whisker.w6{top:238px;right:95px;transform:rotate(-10deg)}.demo-body{width:140px;height:150px;border-radius:46% 46% 38% 38%;bottom:76px;left:50%;transform:translateX(-50%)}.demo-tail{width:80px;height:120px;border-left:0;border-radius:0 50px 50px 0;bottom:90px;right:78px;transform:rotate(18deg)}.demo-drawing-dino .dino-body{width:210px;height:120px;border-radius:46% 46% 40% 40%;left:120px;top:180px}.demo-drawing-dino .dino-neck{width:44px;height:110px;border-radius:24px;left:245px;top:95px;transform:rotate(12deg)}.demo-drawing-dino .dino-head{width:86px;height:64px;border-radius:50%;left:248px;top:58px}.demo-drawing-dino .dino-eye{width:10px;height:10px;border-radius:50%;background:#111827;left:305px;top:86px}.demo-drawing-dino .dino-tail{width:120px;height:34px;border-radius:24px;left:52px;top:224px;transform:rotate(-18deg)}.demo-drawing-dino .dino-leg{width:26px;height:86px;border-radius:18px;top:278px}.demo-drawing-dino .leg-1{left:176px}.demo-drawing-dino .leg-2{left:258px}.demo-drawing-dino .dino-spike{width:22px;height:22px;border-radius:6px 6px 2px 2px;transform:rotate(45deg)}.demo-drawing-dino .spike-1{left:142px;top:154px}.demo-drawing-dino .spike-2{left:182px;top:145px}.demo-drawing-dino .spike-3{left:222px;top:142px}.demo-drawing-alphabet{display:flex;gap:18px}.demo-drawing-alphabet,.letter-card{align-items:center;justify-content:center}.letter-card{position:static!important;width:92px;height:120px;display:inline-flex;border:4px solid #111827;border-radius:20px;font-size:54px;font-weight:800;color:#111827;background:white!important}.demo-drawing-vehicle .vehicle-body{width:210px;height:70px;border-radius:22px;left:106px;top:220px}.demo-drawing-vehicle .vehicle-cabin{width:92px;height:64px;border-radius:18px 18px 8px 8px;left:214px;top:168px}.demo-drawing-vehicle .vehicle-window{width:42px;height:28px;border-radius:10px;left:238px;top:186px}.demo-drawing-vehicle .vehicle-wheel{width:54px;height:54px;border-radius:50%;top:268px}.demo-drawing-vehicle .wheel-1{left:132px}.demo-drawing-vehicle .wheel-2{left:248px}.demo-drawing-vehicle .vehicle-road{width:260px;height:0;border-width:4px 0 0!important;left:84px;top:332px}.demo-caption{margin:0;font-size:14px;text-align:center}.download-panel{padding:20px;border-radius:18px;background:var(--surface-soft);border:1px solid #fed7aa}.meta-list{margin:18px 0 0;padding-left:18px;line-height:1.6}.info-strip,.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.info-strip{padding:22px}.variant-links{display:grid;grid-gap:12px;gap:12px}.variant-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:#fffaf5;color:var(--text);text-decoration:none}.variant-card:hover{text-decoration:none;border-color:#fdba74;background:#fff7ed}.faq-list{display:grid;grid-gap:14px;gap:14px}.operator-link-row{display:flex;justify-content:flex-end}.admin-card{padding:16px}.admin-card ul{padding-left:18px}.admin-card li{margin-bottom:8px}pre{white-space:pre-wrap;word-break:break-word;padding:16px}.generator-form{display:grid;grid-gap:14px;gap:14px}.generator-form label{display:grid;grid-gap:8px;gap:8px;font-weight:600}.generator-form select{border:1px solid var(--border);background:white;color:var(--text);border-radius:12px;padding:12px 14px;font:inherit}button{border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;border-radius:10px;padding:8px 12px;cursor:pointer}button:hover{background:#eef2ff}.feedback{border-radius:12px;padding:12px 14px;margin:12px 0 20px;border:1px solid transparent}.feedback.success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.feedback.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.progress-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:18px 20px}.progress-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.progress-card-top span,.progress-help{color:var(--muted)}.progress-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:10px;gap:10px}.progress-step{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--border);background:#fffaf5}.progress-dot{width:12px;height:12px;border-radius:999px;background:#d1d5db}.progress-step-done .progress-dot{background:#10b981}.progress-step-current .progress-dot{background:var(--primary)}.progress-step-current{border-color:#fdba74;background:#fff7ed}.progress-help{margin:12px 0 0}.file-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px;margin-top:16px}.file-summary-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:white}.file-summary-card strong{font-size:14px}.file-summary-card span{color:var(--muted);font-size:13px}@media (max-width:900px){.hero-card,.info-strip,.page-intro-rich,.preview-shell,.two-column{grid-template-columns:1fr}.site-header-inner{align-items:flex-start}.site-footer-inner{grid-template-columns:1fr}.demo-ear.left{left:72px}.demo-ear.right{right:72px}.demo-eye.left{left:132px}.demo-eye.right{right:132px}}