@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap");:root{--ik-bg:#fff;--ik-bg-subtle:#f8f9fa;--ik-bg-canvas:#f1f3f4;--ik-surface:#fff;--ik-surface-1:#fff;--ik-surface-2:#f8f9fa;--ik-surface-3:#f1f3f4;--ik-text-primary:#202124;--ik-text-secondary:#5f6368;--ik-text-tertiary:#80868b;--ik-text-disabled:#bdc1c6;--ik-text-on-accent:#fff;--ik-border:#dadce0;--ik-border-strong:#bdc1c6;--ik-divider:#e8eaed;--ik-accent:#1a73e8;--ik-accent-hover:#1967d2;--ik-accent-pressed:#185abc;--ik-accent-soft:#e8f0fe;--ik-accent-on:#fff;--ik-success:#1e8e3e;--ik-success-soft:#e6f4ea;--ik-warning:#f9ab00;--ik-warning-soft:#fef7e0;--ik-danger:#d93025;--ik-danger-soft:#fce8e6;--ik-info:#1a73e8;--ik-info-soft:#e8f0fe;--ik-font-sans:"Roboto","Google Sans",-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Noto Sans JP","Segoe UI",system-ui,sans-serif;--ik-font-mono:"Roboto Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--ik-text-xs:0.75rem;--ik-text-sm:0.875rem;--ik-text-base:1rem;--ik-text-lg:1.125rem;--ik-text-xl:1.375rem;--ik-text-2xl:1.75rem;--ik-text-3xl:2.25rem;--ik-leading-tight:1.25;--ik-leading-snug:1.4;--ik-leading-normal:1.5;--ik-leading-relaxed:1.7;--ik-weight-regular:400;--ik-weight-medium:500;--ik-weight-bold:700;--ik-space-0:0;--ik-space-1:4px;--ik-space-2:8px;--ik-space-3:12px;--ik-space-4:16px;--ik-space-5:24px;--ik-space-6:32px;--ik-space-7:48px;--ik-space-8:64px;--ik-space-9:96px;--ik-radius-xs:4px;--ik-radius-sm:8px;--ik-radius-md:12px;--ik-radius-lg:16px;--ik-radius-xl:24px;--ik-radius-pill:9999px;--ik-elev-0:none;--ik-elev-1:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);--ik-elev-2:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);--ik-elev-3:0 4px 8px 3px rgba(60,64,67,.15),0 1px 3px 0 rgba(60,64,67,.3);--ik-elev-4:0 6px 10px 4px rgba(60,64,67,.15),0 2px 3px 0 rgba(60,64,67,.3);--ik-content-narrow:720px;--ik-content-default:960px;--ik-content-wide:1280px;--ik-header-height:64px;--ik-duration-fast:100ms;--ik-duration-base:200ms;--ik-duration-slow:300ms;--ik-easing-standard:cubic-bezier(0.4,0,0.2,1);--ik-easing-accelerate:cubic-bezier(0.4,0,1,1);--ik-easing-decelerate:cubic-bezier(0,0,0.2,1)}*,:after,:before{box-sizing:border-box}html{color-scheme:light;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--ik-bg-canvas);font-family:var(--ik-font-sans);font-size:var(--ik-text-sm);line-height:var(--ik-leading-normal);font-feature-settings:"palt"}body,h1,h2,h3,h4,h5,h6{margin:0;color:var(--ik-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--ik-weight-medium);letter-spacing:-.005em}h1{font-size:var(--ik-text-3xl);line-height:var(--ik-leading-tight);font-weight:var(--ik-weight-regular)}h2{font-size:var(--ik-text-2xl);line-height:var(--ik-leading-snug)}h3{font-size:var(--ik-text-xl)}h4{font-size:var(--ik-text-lg)}p{margin:0 0 var(--ik-space-4)}a{color:var(--ik-accent);text-decoration:none;transition:color var(--ik-duration-fast) var(--ik-easing-standard)}a:hover{text-decoration:underline;text-underline-offset:2px;color:var(--ik-accent-hover)}a:focus-visible{outline:2px solid var(--ik-accent);outline-offset:2px;border-radius:var(--ik-radius-xs)}code{font-family:var(--ik-font-mono);font-size:.9em;background:var(--ik-surface-2);border:1px solid var(--ik-border);border-radius:var(--ik-radius-xs);padding:1px 6px}hr{border:none;border-top:1px solid var(--ik-divider);margin:var(--ik-space-6) 0}img,svg{max-width:100%;height:auto;display:block}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.ik-skip-link{position:absolute;left:var(--ik-space-2);top:var(--ik-space-2);background:var(--ik-accent);color:var(--ik-accent-on);padding:var(--ik-space-2) var(--ik-space-4);border-radius:var(--ik-radius-sm);transform:translateY(-200%);transition:transform var(--ik-duration-base) var(--ik-easing-standard);z-index:1000}.ik-skip-link:focus{transform:translateY(0);text-decoration:none}.ik-container{width:100%;max-width:var(--ik-content-default);margin:0 auto;padding-left:var(--ik-space-4);padding-right:var(--ik-space-4)}.ik-container--narrow{max-width:var(--ik-content-narrow)}.ik-container--wide{max-width:var(--ik-content-wide)}.ik-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--ik-surface);border-bottom:1px solid var(--ik-divider);height:var(--ik-header-height);display:flex;align-items:center;padding:0 var(--ik-space-4);gap:var(--ik-space-4)}.ik-topbar__brand{font-size:var(--ik-text-lg);font-weight:var(--ik-weight-medium);color:var(--ik-text-primary)}.ik-topbar__brand:hover{text-decoration:none}.ik-topbar__nav{margin-left:auto;display:flex;gap:var(--ik-space-1);align-items:center}.ik-topbar__nav a{color:var(--ik-text-secondary);font-size:var(--ik-text-sm);padding:var(--ik-space-2) var(--ik-space-3);border-radius:var(--ik-radius-sm);transition:background var(--ik-duration-fast) var(--ik-easing-standard)}.ik-topbar__nav a:hover{background:var(--ik-surface-2);text-decoration:none;color:var(--ik-text-primary)}.ik-card{background:var(--ik-surface);border:1px solid var(--ik-border);border-radius:var(--ik-radius-lg);padding:var(--ik-space-5);transition:box-shadow var(--ik-duration-base) var(--ik-easing-standard),border-color var(--ik-duration-base) var(--ik-easing-standard)}.ik-card--interactive{cursor:pointer}.ik-card--interactive:hover{box-shadow:var(--ik-elev-2);border-color:var(--ik-border-strong)}.ik-card__title{font-size:var(--ik-text-base);font-weight:var(--ik-weight-medium);color:var(--ik-text-primary);margin:0 0 var(--ik-space-2)}.ik-card__meta{font-size:var(--ik-text-xs);color:var(--ik-text-secondary)}.ik-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ik-space-2);height:36px;padding:0 var(--ik-space-4);font-family:inherit;font-size:var(--ik-text-sm);font-weight:var(--ik-weight-medium);line-height:1;border-radius:var(--ik-radius-pill);border:1px solid transparent;cursor:pointer;transition:background var(--ik-duration-fast) var(--ik-easing-standard),box-shadow var(--ik-duration-fast) var(--ik-easing-standard),border-color var(--ik-duration-fast) var(--ik-easing-standard);text-decoration:none;white-space:nowrap}.ik-button:focus-visible{outline:2px solid var(--ik-accent);outline-offset:2px}.ik-button--primary{background:var(--ik-accent);color:var(--ik-accent-on)}.ik-button--primary:hover{background:var(--ik-accent-hover);box-shadow:var(--ik-elev-1);text-decoration:none;color:var(--ik-accent-on)}.ik-button--primary:active{background:var(--ik-accent-pressed)}.ik-button--secondary{background:var(--ik-surface);color:var(--ik-accent);border-color:var(--ik-border)}.ik-button--secondary:hover{background:var(--ik-accent-soft);text-decoration:none}.ik-button--text{background:transparent;color:var(--ik-accent);height:32px;padding:0 var(--ik-space-2)}.ik-button--text:hover{background:var(--ik-accent-soft);text-decoration:none}.ik-chip{display:inline-flex;align-items:center;gap:var(--ik-space-1);font-size:var(--ik-text-xs);font-weight:var(--ik-weight-medium);padding:4px var(--ik-space-3);border-radius:var(--ik-radius-pill);background:var(--ik-surface-2);color:var(--ik-text-secondary);border:1px solid var(--ik-border)}.ik-chip--accent{background:var(--ik-accent-soft);color:var(--ik-accent);border-color:transparent}.ik-chip--success{background:var(--ik-success-soft);color:var(--ik-success);border-color:transparent}.ik-chip--warning{background:var(--ik-warning-soft);color:#b06000;border-color:transparent}.ik-chip--danger{background:var(--ik-danger-soft);color:var(--ik-danger);border-color:transparent}.ik-field{display:flex;flex-direction:column;gap:var(--ik-space-1)}.ik-field__label{font-size:var(--ik-text-sm);font-weight:var(--ik-weight-medium);color:var(--ik-text-primary)}.ik-field__input,.ik-field__select,.ik-field__textarea{height:40px;padding:0 var(--ik-space-3);font-family:inherit;font-size:var(--ik-text-sm);background:var(--ik-surface);border:1px solid var(--ik-border);border-radius:var(--ik-radius-sm);color:var(--ik-text-primary);transition:border-color var(--ik-duration-fast) var(--ik-easing-standard),box-shadow var(--ik-duration-fast) var(--ik-easing-standard)}.ik-field__textarea{height:auto;min-height:96px;padding:var(--ik-space-3);line-height:var(--ik-leading-normal);resize:vertical}.ik-field__input:focus,.ik-field__select:focus,.ik-field__textarea:focus{outline:none;border-color:var(--ik-accent);box-shadow:0 0 0 1px var(--ik-accent)}.ik-field__hint{font-size:var(--ik-text-xs)}.ik-empty,.ik-field__hint{color:var(--ik-text-secondary)}.ik-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--ik-space-8) var(--ik-space-4)}.ik-empty__icon{font-size:48px;color:var(--ik-text-tertiary);margin-bottom:var(--ik-space-3)}.ik-empty__title{font-size:var(--ik-text-base);font-weight:var(--ik-weight-medium);color:var(--ik-text-primary);margin-bottom:var(--ik-space-1)}.ik-skel{background:linear-gradient(90deg,var(--ik-surface-2) 0,var(--ik-surface-3) 50%,var(--ik-surface-2) 100%);background-size:200% 100%;border-radius:var(--ik-radius-sm);animation:ik-skel-shimmer 1.4s linear infinite}@keyframes ik-skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ik-footer{border-top:1px solid var(--ik-divider);padding:var(--ik-space-6) var(--ik-space-4);background:var(--ik-surface);color:var(--ik-text-secondary);font-size:var(--ik-text-sm)}.ik-footer__inner{max-width:var(--ik-content-default);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--ik-space-4)}.ik-footer__nav{display:flex;gap:var(--ik-space-5);flex-wrap:wrap}.ik-footer__nav a{color:var(--ik-text-secondary)}.ik-footer__nav a:hover{color:var(--ik-text-primary);text-decoration:none}@media (max-width:600px){.ik-container,.ik-container--narrow,.ik-container--wide{padding-left:var(--ik-space-3);padding-right:var(--ik-space-3)}.ik-topbar{padding:0 var(--ik-space-3);gap:var(--ik-space-2)}.ik-footer__inner{flex-direction:column;align-items:flex-start}}@media (max-width:599px){.ik-field__input,.ik-field__select,.ik-field__textarea,body,input,select,textarea{font-size:16px}.ik-button,.ik-button--primary,.ik-button--secondary,a.ik-button,a.ntai-nav-link{min-height:44px;padding-block:10px}.ntai-hero h1{font-size:1.75rem;line-height:1.25}.ntai-form-row{flex-direction:column;gap:var(--ik-space-3)}.ntai-card-grid{grid-template-columns:1fr}table{display:block;overflow-x:auto;max-width:100%}.ik-topbar{flex-wrap:wrap}}.spc-hero{background:var(--ik-surface);border-bottom:1px solid var(--ik-divider);padding:var(--ik-space-6) 0 var(--ik-space-5)}.spc-hero__beta{display:inline-block;background:var(--ik-accent-soft);color:var(--ik-accent);border-radius:var(--ik-radius-sm);padding:var(--ik-space-2) var(--ik-space-3);font-size:var(--ik-text-sm);margin-bottom:var(--ik-space-4)}.spc-hero__beta a{color:inherit;text-decoration:underline}.spc-hero__h1{font-size:var(--ik-text-3xl);line-height:var(--ik-leading-tight);font-weight:var(--ik-weight-regular);margin-bottom:var(--ik-space-3);letter-spacing:-.01em}.spc-hero__lede{color:var(--ik-text-secondary);font-size:var(--ik-text-lg);line-height:var(--ik-leading-relaxed);margin-bottom:var(--ik-space-5);max-width:720px}.spc-hero__samples{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--ik-space-4);gap:var(--ik-space-4)}.spc-hero__samples img{width:100%;height:auto;border:1px solid var(--ik-divider);border-radius:var(--ik-radius-sm);background:var(--ik-surface-2)}.spc-builder-wrap{padding-top:var(--ik-space-6);padding-bottom:var(--ik-space-9)}.spc-builder{display:flex;flex-direction:column;gap:var(--ik-space-5)}.spc-banner{background:var(--ik-warning-soft);color:#b06000;border:1px solid #f3d9a0;border-radius:var(--ik-radius-sm);padding:var(--ik-space-3) var(--ik-space-4);font-size:var(--ik-text-sm)}.spc-preview-card{position:-webkit-sticky;position:sticky;top:calc(var(--ik-header-height) + var(--ik-space-3));z-index:5}.spc-preview-wrap{margin:var(--ik-space-3) 0;background:var(--ik-surface-2);border:1px solid var(--ik-divider);border-radius:var(--ik-radius-sm);overflow:hidden}.spc-preview-img{width:100%;height:auto;display:block}.spc-actions{display:flex;gap:var(--ik-space-3);flex-wrap:wrap;margin-top:var(--ik-space-3)}.spc-warn{font-size:var(--ik-text-sm);color:var(--ik-danger);margin-top:var(--ik-space-2)}.spc-section-h{font-size:var(--ik-text-lg);font-weight:var(--ik-weight-medium);margin:0 0 var(--ik-space-2);color:var(--ik-text-primary)}.spc-section-sub{font-size:var(--ik-text-sm);color:var(--ik-text-secondary);margin:0 0 var(--ik-space-4)}.spc-entries{list-style:none;padding:0;margin:0 0 var(--ik-space-4);gap:var(--ik-space-4)}.spc-entries,.spc-entry{display:flex;flex-direction:column}.spc-entry{padding:var(--ik-space-4);border:1px solid var(--ik-border);border-radius:var(--ik-radius-md);background:var(--ik-surface);gap:var(--ik-space-3)}.spc-entry__row{display:flex;gap:var(--ik-space-4);align-items:flex-end}.spc-entry__name,.spc-entry__pct{flex:1 1 50%}.spc-slider{width:100%;accent-color:var(--ik-accent);height:44px}.spc-entry__remove{align-self:flex-end}.spc-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--ik-space-3);gap:var(--ik-space-3)}.spc-template{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ik-space-1);padding:var(--ik-space-4);border:1px solid var(--ik-border);border-radius:var(--ik-radius-sm);background:var(--ik-surface);cursor:pointer;text-align:left;min-height:96px;font-family:inherit;color:inherit;transition:border-color var(--ik-duration-fast) var(--ik-easing-standard),background var(--ik-duration-fast) var(--ik-easing-standard)}.spc-template:hover{border-color:var(--ik-border-strong)}.spc-template--on{border-color:var(--ik-accent);background:var(--ik-accent-soft)}.spc-template--locked{opacity:.7}.spc-template__name{font-size:var(--ik-text-base);font-weight:var(--ik-weight-medium)}.spc-template__desc{font-size:var(--ik-text-xs);color:var(--ik-text-secondary)}.spc-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:var(--ik-space-3);gap:var(--ik-space-3)}.spc-palette{display:flex;flex-direction:column;align-items:center;gap:var(--ik-space-2);padding:var(--ik-space-3);border:1px solid var(--ik-border);border-radius:var(--ik-radius-sm);background:var(--ik-surface);cursor:pointer;font-family:inherit;font-size:var(--ik-text-sm);min-height:96px}.spc-palette--on{border-color:var(--ik-accent);background:var(--ik-accent-soft)}.spc-palette__swatch{display:flex;width:64px;height:40px;border-radius:var(--ik-radius-sm);border:1px solid;overflow:hidden}.spc-palette__swatch>span{flex:1 1;display:block}.spc-palette__name{color:var(--ik-text-primary)}.spc-font-grid{display:flex;gap:var(--ik-space-3);flex-wrap:wrap}.spc-font{padding:var(--ik-space-3) var(--ik-space-5);border:1px solid var(--ik-border);border-radius:var(--ik-radius-sm);background:var(--ik-surface);cursor:pointer;min-height:44px;font-size:var(--ik-text-base)}.spc-font--on{background:var(--ik-accent-soft)}.spc-font--on,.spc-paywall{border-color:var(--ik-accent)}.spc-paywall__list{list-style:disc;padding-left:var(--ik-space-5);color:var(--ik-text-secondary);margin:0 0 var(--ik-space-4);font-size:var(--ik-text-sm);line-height:var(--ik-leading-relaxed)}.spc-paywall__note{margin-top:var(--ik-space-3)}.spc-foot-note,.spc-paywall__note{font-size:var(--ik-text-xs);color:var(--ik-text-tertiary)}.spc-foot-note{text-align:center}.spc-faq{padding-top:var(--ik-space-7);padding-bottom:var(--ik-space-7);max-width:var(--ik-content-narrow)}.spc-faq__h{font-size:var(--ik-text-2xl);font-weight:var(--ik-weight-medium);margin:0 0 var(--ik-space-4)}.spc-faq__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ik-space-3)}.spc-faq__item{background:var(--ik-surface);border:1px solid var(--ik-border);border-radius:var(--ik-radius-md);padding:var(--ik-space-4)}.spc-faq__q{font-weight:var(--ik-weight-medium);margin-bottom:var(--ik-space-2)}.spc-faq__a{margin:0;color:var(--ik-text-secondary);font-size:var(--ik-text-sm);line-height:var(--ik-leading-relaxed)}.spc-page{max-width:var(--ik-content-narrow);margin:0 auto;padding:var(--ik-space-6) var(--ik-space-4) var(--ik-space-9)}.spc-page h1{font-size:var(--ik-text-2xl);margin-bottom:var(--ik-space-4)}.spc-page h2{font-size:var(--ik-text-xl);margin-top:var(--ik-space-5);margin-bottom:var(--ik-space-3)}.spc-page li,.spc-page p{color:var(--ik-text-secondary);line-height:var(--ik-leading-relaxed)}@media (max-width:599px){.spc-preview-card{position:static}.spc-entry__row{flex-direction:column;align-items:stretch;gap:var(--ik-space-3)}.spc-hero__h1{font-size:var(--ik-text-2xl)}}