.PromptDetail{padding:var(--section-padding) var(--space-6);max-width:var(--max-width-reading);margin:0 auto}.PromptDetail-inner{max-width:100%}.PromptDetail-breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--font-size-sm);flex-wrap:wrap}.PromptDetail-breadcrumb-link{color:var(--color-text-muted);text-decoration:none;transition:var(--transition-all)}.PromptDetail-breadcrumb-link:hover{color:var(--color-primary);text-decoration:underline}.PromptDetail-breadcrumb-separator{color:var(--color-text-muted)}.PromptDetail-breadcrumb-current{color:var(--color-text);font-weight:var(--font-weight-medium)}.PromptDetail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);gap:var(--space-4);flex-wrap:wrap}.PromptDetail-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.PromptDetail-intro{margin-bottom:var(--space-6)}.PromptDetail-intro p{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-relaxed);margin:0 0 var(--space-3) 0}.PromptDetail-intro p:last-child{margin-bottom:0}.PromptDetail-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-6);background:var(--color-bg-soft);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.PromptDetail-metric{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.PromptDetail-metric-icon{font-size:var(--font-size-xl);line-height:1}.PromptDetail-metric-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.PromptDetail-metric-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.PromptDetail-box{background-color:var(--color-bg-soft);border:2px solid var(--color-primary-20);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:0 2px 8px rgba(0,0,0,.04)}@media (min-width:768px){.PromptDetail-box{padding:var(--space-8)}}.PromptDetail-box-header{justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap}.PromptDetail-box-actions,.PromptDetail-box-header{display:flex;align-items:center;gap:var(--space-3)}.PromptDetail-demo-button{min-height:44px}.PromptDetail-box-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.PromptDetail-copy-button{padding:var(--space-3) var(--space-5);background-color:var(--color-primary);color:var(--color-bg);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.PromptDetail-copy-button:hover{background-color:var(--color-primary-70);color:var(--color-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.PromptDetail-box-content{font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);padding:var(--space-6);border-radius:var(--radius-sm);margin:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;line-height:var(--line-height-relaxed)}@media (max-width:480px){.PromptDetail-box-content{font-size:var(--font-size-base);padding:var(--space-4);line-height:1.6}}.PromptDetail-section{margin-bottom:var(--space-8)}.PromptDetail-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-6)}.PromptDetail-steps{list-style:decimal;padding-left:var(--space-6);margin:0}.PromptDetail-steps li{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.PromptDetail-steps li:last-child{margin-bottom:0}.PromptDetail-steps strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.PromptDetail-example,.PromptDetail-example p{margin-bottom:var(--space-4)}.PromptDetail-example p{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-relaxed)}.PromptDetail-example-box{background-color:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);margin:var(--space-4) 0}.PromptDetail-example-text{font-style:italic;margin:0;line-height:var(--line-height-relaxed)}.PromptDetail-example-note,.PromptDetail-example-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.PromptDetail-example-note{margin:var(--space-4) 0 0 0}.PromptDetail-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));grid-gap:var(--space-4);gap:var(--space-4)}.PromptDetail-related-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);text-decoration:none;transition:var(--transition-all);display:flex;flex-direction:column}.PromptDetail-related-card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-sm)}.PromptDetail-related-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight)}.PromptDetail-related-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-3) 0;line-height:var(--line-height-relaxed);flex:1 1}.PromptDetail-related-link{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:auto}.PromptDetail-related-card:hover .PromptDetail-related-link{color:var(--color-primary-dark);text-decoration:underline}.PromptDetail-category-links{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.PromptDetail-category-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-all);display:inline-block;text-align:center}.PromptDetail-category-link:hover{background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary-dark)}.PromptDetail-premium{text-align:center;margin-top:var(--space-12);padding:var(--space-6);background:var(--color-bg-muted);border-radius:var(--radius-md);border:1px solid var(--color-border)}.PromptDetail-premium-text{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--space-4);font-weight:var(--font-weight-medium)}.PromptDetail-premium-cta{display:inline-block}.PromptDetail-cta{text-align:center;margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.PromptDetail-cta-link{display:inline-block;color:var(--color-primary);text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);transition:var(--transition-all)}.PromptDetail-cta-link:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width:768px){.PromptDetail{padding:var(--space-6) var(--space-4)}.PromptDetail-title{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin-bottom:var(--space-3)}.PromptDetail-header{flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.PromptDetail-box{padding:var(--space-4);margin-bottom:var(--space-6)}.PromptDetail-box-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.PromptDetail-box-actions{width:100%;flex-direction:column;gap:var(--space-2)}.PromptDetail-copy-button{width:100%;min-height:44px}.PromptDetail-box-content{font-size:var(--font-size-base);padding:var(--space-4);line-height:var(--line-height-relaxed)}.PromptDetail-related{grid-template-columns:1fr;gap:var(--space-3)}.PromptDetail-steps{padding-left:var(--space-5)}.PromptDetail-metrics{grid-template-columns:repeat(2,1fr);gap:var(--space-3);padding:var(--space-4)}}@media (max-width:480px){.PromptDetail-section-title,.PromptDetail-title{font-size:var(--font-size-xl)}}.SavePromptButton{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base);text-decoration:none}.SavePromptButton:hover:not(:disabled){background:var(--color-bg-soft);border-color:var(--color-primary);color:var(--color-primary)}.SavePromptButton:disabled{opacity:.6;cursor:not-allowed}.SavePromptButton-saved{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.SavePromptButton-saved:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.SavePromptButton-guest{background:var(--color-bg-soft);color:var(--color-text-muted)}.SavePromptButton-guest:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.SavePromptButton-icon{font-size:var(--font-size-base);line-height:1}.SavePromptButton-label{font-size:var(--font-size-sm)}