.detail-crumb{color:var(--catalog-muted);flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:20px;font-size:12px;display:flex}.detail-crumb .icon{width:12px;height:12px}.detail-crumb a:hover{text-decoration:underline}.detail-heading{margin-bottom:24px}.detail-heading h1{margin-bottom:10px}.detail-heading h1 span{font:500 24px var(--font-heading), sans-serif;color:var(--catalog-muted);letter-spacing:0;margin-left:14px}.detail-heading p{color:var(--catalog-muted);margin:0;font-size:13px}.detail-workspace-toolbar{border-bottom:1px solid var(--catalog-line);z-index:3;background:var(--paper);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding-block:6px;display:flex;position:sticky;top:72px}.detail-toolbar-actions{align-items:center;gap:14px;display:flex}.detail-toolbar-actions .catalog-copy{min-width:170px;padding-inline:18px}.detail-section-links{gap:24px;display:flex}.detail-section-links a{align-items:center;gap:7px;min-height:48px;font-size:13px;display:flex;position:relative}.detail-section-links a:first-child{font-weight:800}.detail-section-links a:first-child:after{content:"";background:var(--vermilion);height:3px;position:absolute;bottom:-1px;left:0;right:0}.detail-section-links a:hover{text-decoration:underline}.detail-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:24px;display:grid}#effect-preview,#effect-prompt{scroll-margin-top:100px}.detail-workspace>section:first-child{align-self:start;position:sticky;top:148px}.detail-share{position:relative}.detail-share button{min-width:125px}.detail-share-fallback{z-index:2;border:1px solid var(--catalog-line);background:var(--paper);border-radius:5px;width:min(340px,85vw);padding:16px;position:absolute;top:100%;right:0}.detail-share-fallback label{font-size:12px}.detail-share-fallback input{border:1px solid var(--catalog-line);background:var(--catalog-white);width:100%;margin-top:12px;padding:10px;font-size:13px}.detail-mobile-copy{display:none}.catalog-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1150px){.detail-workspace>section:first-child{position:static}.detail-workspace{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.detail-crumb{gap:7px;margin-bottom:20px;font-size:10px}.detail-crumb>span,.detail-crumb>.icon:last-of-type{display:none}.detail-heading h1 span{margin:6px 0 0;font-size:19px;display:block}.detail-heading p{font-size:12px;line-height:1.8}.detail-heading{margin-bottom:15px}.detail-workspace-toolbar{gap:8px;margin-bottom:15px;position:static}.detail-section-links{gap:20px}.detail-section-links a{font-size:12px}.detail-share button{min-width:44px;font-size:11px!important}.detail-share button span{max-width:90px}.detail-workspace{gap:25px}#effect-preview,#effect-prompt{scroll-margin-top:130px}.detail-mobile-copy{z-index:2;padding:12px 20px max(12px, env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--catalog-line);align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.detail-mobile-copy .catalog-copy{flex:1}.detail-mobile-copy>span{color:var(--catalog-muted);white-space:nowrap;font-size:11px}.effect-detail{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.detail-desktop-copy{display:none}.catalog:has(.effect-detail) .catalog-footer{padding-bottom:calc(95px + env(safe-area-inset-bottom))}}@media (max-width:360px){.detail-mobile-copy{gap:10px;padding-inline:16px}.detail-mobile-copy>span{font-size:10px}.detail-section-links{gap:12px}.detail-section-links .icon{width:14px;height:14px}}
.detail-control-panel{background:#f2e2d2;border-radius:10px;min-width:0;padding:20px}.detail-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.detail-panel-heading h2{margin:0;font-size:17px}.detail-config-note{color:var(--catalog-muted);min-height:1.6em;margin:10px 0 24px;font-size:11px}.detail-parameter-group{border:0;border-top:1px solid var(--catalog-line);gap:14px;margin:0 0 24px;padding:18px 0 0;display:grid}.detail-parameter-group legend{padding:0 10px 0 0;font-size:12px;font-weight:700}.detail-prompt-summary{border-top:1px solid var(--catalog-line);padding-top:20px}.detail-prompt-summary>label{justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.detail-prompt-summary p{color:var(--catalog-muted);margin:16px 0;font-size:12px}.detail-prompt-summary .catalog-text-button{width:100%}.detail-prompt-section{border-top:1px solid var(--catalog-line);margin-top:32px;padding-top:24px}.detail-prompt-section summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:44px;list-style:none;display:flex}.detail-prompt-section summary::-webkit-details-marker{display:none}.detail-prompt-section[open] summary .icon{transform:rotate(180deg)}.detail-prompt-section h2{margin:0;font-size:17px}.detail-prompt-section p{max-width:72ch;color:var(--catalog-muted);font-size:13px;line-height:1.9}.detail-prompt-label{margin:24px 0 8px;font-size:12px;display:block}.detail-prompt-section textarea{resize:vertical;border:1px solid var(--catalog-line);background:#fff9ef73;width:100%;min-height:340px;padding:18px;font-size:14px;line-height:1.8}.detail-prompt-actions{justify-content:space-between;gap:16px;margin-top:12px;display:flex}.detail-prompt-actions .catalog-copy{width:240px}.detail-copy-feedback{color:var(--ink);border:1px solid var(--catalog-line);border-radius:5px;padding:12px 16px;font-size:13px}@media (max-width:1150px) and (min-width:761px){.detail-control-panel{grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);gap:30px;display:grid}.detail-prompt-summary{border-top:0;align-self:start;padding-top:0}}@media (max-width:760px){.detail-control-panel{padding:18px}.detail-prompt-section{margin-top:26px}.detail-prompt-section textarea{min-height:420px;padding:14px;font-size:16px}.detail-prompt-actions{flex-wrap:wrap}.detail-prompt-actions .catalog-copy{display:none}}