html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}body{margin:0}button,textarea,input,a,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:not-allowed}.page-container{width:min(var(--page-max),calc(100% - 2 * var(--page-gutter)));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;height:var(--header-height);border-bottom:1px solid var(--border);background:var(--background)}.site-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-logo{display:inline-flex;align-items:center;gap:10px;min-width:0;white-space:nowrap;color:var(--foreground);font-size:16px;font-weight:600;line-height:1.2;text-decoration:none}.brand-mark{display:block;flex:none;width:24px;height:24px}.brand-mark .mark-block{fill:var(--foreground)}.brand-mark .mark-output{fill:var(--primary)}.brand-logo-reversed{color:var(--inverse-foreground)}.brand-logo-reversed .mark-block{fill:#fff}.brand-logo-reversed .mark-output{fill:var(--primary-on-dark)}.desktop-navigation{display:flex;align-items:center;gap:24px}.nav-link{color:var(--muted-foreground);font-size:14px;line-height:1.55;white-space:nowrap;text-underline-offset:8px;transition:color .15s ease}.nav-link:hover{color:var(--foreground)}.nav-link[data-status=active]{color:var(--foreground);text-decoration:underline 2px var(--primary)}.header-actions{display:flex;align-items:center;gap:12px}.header-note{color:var(--muted-foreground);font-size:13px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 16px;border-radius:var(--corner-md);background:var(--primary);color:var(--primary-foreground);font-weight:600}.skip-link:focus{top:10px}.tool-intro{padding-block:64px 32px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--primary-hover);font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.tool-intro .eyebrow span{flex:none;width:8px;height:8px;background:var(--primary)}.tool-intro h1{margin-top:16px;max-width:20ch;color:var(--foreground);font-size:44px;font-weight:700;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}.tool-description{margin-top:16px;max-width:46ch;color:var(--muted-foreground);font-size:18px;line-height:1.6}.tool-benefits{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px;color:var(--muted-foreground);font-size:13px;font-weight:500;line-height:1.4}.tool-benefits span{display:inline-flex;align-items:center;gap:6px}.tool-benefits svg{flex:none;color:var(--primary)}.tool-workspace{padding-bottom:16px}.prompt-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.prompt-input-panel,.prompt-result-panel{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--corner-xl);background:var(--surface);box-shadow:var(--elevation-sm)}.prompt-panel-heading{min-height:64px;display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border)}.prompt-panel-heading h2{color:var(--foreground);font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.prompt-step{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;background:var(--foreground);color:var(--background);font-family:var(--font-code);font-size:12px;font-weight:500}.prompt-result-panel .prompt-step{background:var(--primary);color:var(--primary-foreground)}.prompt-form{display:grid;gap:20px;padding:24px}.prompt-field{min-width:0}.prompt-field label,.prompt-requirements-content label{display:block;margin-bottom:8px;color:var(--foreground);font-size:14px;font-weight:600;line-height:1.4}.prompt-requirements-content label{color:var(--muted-foreground);font-size:13px;font-weight:500}.prompt-textarea{display:block;width:100%;min-height:176px;resize:vertical;padding:16px;border:1px solid var(--input);border-radius:var(--corner-lg);background:var(--surface-muted);color:var(--foreground);font:inherit;font-size:16px;line-height:1.6;transition:border-color .15s ease,background-color .15s ease}.prompt-textarea::placeholder{color:var(--muted-foreground);opacity:1}.prompt-textarea:hover{border-color:var(--foreground)}.prompt-textarea:focus-visible{border-color:var(--ring);background:var(--surface);outline:2px solid var(--ring);outline-offset:-1px}.prompt-textarea-small{min-height:104px}.prompt-field-footer{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:8px}.prompt-field-footer p{color:var(--muted-foreground);font-size:13px;line-height:1.4}.prompt-character-count{white-space:nowrap;color:var(--muted-foreground);font-size:13px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums}.prompt-requirements{border:1px solid var(--border);border-radius:var(--corner-md)}.prompt-requirements summary{padding:12px 16px;color:var(--foreground);font-size:14px;font-weight:500;line-height:1.4}.prompt-requirements summary::marker{color:var(--muted-foreground)}.prompt-requirements summary span{margin-left:8px;color:var(--muted-foreground);font-size:12px;font-weight:500}.prompt-requirements-content{padding:4px 16px 16px}.prompt-requirements-content .prompt-character-count{display:block;margin-top:8px;text-align:right}.prompt-examples-label{display:block;margin-bottom:8px;color:var(--muted-foreground);font-size:13px;font-weight:500;line-height:1.4}.prompt-example-buttons{display:flex;flex-wrap:wrap;gap:8px}.prompt-example-button{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:var(--corner-sm);padding:6px 10px;background:var(--accent);color:var(--accent-foreground);font-size:13px;font-weight:500;line-height:1.4;transition:border-color .15s ease}.prompt-example-button svg{width:14px;height:14px}.prompt-example-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 55%,transparent)}.prompt-example-button:disabled{background:var(--surface-muted);color:var(--muted-foreground)}.prompt-primary-button,.prompt-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid transparent;border-radius:var(--corner-md);font-size:15px;font-weight:600;line-height:1.2;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.prompt-primary-button{background:var(--primary);color:var(--primary-foreground)}.prompt-primary-button:hover:not(:disabled){background:var(--primary-hover)}.prompt-primary-button:disabled{border-color:var(--border);background:var(--surface-muted);color:var(--muted-foreground)}.prompt-actions>.prompt-primary-button{width:100%;font-size:16px}.prompt-actions>.prompt-primary-button svg:last-child{margin-left:auto}.prompt-secondary-button{border-color:var(--input);background:var(--surface);color:var(--foreground)}.prompt-secondary-button:hover:not(:disabled){border-color:var(--foreground)}.prompt-secondary-button:disabled{border-color:var(--border);color:var(--muted-foreground)}.prompt-privacy-note{margin-top:12px;text-align:center;color:var(--muted-foreground);font-size:13px;line-height:1.4}.prompt-privacy-note a{color:var(--primary-hover);text-decoration:underline;text-underline-offset:3px}.prompt-result-heading{justify-content:space-between;gap:8px 12px;flex-wrap:wrap}.prompt-heading-label{display:flex;align-items:center;gap:12px}.prompt-result-badge{display:inline-flex;align-items:center;gap:4px;color:var(--success);font-size:13px;font-weight:500}.prompt-result-badge svg{width:16px;height:16px}.prompt-result-panel:not(.prompt-has-result){align-self:stretch;display:flex;flex-direction:column}.prompt-empty-state{flex:1;min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;text-align:center}.prompt-empty-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:var(--corner-md);background:var(--accent);color:var(--primary-hover)}.prompt-empty-icon svg{width:24px;height:24px}.prompt-empty-state h3{color:var(--foreground);font-size:20px;font-weight:600;line-height:1.3}.prompt-empty-state>p{max-width:320px;margin-top:8px;color:var(--muted-foreground);font-size:14px;line-height:1.55}.prompt-empty-steps{display:flex;align-items:center;gap:12px;margin-top:24px;color:var(--muted-foreground);font-size:13px;font-weight:500}.prompt-empty-steps svg{width:14px;height:14px;color:var(--primary)}.prompt-result-body{min-width:0;padding:24px}.prompt-original{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.prompt-result-body h3{margin-bottom:8px;color:var(--foreground);font-size:13px;font-weight:600;line-height:1.4}.prompt-result-text,.prompt-original pre,.example-after pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font-family:var(--font-code);font-size:14px;line-height:1.65}.prompt-result-text{min-height:130px;padding:16px;border-radius:var(--corner-md);background:var(--surface-muted);color:var(--foreground)}.prompt-original pre{max-height:160px;overflow-y:auto;color:var(--muted-foreground);font-size:13px}.prompt-result-meta{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted-foreground);font-size:14px;line-height:1.6;overflow-wrap:anywhere}.prompt-result-meta ul{margin-top:8px;padding-left:18px;list-style-type:disc}.prompt-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.prompt-copy-status{margin-top:12px;color:var(--muted-foreground);font-size:13px;line-height:1.5}.prompt-error{padding:12px 16px;border:1px solid color-mix(in srgb,var(--destructive) 28%,var(--surface));border-left:3px solid var(--destructive);border-radius:var(--corner-md);background:color-mix(in srgb,var(--destructive) 5%,var(--surface));color:var(--foreground);font-size:14px;line-height:1.55;overflow-wrap:anywhere}.prompt-error strong{color:var(--destructive);font-weight:600}.prompt-error-limit{border-color:color-mix(in srgb,var(--warning) 30%,var(--surface));border-left-color:var(--warning);background:color-mix(in srgb,var(--warning) 6%,var(--surface))}.prompt-error-limit strong{color:var(--warning)}.prompt-edited-notice,.prompt-updating-notice{margin-bottom:16px;padding:10px 12px;border-radius:var(--corner-sm);background:var(--accent);color:var(--accent-foreground);font-size:13px;font-weight:500;line-height:1.5}.prompt-spinner{display:inline-block;width:17px;height:17px;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:prompt-spin .85s linear infinite}@keyframes prompt-spin{to{transform:rotate(360deg)}}.guide-section,.faq-section{padding-block:96px}.section-heading h2{margin-top:12px;color:var(--foreground);font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.section-heading>p:not(.eyebrow){margin-top:12px;max-width:60ch;color:var(--muted-foreground);font-size:16px;line-height:1.6}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.guide-step{padding:32px;border:1px solid var(--border);border-radius:var(--corner-xl);background:var(--surface)}.guide-number{color:var(--primary-hover);font-family:var(--font-code);font-size:13px;font-weight:500}.guide-step h3{margin-top:12px;color:var(--foreground);font-size:20px;font-weight:600;line-height:1.3}.guide-step p{margin-top:8px;color:var(--muted-foreground);font-size:14px;line-height:1.55}.example-section{padding-block:96px;border-block:1px solid var(--border);background:var(--surface)}.example-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;margin-top:40px}.example-label{color:var(--muted-foreground);font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.06em}.example-before{padding-block:24px}.example-before p{margin-top:16px;max-width:24ch;color:var(--foreground);font-size:22px;font-weight:500;line-height:1.45;letter-spacing:-.01em}.example-before>svg{margin-top:24px;color:var(--primary)}.example-after{min-width:0;padding:24px;border:1px solid var(--border);border-radius:var(--corner-xl);background:var(--background)}.example-after pre{margin-top:16px;color:var(--foreground)}.example-note{margin-top:24px;max-width:72ch;color:var(--muted-foreground);font-size:14px;line-height:1.6}.faq-section>*{max-width:800px}.faq-list{margin-top:32px;border-top:1px solid var(--border)}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;padding:20px 0;color:var(--foreground);font-size:16px;font-weight:600;line-height:1.4;transition:color .15s ease}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--primary-hover)}.faq-list summary svg{flex-shrink:0;color:var(--muted-foreground);transition:transform .15s ease}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{padding:0 40px 20px 0;color:var(--muted-foreground);font-size:15px;line-height:1.65}.related-tool{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;margin-top:48px;padding:20px 24px;border-radius:var(--corner-lg);background:var(--accent);color:var(--foreground);font-size:15px}.related-tool a{display:inline-flex;align-items:center;gap:6px;color:var(--primary-hover);font-weight:600;text-underline-offset:3px}.related-tool a:hover{text-decoration:underline}.site-footer{padding-block:40px 24px;background:var(--inverse-surface);color:var(--inverse-foreground)}.site-footer :focus-visible{outline-color:var(--primary-on-dark)}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:32px}.footer-main>div>p{margin-top:8px;color:var(--inverse-muted);font-size:14px;line-height:1.55}.footer-email{display:inline-block;margin-top:12px;color:var(--inverse-foreground);font-size:14px;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:var(--primary-on-dark);text-underline-offset:4px}.footer-email:hover{color:var(--primary-on-dark)}.footer-main nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;font-weight:500}.footer-main nav a{color:var(--inverse-foreground);transition:color .15s ease}.footer-main nav a:hover{color:var(--primary-on-dark)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--inverse-foreground) 14%,transparent);color:var(--inverse-muted);font-size:13px}.content-page{max-width:790px;padding-block:64px 96px}.content-page h1{margin-block:16px;color:var(--foreground);font-size:44px;font-weight:700;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}.content-lead{max-width:640px;color:var(--muted-foreground);font-size:18px;line-height:1.6;text-wrap:pretty}.content-page section{margin-top:40px}.content-page h2{margin-bottom:12px;color:var(--foreground);font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.content-page section p{margin-top:12px;color:var(--foreground);font-size:16px;line-height:1.7;overflow-wrap:anywhere}.content-page section a{color:var(--primary-hover);text-decoration:underline;text-underline-offset:3px}.content-page section a:hover{color:var(--foreground)}.legal-page .content-lead{font-size:14px}@media(max-width:1023px){.guide-step{padding:24px}}@media(max-width:1000px){.header-note{display:none}}@media(max-width:767px){.page-container{width:calc(100% - 32px)}.desktop-navigation{display:none}.header-actions{margin-left:auto}.tool-intro{padding-block:40px 24px}.tool-intro h1{font-size:32px}.tool-description{font-size:16px}.tool-benefits{gap:8px 16px;margin-top:20px}.prompt-tool{grid-template-columns:minmax(0,1fr);gap:16px}.prompt-form,.prompt-result-body{padding:16px}.prompt-panel-heading{min-height:56px;padding:12px 16px}.prompt-field-footer{align-items:flex-start}.prompt-field-footer p{max-width:200px}.prompt-empty-state{min-height:240px;padding:24px}.prompt-textarea{min-height:160px}.prompt-textarea-small{min-height:112px}.guide-section,.faq-section{padding-block:64px}.section-heading h2{font-size:26px}.steps-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:32px}.example-section{padding-block:64px}.example-grid{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:32px}.example-before{padding-block:0 8px}.example-before p{max-width:none;font-size:19px}.example-before>svg{transform:rotate(90deg)}.example-after{padding:20px}.faq-list details p{padding-right:0}.related-tool{padding:16px 20px}.footer-main{flex-direction:column;align-items:flex-start;gap:24px}.footer-main nav{gap:12px 20px}.footer-bottom{flex-direction:column;gap:6px}.content-page{padding-block:40px 64px}.content-page h1{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}