:root{--md-primary:#6750A4;--md-on-primary:#fff;--md-primary-container:#EADDFF;--md-on-primary-container:#21005D;--md-secondary:#625B71;--md-on-secondary:#fff;--md-secondary-container:#E8DEF8;--md-on-secondary-container:#1D192B;--md-tertiary:#7D5260;--md-on-tertiary:#fff;--md-tertiary-container:#FFD8E4;--md-on-tertiary-container:#31111D;--md-surface:#FEF7FF;--md-surface-variant:#E7E0EC;--md-on-surface:#1D1B20;--md-on-surface-variant:#49454F;--md-outline:#79747E;--md-outline-variant:#CAC4D0;--md-surface-container-lowest:#fff;--md-surface-container-low:#F7F2FA;--md-surface-container:#F3EDF7;--md-surface-container-high:#ECE6F0;--md-surface-container-highest:#E6E0E9;--md-spring:cubic-bezier(.2,1,.2,1);--md-radius-xl:28px;--md-radius-lg:20px;--md-radius-md:16px;--md-radius-sm:12px;--md-radius-pill:100px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,system-ui,sans-serif;background:var(--md-surface);color:var(--md-on-surface);-webkit-font-smoothing:antialiased}.nav{position:sticky;top:0;z-index:50;background:#fef7ffc7;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);padding:0 24px}.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--md-on-surface);font-weight:800;font-size:17px}.logo-icon{width:34px;height:34px;background:var(--md-primary);border-radius:var(--md-radius-sm);display:flex;align-items:center;justify-content:center}.logo span{font-weight:400;color:var(--md-on-surface-variant)}.nav-links{display:flex;gap:4px;align-items:center}.nav-links a{font-size:13px;font-weight:600;color:var(--md-on-surface-variant);text-decoration:none;padding:8px 16px;border-radius:var(--md-radius-pill);transition:all .35s var(--md-spring)}.nav-links a:hover{color:var(--md-on-surface);background:var(--md-surface-variant)}.nav-links a.active{color:var(--md-on-primary-container);background:var(--md-primary-container)}.nav-cta{background:var(--md-primary)!important;color:var(--md-on-primary)!important;font-weight:700!important}.nav-cta:hover{box-shadow:0 4px 20px #6750a459!important;transform:translateY(-1px)}.hero{background:var(--heroColor);padding:52px 24px 44px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-60%;right:-25%;width:70%;height:220%;background:radial-gradient(circle,rgba(255,255,255,.07) 0%,transparent 55%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-40%;left:-15%;width:50%;height:160%;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none}.hero-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}.hero-back{display:inline-flex;align-items:center;gap:6px;color:#ffffff8c;font-size:13px;font-weight:600;text-decoration:none;margin-bottom:20px;padding:6px 14px;border-radius:var(--md-radius-pill);background:#ffffff14;transition:all .35s var(--md-spring)}.hero-back:hover{color:#fff;background:#ffffff29}.hero-title-row{display:flex;align-items:center;gap:16px;margin-bottom:10px}.hero-icon{font-size:44px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.18))}.hero h1{font-size:clamp(28px,5vw,42px);font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1.1}.hero p{font-size:16px;color:#ffffffb3;max-width:640px;line-height:1.7;margin-top:4px}.content{max-width:1100px;margin:0 auto;padding:36px 24px 72px}.fac-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:28px}.fac-card{background:var(--md-surface-container-low);border-radius:var(--md-radius-lg);border:none;padding:18px 20px;text-align:center;transition:all .4s var(--md-spring)}.fac-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #6750a41a}.fac-card-icon{font-size:24px;margin-bottom:6px}.fac-card-val{font-size:15px;font-weight:800;color:var(--md-on-surface)}.fac-card-label{font-size:11px;color:var(--md-on-surface-variant);font-weight:600;margin-top:2px}.why-box{background:var(--md-surface-container-low);border-radius:var(--md-radius-xl);border:none;padding:24px 28px;margin-bottom:22px}.why-box-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.why-box p{font-size:14px;line-height:1.75;color:var(--md-on-surface-variant)}.why-box strong{color:var(--md-on-surface)}.tip-box{background:var(--md-tertiary-container);border:none;border-radius:var(--md-radius-xl);padding:20px 24px;margin-bottom:28px}.tip-box-title{font-size:13px;font-weight:700;color:var(--md-on-tertiary-container);display:flex;align-items:center;gap:6px;margin-bottom:8px}.tip-box p{font-size:13px;color:var(--md-on-tertiary-container);line-height:1.65;opacity:.85}.template-form{background:var(--md-surface-container-lowest);border-radius:var(--md-radius-xl);border:none;padding:32px;box-shadow:0 1px 4px #0000000a,0 4px 16px #00000005}.template-form h3{font-size:16px;font-weight:800;color:var(--md-on-surface);margin-bottom:18px;letter-spacing:-.02em}.form-section-label{font-size:12px;font-weight:800;color:var(--md-primary);text-transform:uppercase;letter-spacing:.06em;margin:28px 0 14px;padding-top:20px;border-top:1px solid var(--md-outline-variant);display:flex;align-items:center;gap:8px}.form-section-label .fs-num{width:24px;height:24px;border-radius:var(--md-radius-pill);background:var(--md-primary);color:var(--md-on-primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.form-section-hint{font-size:12px;color:var(--md-on-surface-variant);font-weight:500;margin:-8px 0 14px;padding-left:32px;line-height:1.5}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;font-weight:700;color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:none;border-radius:var(--md-radius-sm);font-size:14px;color:var(--md-on-surface);font-family:inherit;background:var(--md-surface-container-high);transition:all .35s var(--md-spring)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;background:var(--md-surface-container-highest);box-shadow:0 0 0 3px #6750a42e}.form-group textarea{resize:vertical;min-height:88px}textarea{font-family:DM Sans,system-ui,sans-serif;box-sizing:border-box}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-progress{display:flex;gap:5px;margin-bottom:22px;padding:14px 18px;background:var(--md-surface-container);border-radius:var(--md-radius-md);border:none}.form-progress-dot{flex:1;height:6px;border-radius:var(--md-radius-pill);background:var(--md-outline-variant);transition:background .5s var(--md-spring)}.form-progress-dot.filled{background:var(--md-primary)}.btn-download{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--md-primary);color:var(--md-on-primary);border:none;border-radius:var(--md-radius-pill);font-size:14px;font-weight:700;cursor:pointer;transition:all .4s var(--md-spring);font-family:inherit}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6750a44d}.btn-csv{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--md-secondary-container);color:var(--md-on-secondary-container);border:none;border-radius:var(--md-radius-pill);font-size:14px;font-weight:700;cursor:pointer;transition:all .4s var(--md-spring);font-family:inherit}.btn-csv:hover{transform:translateY(-2px);box-shadow:0 6px 24px #625b7133}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--md-surface-container);color:var(--md-on-surface-variant);border:none;border-radius:var(--md-radius-pill);font-size:14px;font-weight:600;cursor:pointer;transition:all .4s var(--md-spring);font-family:inherit}.btn-secondary:hover{background:var(--md-surface-container-high);color:var(--md-primary)}.btn-bar{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid var(--md-outline-variant)}.ln-related{margin-top:52px}.ln-related h3{font-size:13px;font-weight:700;color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.ln-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.ln-related-card{background:var(--md-surface-container-low);border-radius:var(--md-radius-lg);border:none;padding:18px;text-decoration:none;transition:all .4s var(--md-spring)}.ln-related-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #6750a41a}.rc-title{font-size:14px;font-weight:700;color:var(--md-on-surface)}.rc-desc{font-size:12px;color:var(--md-on-surface-variant)}.footer{background:var(--md-surface-container-highest);color:var(--md-on-surface-variant);padding:48px 24px;margin-top:56px;border-radius:var(--md-radius-xl) var(--md-radius-xl) 0 0}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px}.footer a{color:var(--md-on-surface-variant);text-decoration:none;padding:6px 14px;border-radius:var(--md-radius-pill);transition:all .35s var(--md-spring)}.footer a:hover{color:var(--md-on-surface);background:var(--md-surface-container-high)}.footer-links{display:flex;gap:6px;flex-wrap:wrap}.tmpl-guides{margin-top:36px;padding:28px;border-radius:var(--md-radius-xl);background:var(--md-surface-container);border:none}.tmpl-guides-title{font-size:12px;font-weight:800;color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;display:flex;align-items:center;gap:8px}.tmpl-guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.tmpl-guide-card{padding:16px;border-radius:var(--md-radius-lg);border:none;background:var(--md-surface-container-lowest);text-decoration:none;transition:all .4s var(--md-spring);display:flex;align-items:flex-start;gap:12px;box-shadow:0 1px 3px #0000000a}.tmpl-guide-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #6750a41a}.tmpl-guide-icon{width:36px;height:36px;border-radius:var(--md-radius-sm);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.tmpl-guide-icon.guide{background:var(--md-primary-container)}.tmpl-guide-icon.tool{background:var(--md-secondary-container)}.tmpl-guide-icon.template{background:var(--md-tertiary-container)}.tmpl-guide-icon.framework{background:var(--md-surface-variant)}.tmpl-guide-info .tmpl-guide-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.tmpl-guide-icon.guide+.tmpl-guide-info .tmpl-guide-type{color:var(--md-primary)}.tmpl-guide-icon.tool+.tmpl-guide-info .tmpl-guide-type{color:var(--md-secondary)}.tmpl-guide-icon.template+.tmpl-guide-info .tmpl-guide-type{color:var(--md-tertiary)}.tmpl-guide-icon.framework+.tmpl-guide-info .tmpl-guide-type{color:var(--md-on-surface-variant)}.tmpl-guide-info .tmpl-guide-name{font-size:13px;font-weight:700;color:var(--md-on-surface)}.save-banner{position:sticky;bottom:0;left:0;right:0;z-index:40;background:#fef7ffeb;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-top:1px solid var(--md-outline-variant);padding:14px 24px;display:none;align-items:center;justify-content:center;gap:14px}.save-banner.visible{display:flex}.save-banner-text{font-size:13px;color:var(--md-on-surface-variant)}.save-banner-text strong{color:var(--md-on-surface)}.btn-save{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;background:var(--md-primary);color:var(--md-on-primary);border:none;border-radius:var(--md-radius-pill);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .4s var(--md-spring)}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6750a44d}.btn-save:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.btn-save-outline{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;background:var(--md-surface-container-lowest);color:var(--md-primary);border:2px solid var(--md-primary);border-radius:var(--md-radius-pill);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .4s var(--md-spring)}.save-status{font-size:12px;color:var(--md-primary);font-weight:600;display:none;align-items:center;gap:4px}.save-status.visible{display:flex}.save-toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%);background:var(--md-on-surface);color:var(--md-surface);padding:12px 28px;border-radius:var(--md-radius-pill);font-size:13px;font-weight:600;z-index:999;display:none;box-shadow:0 8px 32px #0003}.save-toast.visible{display:block;animation:m3FadeUp .4s var(--md-spring)}@keyframes m3FadeUp{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:640px){.form-row{grid-template-columns:1fr}.nav-links a:not(.nav-cta){display:none}.fac-bar{grid-template-columns:1fr 1fr}.tmpl-guides-grid{grid-template-columns:1fr}.footer{border-radius:var(--md-radius-lg) var(--md-radius-lg) 0 0}.hero h1{font-size:clamp(24px,6vw,36px)}}@media print{.nav,.hero,.template-form,.btn-bar,.ln-related,.footer,.hero-back,.fac-bar,.why-box,.tip-box,.form-progress,#form-area,.no-print{display:none!important}.content{padding:0;margin:0;max-width:100%}body{background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}#print-preview{display:block!important}.print-header{border-bottom:3px solid var(--heroColor);padding-bottom:14px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start}.print-logo{display:flex;align-items:center;gap:8px}.print-logo-box{width:24px;height:24px;background:var(--md-primary);border-radius:5px;display:flex;align-items:center;justify-content:center}.print-logo-text{font-size:12px;font-weight:800;color:var(--md-on-surface)}.print-logo-text span{font-weight:400;color:var(--md-on-surface-variant)}.print-section{margin-bottom:14px}.print-section-label{font-size:10px;font-weight:700;color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;display:flex;align-items:center;gap:6px}.print-section-num{width:18px;height:18px;border-radius:50%;background:var(--heroColor);color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;flex-shrink:0}.print-section-content{font-size:12px;line-height:1.6;color:var(--md-on-surface);padding:8px 12px;border:1px solid var(--md-outline-variant);border-radius:6px;min-height:28px;white-space:pre-wrap}.print-section-content.highlight{background:var(--md-surface-container-low);border-left:3px solid var(--heroColor)}.print-footer{margin-top:20px;padding-top:10px;border-top:1px solid var(--md-outline-variant);font-size:9px;color:var(--md-on-surface-variant);display:flex;justify-content:space-between;align-items:center}.print-footer-brand{display:flex;align-items:center;gap:6px}.print-meta-grid{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--md-on-surface-variant);margin-top:6px}.print-meta-grid strong{color:var(--md-on-surface)}}