:root{--profile-validation-red:#b42318;--text-result-min-height:240px;--recruit-publication-pink:#ff5095;--recruit-publication-category:#40c6c3;--blog-publication-pink:var(--cast-publication-pink);--cast-publication-pink:#ff79c7;--cast-publication-canvas:color-mix(in srgb, var(--cast-publication-pink) 16%, var(--color-surface));--cast-publication-border:color-mix(in srgb, var(--cast-publication-pink) 55%, var(--color-surface));--cast-publication-stripe:color-mix(in srgb, var(--cast-publication-pink) 65%, var(--color-surface));--cast-publication-text:color-mix(in srgb, var(--color-ink) 84%, var(--color-surface));--publication-inset:9%;--publication-font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--publication-avatar-font-family:Georgia, serif;--publication-line-height:1.75;--publication-avatar-letter-spacing:.13em;--publication-copy-inset:34px;--color-ink:#202629;--color-surface:#fff;--color-canvas:#f6f7f8;--color-accent:#ffe000;--color-muted:#67747c;--color-shell:var(--color-ink);--color-placeholder:color-mix(in srgb, var(--color-muted) 72%, var(--color-surface));--color-border:color-mix(in srgb, var(--color-muted) 22%, var(--color-surface));--color-shell-border:color-mix(in srgb, var(--color-shell) 78%, var(--color-surface));--color-shell-badge:color-mix(in srgb, var(--color-shell) 82%, var(--color-surface));--color-shell-hover:color-mix(in srgb, var(--color-surface) 8%, transparent);--color-surface-muted:color-mix(in srgb, var(--color-muted) 6%, var(--color-surface));--color-backdrop:color-mix(in srgb, var(--color-muted) 11%, var(--color-surface));--color-selection:color-mix(in srgb, var(--color-ink) 6%, var(--color-surface));--color-choice-selected:color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));--color-selection-strong:color-mix(in srgb, var(--color-ink) 10%, var(--color-surface));--color-tool-step-upcoming:color-mix(in srgb, var(--color-muted) 10%, var(--color-surface));--color-tool-step-hover:color-mix(in srgb, var(--color-ink) 16%, var(--color-surface));--background-tool-step-current-yellow:linear-gradient(110deg, color-mix(in srgb, var(--color-accent) 68%, var(--color-surface)), color-mix(in srgb, var(--color-accent) 80%, var(--color-surface)));--color-tool-step-upcoming-yellow:color-mix(in srgb, var(--color-muted) 22%, var(--color-surface));--color-tool-step-completed-yellow:color-mix(in srgb, var(--color-accent) 28%, var(--color-surface));--color-tool-step-hover-yellow:color-mix(in srgb, var(--color-accent) 42%, var(--color-surface));--tool-step-yellow-height:44px;--tool-step-yellow-width:960px;--tool-step-height:72px;--tool-step-tip:16px;--tool-step-marker-size:32px;--tool-step-overlap:calc(var(--space-hair) - var(--tool-step-tip));--tool-step-padding-start:calc(var(--space-6) + var(--tool-step-tip));--tool-step-padding-start-compact:calc(var(--space-4) + var(--tool-step-tip));--color-selection-soft:var(--color-surface);--tool-advance-height:48px;--tool-advance-min-width:160px;--color-action:var(--color-ink);--color-action-hover:color-mix(in srgb, var(--color-ink) 85%, var(--color-muted));--color-selected-border:color-mix(in srgb, var(--color-ink) 65%, var(--color-surface));--color-accent-border:color-mix(in srgb, var(--color-accent) 80%, var(--color-ink));--color-accent-hover:color-mix(in srgb, var(--color-accent) 95%, var(--color-ink));--color-accent-mark:color-mix(in srgb, var(--color-accent) 85%, var(--color-ink));--color-focus:var(--color-muted);--color-shadow:color-mix(in srgb, var(--color-ink) 9%, transparent);--line-height-copy:1.65;--line-height-compact:1.4;--line-height-icon:1;--line-height-base:1.5;--line-height-comfortable:1.6;--line-height-input:1.7;--line-height-relaxed:1.8;--line-height-editor:2;--font-weight-medium:600;--font-weight-semibold:700;--font-weight-bold:750;--font-weight-heavy:800;--font-family:Arial, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-size-caption:10px;--font-size-xs:11px;--font-size-sm:12px;--font-size-label:13px;--font-size-base:14px;--font-size-body:15px;--font-size-md:16px;--font-size-lg:17px;--font-size-card:18px;--font-size-section:20px;--font-size-page-mobile:23px;--font-size-page:28px;--font-size-page-reference:32px;--font-size-symbol:40px;--space-hair:3px;--space-1:4px;--space-tight:5px;--space-compact:6px;--space-2:8px;--space-compact-plus:9px;--space-small:10px;--space-small-plus:11px;--space-3:12px;--space-between:13px;--space-medium:14px;--space-medium-plus:15px;--space-4:16px;--space-wide-minus:17px;--space-wide:18px;--space-5:20px;--space-card:22px;--space-card-plus:23px;--space-6:24px;--space-roomy:25px;--space-7:28px;--space-section-minus:29px;--space-section-plus:31px;--space-8:32px;--space-section-wide:33px;--space-large:35px;--space-9:36px;--space-content:42px;--space-12:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-pill:999px;--radius-round:50%;--shadow-card:0 3px 10px var(--color-shadow);--shadow-preview:0 7px 25px var(--color-shadow);--shadow-nav-marker:inset 3px 0 0 var(--color-accent);--shadow-step-marker:inset 0 -2px 0 var(--color-accent);--header-height:69px;--navigation-icon-size:34px;--sidebar-motion-duration:.28s;--sidebar-motion-easing:cubic-bezier(.22, 1, .36, 1);--sidebar-width:207px;--sidebar-width-collapsed:72px;--brand-width-collapsed:52px;--brand-height-collapsed:21px;--sidebar-width-tablet:180px;--anchor-offset:calc(var(--header-height) + var(--space-5))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-5)}body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-family);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--color-focus)}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.app-header{height:var(--header-height);background:var(--color-shell);color:var(--color-surface);width:var(--sidebar-width);padding:0 var(--space-wide);z-index:3;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.brand-image{background:url(/images/home-reference.png) -24px -9px/1570px 1002px no-repeat;flex-shrink:0;width:130px;height:52px}.sidebar{top:var(--header-height);width:var(--sidebar-width);background:var(--color-shell);color:var(--color-surface);padding:var(--space-wide) var(--space-3);flex-direction:column;display:flex;position:fixed;bottom:0;overflow:hidden}.sidebar nav::-webkit-scrollbar{width:var(--space-2)}.sidebar nav::-webkit-scrollbar-track{background:var(--color-shell)}.sidebar nav::-webkit-scrollbar-thumb{background:var(--color-shell-border);border-radius:var(--radius-round)}.sidebar nav{scrollbar-width:thin;scrollbar-color:var(--color-shell-border) var(--color-shell);flex:1;min-height:0;overflow:hidden auto}.sidebar-store{padding:var(--space-wide) var(--space-medium) var(--space-small);font-size:var(--font-size-sm);line-height:var(--line-height-base);color:color-mix(in srgb, var(--color-surface) 65%, transparent);overflow-wrap:anywhere;margin-top:auto}.nav-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:100%;color:inherit;padding:var(--space-between) var(--space-compact);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-align:left;background:0 0;border:0;min-height:47px;display:flex}.nav-label-writing-style{white-space:nowrap;line-height:var(--line-height-copy)}.nav-item svg{flex-shrink:0;width:22px;height:22px}.nav-item .navigation-icon{width:var(--navigation-icon-size);height:var(--navigation-icon-size);flex-shrink:0;overflow:hidden}.nav-item:hover{background:var(--color-shell-hover)}.nav-item.active{background:var(--color-shell-hover);color:var(--color-surface);box-shadow:var(--shadow-nav-marker)}nav hr{margin:var(--space-wide) var(--space-tight);border:0;border-top:1px solid var(--color-shell-border)}.home-main{margin-left:var(--sidebar-width);padding:var(--space-7) var(--space-section-wide) var(--space-8);max-width:1800px}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-medium);display:flex}.section-heading h1,.section-heading h2{font-size:var(--font-size-page);line-height:var(--line-height-base);letter-spacing:.4px}.sort-button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-small-plus) var(--space-between);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-ink);min-height:42px}.favorites-help{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);flex-wrap:wrap;display:flex}.favorites-help p{margin:0}.favorites-help-title{font-weight:var(--font-weight-semibold)}.favorites-help-actions{gap:var(--space-2) var(--space-5);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.favorites-help-actions p{align-items:center;gap:var(--space-2);display:flex}.favorites-help-star{color:var(--color-ink);flex-shrink:0;display:inline-flex}.favorites-help-star svg{width:24px;height:24px;fill:var(--color-surface)}.favorites-help-star.selected svg{fill:var(--color-accent)}.favorites-help-note{color:var(--color-muted);font-size:var(--font-size-base)}.tool-grid{gap:var(--space-between) var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tool-card{align-items:center;gap:var(--space-medium-plus);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:122px;padding:var(--space-small) var(--space-content) var(--space-small) var(--space-3);display:flex;position:relative}.tool-card-link:after{content:"";z-index:1;border-radius:var(--radius-lg);position:absolute;inset:0}.tool-card-link:focus-visible{outline:none}.tool-card-link:focus-visible:after{outline:2px solid var(--color-focus);outline-offset:var(--space-1)}.tool-art-native{color:var(--color-ink);place-items:center;display:grid}.tool-art-native svg{width:52px;height:52px}.tool-art.tool-art-native{background:var(--color-selection-strong)}.tool-art{background-image:url(/images/home-reference.png);background-size:1570px 1002px;background-position:var(--x) var(--y);background-repeat:no-repeat;flex-shrink:0;width:90px;height:98px;display:block}.tool-art.tool-art-generated{background:0 0;place-items:center;display:grid}.tool-art-final{aspect-ratio:1;border-radius:var(--radius-round);object-fit:contain;width:100%;height:auto;display:block}.tool-copy{min-width:0}.tool-copy h3{font-size:var(--font-size-card);font-weight:var(--font-weight-semibold);line-height:var(--line-height-comfortable);overflow-wrap:anywhere}.tool-copy p{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);line-height:var(--line-height-copy);color:var(--color-muted);margin-top:var(--space-1);overflow-wrap:anywhere}.tool-description-phrase{overflow-wrap:anywhere;max-width:100%;display:inline-block}.favorite-button{z-index:2;width:36px;height:36px;color:var(--color-placeholder);padding:var(--space-compact);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:10px;right:8px}.favorite-button svg{width:25px;height:25px;fill:var(--color-surface-muted)}.favorite-button.selected{color:var(--color-ink)}.favorite-button.selected svg{fill:var(--color-accent)}.catalog{margin-top:var(--space-section-plus)}.search-box{align-items:center;gap:var(--space-medium);border:1px solid var(--color-border);background:var(--color-surface);width:437px;max-width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);display:flex}.search-box svg{width:19px;height:19px;color:var(--color-muted);flex-shrink:0}.search-box input{width:100%;min-width:0;color:var(--color-ink);font-size:var(--font-size-base);background:0 0;border:0}.search-box input::placeholder{color:var(--color-muted)}.category-section{margin-top:var(--space-5)}.category-section>h2{font-size:var(--font-size-section);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-small)}#favorites>.section-heading,.category-section[id]>h2{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-shell);color:var(--color-surface);border:0}#favorites-title,.category-section[id]>h2{font-size:var(--font-size-page-mobile);font-weight:var(--font-weight-heavy)}.home-footer{margin-top:var(--space-8);border-top:1px solid var(--color-border);padding-top:var(--space-wide);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-muted)}.empty-message{padding:var(--space-6) 0;color:var(--color-muted);font-size:var(--font-size-base)}.menu-button{display:none}button:hover{filter:brightness(.97)}@media (max-width:1250px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-copy h3{font-size:var(--font-size-md)}.search-box{width:350px}.home-main{padding:var(--space-6)}.tool-card{gap:var(--space-small)}}@media (min-width:601px){.app-shell .home-main{min-height:100svh}}@media (max-width:850px){.app-header{width:var(--sidebar-width-tablet)}.sidebar{width:var(--sidebar-width-tablet);padding:var(--space-4) var(--space-2)}.nav-item{font-size:var(--font-size-sm);gap:var(--space-small);padding-inline:var(--space-small)}.home-main{margin-left:var(--sidebar-width-tablet);padding:var(--space-5)}.tool-grid{grid-template-columns:1fr}.search-heading{align-items:stretch;gap:var(--space-3);flex-direction:column}.search-box{width:100%}.section-heading h1,.section-heading h2{font-size:var(--font-size-page-mobile)}}@media (max-width:600px){html{scroll-padding-top:var(--anchor-offset)}.app-header{width:100%;box-shadow:var(--shadow-card);height:auto;min-height:var(--header-height);padding:var(--space-small) var(--space-4);gap:var(--space-2);flex-wrap:wrap;position:sticky}.brand-image{width:120px}.menu-button{color:var(--color-surface);border:1px solid var(--color-muted);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);background:0 0;min-height:40px;display:block}.sidebar{width:100%;padding:var(--space-3) var(--space-4);display:none;position:static}.sidebar.open{display:flex}.home-main{padding:var(--space-card) var(--space-4);margin-left:0}.section-heading{gap:var(--space-2)}.section-heading h1,.section-heading h2{font-size:var(--font-size-page-mobile)}.sort-button{font-size:var(--font-size-xs);padding:var(--space-small)}.tool-card{min-height:110px;padding:var(--space-small) var(--space-9) var(--space-small) var(--space-2);gap:var(--space-2)}.tool-art{background-size:1256px 801.6px;background-position:calc(var(--x)*.8) calc(var(--y)*.8);width:72px;height:79px}.tool-copy h3{font-size:var(--font-size-body)}.tool-copy p{font-size:var(--font-size-sm)}.favorite-button{top:7px;right:3px}.catalog{margin-top:var(--space-7)}.category-section>h2{font-size:var(--font-size-card)}.category-section[id]>h2{font-size:var(--font-size-section)}.search-box{padding:var(--space-3);font-size:var(--font-size-sm)}.search-box input{font-size:var(--font-size-sm)}.home-footer{font-size:var(--font-size-xs)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.account-footer{border-top:1px solid var(--color-border);padding-top:var(--space-wide)}.account-logout{color:var(--color-muted);font-size:var(--font-size-sm);padding:var(--space-3) 0;background:0 0;border:0}.account-logout:hover{color:var(--color-ink);text-decoration:underline}body:has(dialog[open]){overflow:hidden}.sidebar-toggle{justify-content:center;align-items:center;gap:var(--space-2);width:var(--space-content);height:var(--space-content);padding:var(--space-2);border:1px solid var(--color-shell-border);border-radius:var(--radius-sm);color:var(--color-surface);font-size:var(--font-size-sm);cursor:pointer;background:0 0;flex-shrink:0;display:flex}.sidebar-toggle svg{width:var(--space-6);height:var(--space-6);flex-shrink:0}.sidebar-toggle:hover{background:var(--color-shell-hover)}.sidebar-toggle:focus-visible,.nav-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:calc(-1 * var(--space-1))}@media (min-width:601px){.sidebar-collapsed .app-header,.sidebar-collapsed .sidebar{width:var(--sidebar-width-collapsed);padding-inline:var(--space-2)}.sidebar-collapsed .brand-image{width:var(--brand-width-collapsed);height:var(--brand-height-collapsed);background-position:-9.6px -3.6px;background-size:628px 400.8px}.sidebar-collapsed .home-main{margin-left:var(--sidebar-width-collapsed)}.sidebar-collapsed .sidebar nav{scrollbar-gutter:stable both-edges}.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-item-support>span{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding-inline:0}}@media (max-width:600px){.sidebar-toggle{display:none}}.sidebar-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-6);flex-shrink:0;display:flex}.sidebar-footer>div{margin-top:0;padding-top:0}@media (min-width:601px){.sidebar-collapsed .sidebar-footer{flex-direction:column-reverse}}@media (min-width:601px) and (prefers-reduced-motion:no-preference){.app-shell .sidebar,.app-shell .app-header{transition:width var(--sidebar-motion-duration) var(--sidebar-motion-easing), padding-inline var(--sidebar-motion-duration) var(--sidebar-motion-easing)}.app-shell .home-main{transition:margin-left var(--sidebar-motion-duration) var(--sidebar-motion-easing)}.app-shell .brand-image{transition:width var(--sidebar-motion-duration) var(--sidebar-motion-easing), height var(--sidebar-motion-duration) var(--sidebar-motion-easing), background-size var(--sidebar-motion-duration) var(--sidebar-motion-easing), background-position var(--sidebar-motion-duration) var(--sidebar-motion-easing)}}