@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:light;--bg:#fff;--surface:#fff;--surface-soft:#f7f9ff;--surface-alt:#edf3ff;--surface-tint:#f5f7ff;--text:#121936;--text-strong:#080e2b;--muted:#66718b;--border:#e2e8f5;--border-strong:#ccd7ed;--blue:#2863f6;--blue-strong:#164fe4;--purple:#835aff;--pink:#c461ff;--green:#089e5d;--shadow:0 16px 42px rgba(31,59,122,.065),0 3px 12px rgba(35,54,110,.035);--shadow-large:0 35px 100px rgba(21,62,141,.15);--input-bg:#fff;--hero-grad:linear-gradient(113deg,#fff 2%,#f3f8ff 40%,#e9f1ff 78%,#f4edff 100%);--image-glow:#dce7ff;--footer:#111f42;--font:'Noto Sans JP',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html[data-theme="dark"]{color-scheme:dark;--bg:#0b1124;--surface:#141e35;--surface-soft:#101a30;--surface-alt:#172540;--surface-tint:#10182d;--text:#e4eafa;--text-strong:#f8faff;--muted:#a0adc7;--border:#273552;--border-strong:#3d5177;--blue:#79a2ff;--blue-strong:#9dbbff;--purple:#b19aff;--pink:#df9eff;--green:#39cb8b;--shadow:0 18px 50px rgba(0,3,15,.2);--shadow-large:0 38px 85px rgba(0,0,0,.3);--input-bg:#10192c;--hero-grad:linear-gradient(110deg,#111b33 0%,#14213d 51%,#221d48 100%);--image-glow:#2d3e70;--footer:#070d19}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.8;margin:0;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.36;letter-spacing:-.035em;color:var(--text-strong)}p{margin-bottom:0}.container{width:min(1180px,calc(100% - 52px));margin:0 auto}.narrow{max-width:870px}.block{display:block}.muted{color:var(--muted)}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-80px;left:18px;z-index:200;background:var(--surface);padding:10px 16px;border-radius:12px}.skip-link:focus{top:12px}::selection{background:#acc7ff;color:#152554}
.site-header{height:78px;position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--surface) 95%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-bar{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{font-weight:1000;font-size:33px;line-height:1;letter-spacing:-.19em;display:inline-block;padding-right:5px;color:#2864f0;text-shadow:2px 2px 0 #a4d9ff;transform:skew(-9deg)}.brand-main{font-size:20px;font-weight:900;letter-spacing:-.04em}.brand-sep{height:24px;width:1px;background:var(--border-strong);margin:0 5px}.brand-sub{font-size:12px;letter-spacing:0;font-weight:700;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:33px;margin-left:auto}.desktop-nav a{font-size:13px;font-weight:700;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.is-current{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:11px}.member-badge{font-size:11px;font-weight:800;border:1px solid color-mix(in srgb,var(--green) 33%,var(--border));color:var(--green);background:color-mix(in srgb,var(--green) 8%,var(--surface));border-radius:50px;padding:9px 12px;white-space:nowrap}.member-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:5px}.theme-toggle,.mobile-menu-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:13px;transition:background .2s,transform .2s}.theme-toggle:hover,.mobile-menu-button:hover{transform:translateY(-2px);background:var(--surface-alt)}.theme-symbol{font-size:21px;line-height:1}.mobile-menu-button{display:none;gap:4px;align-content:center}.mobile-menu-button span{height:2px;width:19px;border-radius:4px;background:var(--text)}.mobile-nav{display:none}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:13px;font-weight:800;line-height:1.2;font-size:14px;border-radius:13px;min-height:48px;padding:14px 23px;transition:transform .2s,box-shadow .2s,background .2s;text-align:center;border:1px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(102deg,#176af4 0%,#5c57f8 55%,#a044eb 100%);box-shadow:0 9px 22px rgba(87,92,236,.2)}.btn-primary:hover{box-shadow:0 12px 28px rgba(87,92,236,.3)}.btn-outline{background:var(--surface);color:var(--blue-strong);border-color:var(--border-strong)}.btn-outline:hover{background:var(--surface-alt)}.btn-white{background:#fff;color:#2347a3}.btn-white:hover{box-shadow:0 12px 25px rgba(0,0,0,.12)}.gradient-text{background:linear-gradient(100deg,#235be8 9%,#6c55ef 68%,#9b56da);color:transparent;background-clip:text;-webkit-background-clip:text}.eyebrow,.section-eyebrow{font-size:11px;letter-spacing:.09em;font-weight:900;color:var(--blue);text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:40px;background:linear-gradient(90deg,#e9e9ff,#f2e8ff);color:#653be0;letter-spacing:.01em;font-size:12px}.eyebrow-star{color:#8d61e7}.section{padding:82px 0}.section-tinted{background:var(--surface-tint)}.section-heading{margin-bottom:33px}.section-heading.center{text-align:center}.section-heading h2,.library-intro h2{font-size:29px;margin:7px 0 11px;font-weight:900}.section-heading p,.library-intro p{font-size:14px;color:var(--muted);line-height:1.8}
.hero-area{background:var(--hero-grad);position:relative;overflow:hidden}.hero-area:before{content:"";position:absolute;right:10%;top:-140px;border:2px solid rgba(83,117,242,.075);width:620px;height:620px;border-radius:50%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:525px;gap:28px;align-items:center;padding:80px 0 72px;position:relative}.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:clamp(38px,4.55vw,62px);line-height:1.27;margin:17px 0 23px;letter-spacing:-.075em;font-weight:900;white-space:nowrap}.hero-lead{font-size:19px;color:var(--text-strong);font-weight:800;margin-bottom:13px}.hero-description{font-size:14px;line-height:2;max-width:510px;color:var(--muted)}.hero-ctas{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.hero-trust{display:flex;gap:17px;flex-wrap:wrap;margin-top:25px;font-size:11px;font-weight:700;color:var(--muted)}.hero-trust span::first-letter{color:var(--blue)}
.hero-art{height:393px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-glow{position:absolute;filter:blur(45px);border-radius:50%;z-index:-1}.hero-glow.one{width:300px;height:250px;left:2%;top:4%;background:rgba(69,155,252,.3)}.hero-glow.two{width:290px;height:260px;right:-9%;bottom:0;background:rgba(191,102,254,.32)}.art-orbit{position:absolute;width:112%;height:190px;transform:rotate(-14deg);border:2px solid #9cb7ff8c;border-radius:50%;bottom:40px;left:-5%;z-index:-1;box-shadow:0 0 32px rgba(79,134,245,.14)}.app-window{width:91%;min-height:308px;border:1px solid #bdcafa;border-radius:20px;display:grid;grid-template-columns:66px 1fr;box-shadow:0 32px 65px rgba(44,71,157,.22);background:#fff;transform:perspective(900px) rotateY(-8deg) rotateX(2deg) rotateZ(1deg);overflow:hidden}.app-sidebar{background:linear-gradient(175deg,#162a65,#1b2861 55%,#31206d);display:flex;flex-direction:column;align-items:center;gap:14px;padding:23px 0}.app-brand{color:#fff;font-size:24px;font-weight:900;font-style:italic;margin-bottom:13px}.app-sidebar-item{width:36px;height:36px;border-radius:10px;color:#a4aff1;display:grid;place-items:center;font-size:19px}.app-sidebar-item.active{background:linear-gradient(120deg,#237cfa,#8467ff);color:white}.app-content{padding:28px 21px 20px;min-width:0}.app-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6778a4;font-weight:800}.app-dots{font-size:8px;letter-spacing:3px;color:#b1bfdd}.app-title{font-size:20px;font-weight:900;color:#11244b;margin-top:11px}.app-caption{font-size:11px;color:#8190b4;margin:1px 0 19px}.app-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.app-mini-grid>div{border-radius:11px;background:#f4f6ff;overflow:hidden;padding:5px;box-shadow:0 3px 8px rgba(21,41,100,.04)}.app-mini-grid img{border-radius:7px;width:100%;height:86px;object-fit:cover}.app-mini-grid span{display:block;font-size:9px;font-weight:800;padding:6px 0 2px;text-align:center;color:#344b78;white-space:nowrap}.app-line{display:flex;gap:7px;margin-top:17px}.app-line i{display:block;height:6px;border-radius:20px;background:#e6edfa;width:22%}.app-line i:first-child{width:40%;background:#b8cfff}.float-card{position:absolute;z-index:3;background:linear-gradient(135deg,#436de9,#9e70fd);border:2px solid rgba(255,255,255,.85);box-shadow:0 12px 22px rgba(75,76,175,.22);color:white;border-radius:15px;padding:12px 16px;font-weight:900}.float-ai{top:7px;right:5px;font-size:22px;transform:rotate(11deg)}.float-copy{bottom:7px;left:1px;font-size:17px;display:flex;gap:10px;align-items:center;transform:rotate(-5deg)}.float-copy span{font-size:12px}.float-copy b{border-radius:50%;background:#30c89c;width:22px;height:22px;display:grid;place-items:center;font-size:14px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-large);border-color:#b2c3ff}.feature-thumb{padding:13px 13px 0}.feature-thumb img{width:100%;height:192px;object-fit:cover;border-radius:12px}.feature-body{padding:18px 21px 21px;display:flex;flex-direction:column;flex:1}.feature-number{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.06em;display:flex;align-items:center;gap:8px}.dot-blue,.dot-purple,.dot-pink{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--blue)}.dot-purple{background:#885cf1}.dot-pink{background:#d46cce}.feature-body h3{font-size:20px;font-weight:900;margin:6px 0 8px}.feature-body p{font-size:12px;color:var(--muted);line-height:1.9;flex:1}.feature-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);color:var(--blue-strong);font-weight:900;margin-top:20px;padding-top:16px;font-size:12px}.feature-link span{font-size:20px}
.steps-row{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;gap:10px;align-items:center}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;gap:16px;align-items:flex-start;padding:22px 20px;min-height:136px;box-shadow:var(--shadow)}.step-icon{border-radius:14px;flex:0 0 42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#427efb,#7f56ee);color:#fff;font-weight:900;font-size:15px}.step-card h3{font-size:16px;margin:3px 0 8px}.step-card p{color:var(--muted);font-size:12px;line-height:1.85}.step-arrow{font-size:26px;color:var(--blue);font-weight:700;text-align:center}.step-note{margin:22px auto 0;display:flex;align-items:baseline;justify-content:center;gap:10px;font-size:12px;color:var(--muted);text-align:center}.step-note span{font-weight:900;color:var(--blue);width:18px;height:18px;border:1px solid var(--blue);border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0}.step-note a{color:var(--blue);font-weight:800;white-space:nowrap}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.benefit{border:1px solid var(--border);background:var(--surface);padding:23px 21px;border-radius:16px;min-height:185px}.benefit-icon{width:45px;height:45px;display:grid;place-items:center;background:#e9f0ff;border-radius:13px;font-size:24px;font-weight:900;color:#386de5}.b2{background:#f2eafe;color:#9063f1}.b3{background:#e8f5ff;color:#2587e5}.b4{background:#f5e9ff;color:#a05bd8}html[data-theme="dark"] .benefit-icon{background:var(--surface-alt)}.benefit h3{font-size:15px;margin:16px 0 6px}.benefit p{font-size:12px;line-height:1.9;color:var(--muted)}.section-library{background:var(--surface-soft)}.library-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.library-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.library-mini-card{display:flex;align-items:center;gap:13px;border-radius:14px;border:1px solid var(--border);background:var(--surface);padding:12px;min-width:0;box-shadow:var(--shadow);transition:transform .2s}.library-mini-card:hover{transform:translateY(-3px)}.library-mini-card img{width:80px;height:59px;object-fit:cover;border-radius:8px}.library-mini-card .mini-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:12px;background:var(--surface-alt);color:var(--blue);font-size:24px}.library-mini-card div{min-width:0;flex:1}.library-mini-card h3{margin:0;font-size:12px}.library-mini-card p{font-size:10px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-mini-card .right-arrow{color:var(--blue);font-size:19px}.section-bottom-cta{padding-top:24px}.bottom-cta{padding:37px 46px;border-radius:23px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(108deg,#1b45bf,#4c58dd 60%,#8764e8);color:#fff;overflow:hidden;position:relative}.bottom-cta:after{content:"";width:300px;height:300px;border:1px solid #ffffff2b;border-radius:50%;right:-70px;top:-120px;position:absolute;pointer-events:none}.bottom-cta h2{font-size:25px;color:#fff;margin:5px 0 8px}.bottom-cta p{color:#e5eaff;font-size:13px}.bottom-cta .btn{position:relative;z-index:1}.dark-on-blue{color:#fff;background:#ffffff26}
.site-footer{background:var(--footer);color:#eaf0ff;padding-top:44px;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.15fr;gap:45px}.footer-brand{font-size:20px;font-weight:900;display:inline-flex;align-items:center;gap:12px}.site-footer .brand-mark{font-size:30px}.footer-grid p{font-size:11px;color:#bac7e7;margin:13px 0 0;line-height:1.8}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700}.footer-links a:hover{text-decoration:underline}.footer-note{font-size:13px;font-weight:800}.footer-note small{display:block;font-size:11px;color:#b9c8e8;margin-top:10px;font-weight:400;line-height:1.9}.footer-bottom{border-top:1px solid #ffffff24;margin-top:33px;padding:14px 0;font-size:10px;color:#8e9fbf}.toast{position:fixed;z-index:300;left:50%;bottom:28px;transform:translate(-50%,120px);background:#182447;color:#fff;padding:12px 23px;border-radius:50px;opacity:0;pointer-events:none;box-shadow:0 10px 35px #0002;transition:transform .28s,opacity .28s;font-size:13px;font-weight:800}.toast.show{opacity:1;transform:translate(-50%,0)}
.breadcrumbs{display:flex;align-items:center;gap:11px;font-size:11px;color:var(--muted);margin-bottom:27px}.breadcrumbs a:hover{color:var(--blue)}.breadcrumbs span:nth-child(even){color:var(--blue)}.tool-heading{padding:33px 0 38px;background:var(--hero-grad);border-bottom:1px solid var(--border)}.tool-hero-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:45px;align-items:center}.tool-hero-grid h1,.guide-hero h1,.list-hero h1{font-weight:900;font-size:42px;letter-spacing:-.06em;margin:8px 0 12px}.tool-hero-grid p{color:var(--muted);font-size:15px;max-width:600px}.tool-hero-image{height:196px;width:100%;object-fit:cover;box-shadow:var(--shadow-large);border:5px solid color-mix(in srgb,var(--surface) 85%,transparent);border-radius:20px}.hero-tags{display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}.hero-tags span{background:var(--surface);border:1px solid var(--border);padding:5px 12px;border-radius:30px;font-size:11px;color:var(--muted);font-weight:800}.workspace-section{padding-top:60px}.workspace-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:24px;align-items:start}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:25px;box-shadow:var(--shadow)}.panel-header{margin-bottom:25px}.panel-title-row{display:flex;gap:12px;align-items:start}.number-chip{font-size:15px;font-weight:900;background:linear-gradient(135deg,#2674f8,#8757ec);color:white;border-radius:11px;display:grid;place-items:center;flex-shrink:0;width:37px;height:37px}.panel-header h2{font-size:18px;margin:2px 0 5px}.panel-header p{color:var(--muted);font-size:12px}.field{margin-bottom:19px}.field-label{display:block;font-size:12px;font-weight:900;margin-bottom:8px;color:var(--text)}.field-label small{font-weight:500;color:var(--muted);font-size:11px}.input,.select,.textarea{width:100%;border:1px solid var(--border-strong);color:var(--text);background:var(--input-bg);outline:none;border-radius:10px;font-size:13px;padding:12px 13px;transition:border-color .2s,box-shadow .2s}.input,.select{min-height:47px}.input:focus,.select:focus,.textarea:focus{border-color:#648cff;box-shadow:0 0 0 3px rgba(66,117,246,.14)}.input::placeholder,.textarea::placeholder{color:#9aa8be}.textarea{resize:vertical;line-height:1.7;min-height:74px}.select{cursor:pointer}.genre-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.genre-choice{font-size:12px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:12px 10px;border-radius:10px;text-align:left;font-weight:700;line-height:1.5;min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:4px}.genre-choice:hover{border-color:var(--blue)}.genre-choice.active{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,var(--surface));color:var(--blue-strong);box-shadow:inset 0 0 0 1px var(--blue)}.genre-choice.active:after{content:"✓";font-size:12px}.advanced{border-top:1px solid var(--border);padding-top:20px}.advanced summary{font-size:13px;font-weight:900;color:var(--blue);display:flex;justify-content:space-between;cursor:pointer;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced-inside{margin-top:19px}.advanced[open] summary span{transform:rotate(180deg)}.output-panel{position:sticky;top:101px}.output-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px;font-size:11px}.output-ready{font-size:11px;font-weight:900;color:var(--green)}.output-ready i{display:inline-block;border-radius:50%;background:var(--green);width:7px;height:7px;margin-right:4px}.prompt-output{display:block;width:100%;height:clamp(340px,49vh,570px);border-radius:12px;background:var(--surface-soft);border:1px solid var(--border);padding:17px 16px;color:var(--text);font-size:12px;font-family:var(--font);line-height:1.9;resize:vertical;outline:none}.prompt-output:focus{border-color:var(--blue)}.output-actions{display:flex;gap:10px;margin-top:16px}.output-actions .btn{flex:1;padding:12px 14px;font-size:12px}.output-note{font-size:11px;color:var(--muted);margin-top:14px;line-height:1.8}.suggestion-grid{display:flex;flex-wrap:wrap;gap:7px}.idea-chip{border:1px solid var(--border);border-radius:50px;background:var(--surface-soft);padding:7px 11px;font-size:11px;color:var(--text);line-height:1.45;text-align:left}.idea-chip:hover,.idea-chip.active{border-color:var(--blue);color:var(--blue-strong);background:var(--surface-alt)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.radio-row{display:block;padding:9px 0;font-size:13px}.radio-row input{accent-color:#316bf4;margin-right:7px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.support-card{border:1px solid var(--border);padding:21px;border-radius:16px;background:var(--surface);display:flex;flex-direction:column;min-height:170px}.support-card span{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.06em}.support-card h3{font-size:15px;margin:9px 0 8px}.support-card p{font-size:11px;color:var(--muted);line-height:1.8;flex:1}.support-card button{align-self:flex-start;border:0;background:none;color:var(--blue-strong);font-size:12px;font-weight:900;padding:8px 0 0}.support-card button:hover{text-decoration:underline}.download-band{border:1px solid var(--border);border-radius:18px;background:var(--surface-alt);padding:27px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.download-band h2{font-size:19px;margin-bottom:5px}.download-band p{font-size:12px;color:var(--muted)}
.guide-hero{padding:32px 0 64px;background:var(--hero-grad)}.guide-hero-grid{display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:center}.guide-hero .lead{color:var(--muted);font-size:15px;max-width:580px;line-height:2;margin-bottom:28px}.guide-hero img{border-radius:23px;border:1px solid var(--border);box-shadow:var(--shadow);width:100%}.guide-list{border:1px solid var(--border);border-radius:20px;padding:12px 28px;background:var(--surface)}.guide-item{display:flex;gap:22px;padding:25px 5px;border-bottom:1px solid var(--border)}.guide-item:last-child{border-bottom:none}.guide-item>span{border-radius:12px;display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:var(--surface-alt);color:var(--blue);font-weight:900;font-size:15px}.guide-item h3{font-size:17px;margin:2px 0 8px}.guide-item p{font-size:13px;color:var(--muted);line-height:1.9}.guide-item a{color:var(--blue);text-decoration:underline;font-weight:800}.guide-requirements{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.requirement-card{border:1px solid var(--border);background:var(--surface);padding:25px;border-radius:16px}.requirement-icon{width:45px;height:45px;border-radius:14px;background:var(--surface-alt);color:var(--blue);display:grid;place-items:center;font-size:24px;font-weight:800}.requirement-card h3{font-size:16px;margin:16px 0 10px}.requirement-card p{font-size:12px;color:var(--muted);line-height:1.95}.notice-card{margin-top:21px;background:var(--surface-alt);padding:18px 21px;border-radius:13px;border-left:3px solid var(--blue);font-size:12px;color:var(--text);line-height:1.9}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:17px 20px}.faq-list summary{font-size:14px;font-weight:800;cursor:pointer}.faq-list p{color:var(--muted);font-size:13px;border-top:1px solid var(--border);margin-top:14px;padding-top:13px;line-height:2}.list-hero{background:var(--hero-grad);padding:31px 0 52px;border-bottom:1px solid var(--border)}.list-hero p{color:var(--muted);font-size:14px}.library-toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.search-wrap{width:390px;max-width:100%;position:relative}.search-wrap .input{padding-left:40px}.search-icon{position:absolute;top:50%;transform:translateY(-56%);left:14px;font-size:24px;color:var(--muted)}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-tab{background:var(--surface);border:1px solid var(--border);border-radius:50px;padding:9px 13px;font-size:12px;font-weight:700;color:var(--muted)}.filter-tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}.list-summary{font-size:12px;color:var(--muted);margin:25px 0 15px}.full-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.library-item{border:1px solid var(--border);background:var(--surface);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .2s}.library-item:hover{transform:translateY(-5px)}.library-item img{width:100%;height:176px;object-fit:cover}.library-item .item-placeholder{height:176px;background:linear-gradient(120deg,var(--surface-alt),var(--surface-tint));display:grid;place-items:center;font-size:49px;color:var(--blue)}.library-item-body{padding:19px;display:flex;flex-direction:column;flex:1}.library-category{font-size:10px;font-weight:900;color:var(--blue);letter-spacing:.05em}.library-item h3{margin:7px 0;font-size:17px}.library-item p{font-size:12px;color:var(--muted);flex:1}.library-item-link{border-top:1px solid var(--border);margin-top:16px;padding-top:12px;display:flex;justify-content:space-between;color:var(--blue-strong);font-size:12px;font-weight:900}.empty-message{padding:54px;text-align:center;background:var(--surface-soft);border-radius:16px;color:var(--muted)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:14px}.reader-layout{display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:start}.reader-toc{position:sticky;top:101px}.reader-toc strong{display:block;margin-bottom:12px}.reader-toc nav{display:flex;flex-direction:column;gap:7px}.reader-toc a{font-size:12px;color:var(--muted);line-height:1.55;border-left:2px solid var(--border);padding-left:10px}.reader-toc a:hover{border-color:var(--blue);color:var(--blue)}.markdown-content{min-width:0;padding:28px 30px;line-height:1.95;overflow-wrap:anywhere}.markdown-content h1{font-size:28px;margin:8px 0 15px}.markdown-content h2{font-size:22px;margin:36px 0 18px;padding-bottom:9px;border-bottom:1px solid var(--border)}.markdown-content h3{font-size:17px;margin:25px 0 11px}.markdown-content p,.markdown-content li{font-size:13px;line-height:2}.markdown-content p{margin-bottom:12px}.markdown-content ul,.markdown-content ol{padding-left:22px;margin:12px 0}.markdown-content pre{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;padding:20px;font:12px/1.8 ui-monospace,Consolas,'Noto Sans JP',monospace;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;margin:0}.markdown-content code{font-family:ui-monospace,Consolas,monospace}.markdown-content .code-frame{margin:17px 0 23px}.code-controls{display:flex;align-items:center;justify-content:space-between;background:var(--surface-alt);border:1px solid var(--border);border-bottom:0;border-radius:12px 12px 0 0;padding:7px 12px;font-size:11px;color:var(--muted)}.code-controls button{background:none;border:none;color:var(--blue);font-weight:900}.markdown-content .code-frame pre{border-radius:0 0 12px 12px}.markdown-content table{border-collapse:collapse;width:100%;font-size:12px;margin:16px 0;display:block;overflow-x:auto}.markdown-content td,.markdown-content th{border:1px solid var(--border);padding:10px;min-width:100px;text-align:left}.markdown-content th{background:var(--surface-alt)}.markdown-content hr{border:0;border-top:1px solid var(--border);margin:25px 0}
@media(max-width:1140px){.brand-sub{display:none}.brand-sep{display:none}.desktop-nav{gap:23px}.hero-grid{gap:0}.hero-copy h1{font-size:47px}.feature-thumb img{height:165px}.app-mini-grid img{height:68px}.float-copy{bottom:24px}}
@media(max-width:900px){.container{width:min(100% - 38px,1180px)}.site-header{height:69px}.desktop-nav{gap:16px}.desktop-nav a{font-size:12px}.member-badge{display:none}.hero-grid{grid-template-columns:1fr 1fr;padding:68px 0}.hero-copy h1{font-size:37px}.hero-art{height:330px}.app-window{min-height:255px;grid-template-columns:46px 1fr}.app-sidebar{padding-top:15px}.app-sidebar-item{width:30px;height:30px}.app-content{padding:22px 13px}.app-title{font-size:16px}.app-mini-grid img{height:58px}.app-mini-grid span{font-size:7px}.float-card{padding:8px}.float-ai{font-size:15px}.feature-grid{gap:13px}.feature-body{padding:14px}.feature-body h3{font-size:17px}.feature-thumb img{height:143px}.steps-row{gap:6px}.step-card{padding:18px 12px;gap:9px}.step-card h3{font-size:13px}.step-icon{width:34px;height:34px;flex-basis:34px;font-size:12px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid{gap:15px}.panel{padding:20px}.output-actions{flex-wrap:wrap}.output-actions .btn{flex-basis:100%}.support-grid{grid-template-columns:repeat(2,1fr)}.reader-layout{grid-template-columns:200px 1fr}.full-library-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:660px){.container{width:calc(100% - 34px)}.site-header{height:64px}.brand-main{font-size:19px}.brand-mark{font-size:29px}.desktop-nav{display:none}.mobile-menu-button{display:grid}.mobile-nav{display:none;flex-direction:column;gap:0;position:absolute;top:64px;left:0;right:0;background:var(--surface);box-shadow:var(--shadow-large);border-bottom:1px solid var(--border);padding:6px 17px 14px}.mobile-nav.open{display:flex}.mobile-nav a{padding:12px 9px;border-bottom:1px solid var(--border);font-size:13px;font-weight:800}.hero-grid{grid-template-columns:1fr;padding:49px 0 40px;gap:30px}.hero-copy h1{font-size:clamp(32px,8.5vw,45px);white-space:normal;letter-spacing:-.08em;margin-bottom:15px}.hero-lead{font-size:17px}.hero-description{font-size:13px}.hero-ctas{gap:10px;margin-top:23px}.hero-ctas .btn{font-size:12px;min-height:45px;padding:12px 16px}.hero-trust{gap:6px 13px;font-size:10px;margin-top:19px}.hero-art{height:286px}.app-window{width:87%;min-height:260px;transform:perspective(900px) rotateY(-4deg) rotateZ(1deg)}.app-mini-grid img{height:69px}.float-copy{left:1px;bottom:3px}.float-ai{right:0}.section{padding:58px 0}.section-heading h2,.library-intro h2{font-size:24px}.section-heading{margin-bottom:25px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{display:grid;grid-template-columns:39% 1fr;align-items:stretch}.feature-thumb{padding:11px 0 11px 11px}.feature-thumb img{height:100%;min-height:150px}.feature-body h3{font-size:16px;margin:3px 0 7px}.feature-body p{font-size:11px}.feature-body{padding:13px 13px 12px}.feature-number{font-size:9px}.feature-link{margin-top:8px;padding-top:8px;font-size:11px}.steps-row{grid-template-columns:1fr;gap:6px}.step-arrow{font-size:19px;transform:rotate(90deg);line-height:1.1}.step-card{min-height:0;padding:18px;gap:16px}.step-card h3{font-size:15px}.step-card p{font-size:12px}.step-icon{flex-basis:40px;width:40px;height:40px}.step-note{flex-wrap:wrap;text-align:left;justify-content:flex-start;line-height:1.8}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:10px}.benefit{padding:17px 14px;min-height:175px}.benefit-icon{width:39px;height:39px}.benefit h3{font-size:13px;margin-top:12px}.benefit p{font-size:11px}.library-mini{grid-template-columns:1fr 1fr;gap:9px}.library-mini-card{gap:9px;padding:8px}.library-mini-card img{width:51px;height:50px}.library-mini-card .mini-icon{width:43px;height:43px}.library-mini-card h3{font-size:11px}.library-mini-card p{font-size:9px}.library-mini-card .right-arrow{display:none}.library-intro{align-items:center}.library-intro .btn{padding:10px;font-size:11px}.bottom-cta{padding:29px 25px;display:block}.bottom-cta h2{font-size:21px}.bottom-cta .btn{margin-top:22px}.site-footer{padding-top:36px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-note{grid-column:1/-1}.tool-heading{padding:19px 0 30px}.breadcrumbs{margin-bottom:21px}.tool-hero-grid{grid-template-columns:1fr;gap:20px}.tool-hero-grid h1,.guide-hero h1,.list-hero h1{font-size:32px}.tool-hero-grid p{font-size:13px}.tool-hero-image{height:180px}.workspace-grid{grid-template-columns:1fr}.output-panel{position:static}.prompt-output{height:390px}.panel{padding:20px 17px}.output-actions .btn{flex:1}.genre-grid{gap:7px}.genre-choice{font-size:11px;padding:11px 9px}.two-fields{gap:10px}.support-grid{grid-template-columns:1fr 1fr;gap:10px}.support-card{padding:16px;min-height:169px}.support-card h3{font-size:13px}.support-card p{font-size:10px}.download-band{padding:23px;display:block}.download-band .btn{margin-top:17px;width:100%}.guide-hero{padding:20px 0 43px}.guide-hero-grid{grid-template-columns:1fr;gap:22px}.guide-hero img{max-height:230px;object-fit:cover}.guide-list{padding:5px 17px}.guide-item{padding:18px 0;gap:13px}.guide-item>span{width:39px;height:39px;font-size:13px}.guide-item h3{font-size:15px}.guide-item p{font-size:12px}.guide-requirements{grid-template-columns:1fr}.requirement-card{padding:21px}.list-hero{padding:19px 0 38px}.full-library-grid{grid-template-columns:1fr;gap:14px}.library-item{display:grid;grid-template-columns:36% 1fr}.library-item img,.library-item .item-placeholder{height:100%;min-height:156px}.library-item-body{padding:15px}.library-item h3{font-size:15px}.library-item p{font-size:11px}.library-toolbar{display:block}.search-wrap{width:100%}.filter-tabs{margin-top:13px}.filter-tab{font-size:11px;padding:7px 10px}.reader-layout{grid-template-columns:1fr}.reader-toc{position:static}.reader-toc nav{max-height:140px;overflow:auto}.reader-section{padding-top:30px}.markdown-content{padding:21px 16px}.markdown-content h1{font-size:22px}.markdown-content h2{font-size:19px}.markdown-content h3{font-size:16px}.reader-toolbar .btn{font-size:11px;padding:11px 13px;min-height:40px}}
@media(max-width:390px){.brand-main{font-size:17px}.hero-copy h1{font-size:32px}.hero-ctas .btn{font-size:11px}.hero-art{height:248px}.app-window{min-height:223px}.app-mini-grid img{height:53px}.app-content{padding:20px 9px}.app-title{font-size:15px}.app-caption{margin-bottom:10px}.support-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-note{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}