:root{--primary-50:#E3F2FD;--primary-100:#BBDEFB;--primary-200:#90CAF9;--primary-300:#64B5F6;--primary-400:#42A5F5;--primary-500:#4A90E2;--primary-600:#3D7BC7;--primary-700:#2F66AC;--primary-800:#215191;--primary-900:#1A3D6D;--accent-50:#FFE9E9;--accent-100:#FFC9C9;--accent-200:#FFA8A8;--accent-300:#FF8787;--accent-400:#FF6B6B;--accent-500:#FA5252;--accent-600:#F03E3E;--accent-700:#E03131;--neutral-50:#F8F9FA;--neutral-100:#F1F3F5;--neutral-200:#E9ECEF;--neutral-300:#DEE2E6;--neutral-400:#CED4DA;--neutral-500:#ADB5BD;--neutral-600:#868E96;--neutral-700:#495057;--neutral-800:#343A40;--neutral-900:#212529;--neutral-white:#FFFFFF;--surface-elevated:#FFFFFF;--surface-base:#F8F9FA;--surface-sunken:#F1F3F5;--border-light:#E9ECEF;--border-default:#DEE2E6;--border-strong:#CED4DA;--primary:var(--primary-500);--accent:var(--accent-400);--bg-lightest:var(--neutral-50);--bg-light:var(--neutral-200);--text-dark:var(--neutral-800);--text-mid:var(--neutral-600);--white:var(--neutral-white);--success:#51CF66;--warning:#FFD43B;--error:var(--accent-400);--info:var(--primary-500);--font-size-5xl:72px;--font-size-4xl:60px;--font-size-3xl:48px;--font-size-2xl:36px;--font-size-xl:28px;--font-size-lg:20px;--font-size-base:16px;--font-size-sm:14px;--font-size-xs:12px;--text-5xl:var(--font-size-5xl);--text-4xl:var(--font-size-4xl);--text-3xl:var(--font-size-3xl);--text-2xl:var(--font-size-2xl);--text-xl:var(--font-size-xl);--text-lg:var(--font-size-lg);--text-base:var(--font-size-base);--text-sm:var(--font-size-sm);--text-xs:var(--font-size-xs);--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:80px;--space-5xl:96px;--space-6xl:128px;--radius-xs:2px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.05);--primary-shadow:0 4px 14px 0 rgba(74,144,226,0.25);--accent-shadow:0 4px 14px 0 rgba(255,107,107,0.25);--shadow-accent:var(--accent-shadow);--shadow:var(--shadow-md)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-lightest);color:var(--text-dark);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;padding:0}.site-header{justify-content:space-between;max-width:1280px;margin:0 auto;padding:12px 40px;border-bottom:1px solid var(--border-light);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.92)}.brand,.site-header{display:flex;align-items:center}.brand{gap:16px;flex-shrink:0;text-decoration:none}.brand-logo{height:62px;width:auto;display:block}.site-nav{display:flex;align-items:center;gap:28px;color:var(--text-mid);font-size:15px;font-weight:500}.lang-switch{font-size:13px;font-weight:600;padding:4px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-mid);transition:all .2s}.lang-switch:hover{border-color:var(--primary);color:var(--primary)}.lang-select{font-family:inherit;font-size:13px;font-weight:500;padding:6px 32px 6px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-dark);background:var(--white);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23495057' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s}.lang-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(74,144,226,.1)}.landing-page,.make-page,.result-layout{max-width:1280px;margin:0 auto;padding:32px 40px}.hero-panel{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1.4fr .8fr;margin-top:32px}.hero-card,.hero-copy,.panel,.preset-card,.result-card,.status-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:box-shadow .2s ease-out,transform .2s ease-out,border-color .2s ease-out}.hero-card:hover,.hero-copy:hover,.panel:hover,.preset-card:hover,.result-card:hover,.status-card:hover{box-shadow:var(--shadow-lg)}.hero-copy{padding:48px;background:linear-gradient(135deg,rgba(74,144,226,.05),rgba(255,107,107,.05));position:relative;overflow:hidden}.hero-copy:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(74,144,226,.1) 0,transparent 70%);border-radius:50%}.hero-card,.panel,.result-card,.status-card{padding:24px}.hero-copy h1{font-size:clamp(36px,6vw,var(--text-5xl));font-weight:800;line-height:1.1;margin-bottom:16px;letter-spacing:0}.hero-copy .hero-title-large{font-size:clamp(44px,8vw,88px);position:relative;z-index:1}.hero-subtitle{color:var(--primary-700);font-size:clamp(20px,3vw,var(--text-xl));font-weight:700;line-height:1.35;margin-bottom:12px}.hero-subtitle,.hero-text{position:relative;z-index:1}.hero-text{color:var(--text-mid);font-size:18px;line-height:1.6;margin-bottom:24px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;position:relative;z-index:1}.ghost-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:var(--radius-sm);border:none;font-family:inherit;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease-out}.primary-button{background:var(--accent);color:white;box-shadow:var(--shadow-accent)}.primary-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-accent);background:linear-gradient(135deg,#FF6B6B,#FF8787)}.secondary-button{background:var(--primary);color:white;box-shadow:var(--shadow-md)}.secondary-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--primary-shadow)}.ghost-button{background:transparent;color:var(--primary);border:2px solid var(--primary);box-shadow:var(--shadow-xs)}.ghost-button:hover{background:var(--primary);color:white;box-shadow:var(--shadow-md),var(--primary-shadow);transform:translateY(-2px)}.content-section{margin-top:64px}.section-heading h2{font-size:clamp(32px,5vw,var(--text-3xl));font-weight:700;margin-bottom:32px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px}.example-card h3,.feature-card h3,.step-indicator h3{font-size:var(--text-lg);font-weight:700}.example-card p,.feature-card p,.stat-card p,.step-indicator p{color:var(--text-mid);font-size:var(--text-sm)}.example-comparison{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-sm);gap:var(--space-sm)}.example-photo{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);margin:0;min-width:0;position:relative}.example-photo img{aspect-ratio:3/4;background:var(--surface-sunken);border:1px solid var(--border-light);border-radius:var(--radius-sm);object-fit:cover;width:100%}.example-photo figcaption{color:var(--text-mid);font-size:var(--text-xs);font-weight:600;text-align:center}.dimension-line{background:rgba(255,255,255,.92);border:1px solid rgba(74,144,226,.25);border-radius:var(--radius-xs);color:var(--primary-700);font-size:10px;font-weight:600;font-family:DM Sans,monospace;line-height:1;padding:2px 5px;position:absolute;letter-spacing:.02em}.dimension-line-width{bottom:22px;left:50%;transform:translateX(-50%)}.dimension-line-height{right:2px;top:50%;transform:translateY(-50%) rotate(-90deg);writing-mode:horizontal-tb}.preset-card{padding:24px;border:1px solid transparent;position:relative}.preset-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--radius-md) var(--radius-md) 0 0;opacity:0;transition:opacity .3s ease}.preset-card:hover{transform:translateY(-8px);border-color:rgba(74,144,226,.2)}.preset-card:hover:before{opacity:1}.preset-card h3{font-size:var(--text-xl);font-weight:700;margin-bottom:8px}.feature-card,.stat-card,.step-indicator,.testimonial-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:box-shadow .2s ease-out,transform .2s ease-out,border-color .2s ease-out}.feature-card:hover,.stat-card:hover,.step-indicator:hover,.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-default)}.feature-card{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);padding:var(--space-lg)}.feature-icon{align-items:center;background:var(--primary-50);border-radius:var(--radius-sm);color:var(--primary-700);display:inline-flex;font-size:var(--text-sm);font-weight:800;height:40px;justify-content:center;width:40px}.stat-grid,.workflow-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.step-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md)}.step-number{align-items:center;background:var(--accent-50);border:1px solid var(--accent-100);border-radius:var(--radius-full);color:var(--accent-700);display:inline-flex;flex:0 0 auto;font-weight:800;height:40px;justify-content:center;width:40px}.stat-card{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);padding:var(--space-lg)}.stat-card strong{font-size:var(--text-2xl)}.testimonial-card{display:grid;grid-gap:var(--space-md);gap:var(--space-md);padding:var(--space-lg)}.preset-card p{color:var(--text-mid);font-size:14px}.make-page{display:grid;grid-gap:24px;gap:24px;grid-template-columns:.9fr 1.3fr;margin-top:32px}.make-panel{display:grid;grid-gap:24px;gap:24px}.make-panel h1{font-size:36px;font-weight:700;margin-bottom:8px}.panel{display:grid;grid-gap:16px;gap:16px}.panel label{display:grid;grid-gap:8px;gap:8px;font-weight:600;font-size:14px}.panel input,.panel select{width:100%;min-height:48px;padding:12px 16px;border:2px solid var(--bg-light);border-radius:var(--radius-sm);font-family:inherit;font-size:16px;background:var(--white);transition:border-color .2s ease}.panel input:focus,.panel select:focus{outline:none;border-color:var(--primary)}.panel button{width:100%;min-height:48px;padding:12px 24px;border-radius:var(--radius-sm);border:none;font-family:inherit;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease-out}.panel .primary{background:var(--accent);color:white}.panel .primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,107,.3)}.panel .primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-card{display:grid;grid-gap:16px;gap:16px}.status-card h3{font-size:20px;font-weight:700}.status-row{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--bg-light)}.status-row:last-child{padding-bottom:0;border-bottom:none}.status-value{font-weight:600}.status-value.ok{color:var(--success)}.status-value.warn{color:var(--warning)}.status-value.pending{color:var(--primary)}.processing-panel{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(74,144,226,.1);border-radius:var(--radius-sm)}.spinner{width:20px;height:20px;border:3px solid var(--bg-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.preview-panel{display:grid;grid-gap:16px;gap:16px}.preview-image{width:100%;max-height:600px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--bg-light);background:white}.layout-preview{max-height:500px;object-fit:contain}.preview-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}@media (max-width:640px){.preview-grid{grid-template-columns:1fr}}.result-layout{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1.4fr .8fr;margin-top:32px}.result-card h1{font-size:36px;font-weight:700;margin-bottom:16px}.result-card h2{font-size:20px;font-weight:700;margin-bottom:12px}.result-card p{color:var(--text-mid);margin-bottom:16px}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;list-style:none}.download-link{display:grid;grid-gap:8px;gap:8px;padding:16px;border:1px solid var(--bg-light);border-radius:var(--radius-md);background:var(--white);transition:all .2s ease}.download-link:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--primary)}.download-title{font-weight:700;color:var(--text-dark)}.download-description{color:var(--text-mid);font-size:14px}.alert{padding:16px;border-radius:var(--radius-sm);margin-bottom:16px;font-weight:500}.alert-success{background:rgba(81,207,102,.1);color:var(--success);border-left:4px solid var(--success)}.alert-warning{background:rgba(255,212,59,.1);color:#D4A017;border-left:4px solid var(--warning)}.alert-error{background:rgba(255,107,107,.1);color:var(--error);border-left:4px solid var(--error)}.content-page{max-width:720px;margin:48px auto;padding:48px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.content-page h1{font-size:var(--text-3xl);font-weight:800;margin-bottom:8px}.content-page h2{font-size:var(--text-xl);font-weight:700;margin-top:36px;margin-bottom:12px;color:var(--text-dark)}.content-page li,.content-page p{font-size:var(--text-base);line-height:1.8;color:var(--text-mid);margin-bottom:8px}.content-page ul{padding-left:20px;margin-bottom:16px}.content-page a{color:var(--primary);text-decoration:underline}.content-page .updated{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:32px}@keyframes spin{to{transform:rotate(1turn)}}.faq-grid{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);max-width:800px}.faq-item{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all .2s ease}.faq-item:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.faq-item summary{font-weight:600;font-size:var(--text-base);color:var(--text-dark);padding:var(--space-xs) 0;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary:after{content:"+";font-size:20px;color:var(--primary);font-weight:300;margin-left:var(--space-md);transition:transform .2s ease}.faq-item[open] summary:after{content:"−";transform:rotate(0)}.faq-item p{color:var(--text-mid);font-size:var(--text-sm);line-height:1.7;padding-top:var(--space-sm);margin-top:var(--space-sm)}.faq-item p,.site-footer{border-top:1px solid var(--border-light)}.site-footer{max-width:1280px;margin:var(--space-5xl) auto 0;padding:var(--space-3xl) 40px var(--space-xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:var(--space-2xl);gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-brand .brand{font-size:24px;font-weight:800;color:var(--primary);margin-bottom:var(--space-xs)}.footer-brand p{margin-top:var(--space-sm)}.footer-links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links strong{font-size:var(--text-sm);font-weight:700;color:var(--text-dark);margin-bottom:var(--space-xs)}.footer-links a{font-size:var(--text-sm);color:var(--text-mid);transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-bottom{padding-top:var(--space-lg);border-top:1px solid var(--border-light);text-align:center}.stat-card{background:linear-gradient(135deg,var(--primary-50) 0,var(--white) 100%);border:1px solid rgba(74,144,226,.1);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);transition:all .3s ease}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:rgba(74,144,226,.2)}.stat-card strong{color:var(--primary-700);font-size:var(--text-3xl);font-weight:800;line-height:1;display:block;margin-bottom:var(--space-xs)}.stat-card span{font-size:var(--text-lg);font-weight:700;color:var(--text-dark)}@media (max-width:1024px){.hero-panel,.make-page,.result-layout{grid-template-columns:1fr}.site-header{padding:12px 24px}.brand-logo{height:44px}.hero-copy{padding:32px}.footer-grid,.stat-grid,.workflow-grid{grid-template-columns:1fr}}@media (max-width:640px){.site-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 20px}.brand-logo{height:36px}.site-nav{gap:16px;font-size:14px}.landing-page,.make-page,.result-layout{padding:24px 20px}.download-grid,.example-comparison,.example-grid,.preset-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%}.ghost-button,.primary-button,.secondary-button{width:100%}}