.catalog-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,366px);grid-template-rows:auto minmax(0,1fr) auto;gap:18px 28px;height:100dvh;min-height:560px;margin:0;padding:0 20px 24px;color:var(--text-primary);font-family:var(--font-sans)}.catalog-studio .catalog-layout{display:contents}.catalog-studio .cc-skill-layout-heading{grid-area:1 / 1}.catalog-studio .cc-skill-layout-heading>p{margin-top:10px}.catalog-studio .cc-skill-layout-preview{grid-area:2 / 1;padding:0;overflow:hidden;container-type:size}.catalog-studio .cc-skill-layout-example{width:min(100%,calc((100cqh - 44px) * var(--example-aspect)));max-width:100%}.catalog-studio .cc-skill-layout-example .cc-video-media{max-height:calc(100cqh - 44px);border-radius:16px}.catalog-studio .cc-skill-layout-panel{grid-column:2;grid-row:1 / 4}.ugc-selected-title{margin:0 0 2px;font-size:15px;font-weight:600}.ugc-hint,.ugc-cost,.ugc-error{margin:0;font-size:12px;line-height:1.5}.ugc-hint{color:var(--text-secondary)}.ugc-cost{color:var(--text-tertiary);font-size:11px}.ugc-error{color:var(--danger, #d44141);overflow-wrap:anywhere}.ugc-details{border-top:1px solid var(--divider-strong);padding-top:12px}.ugc-details summary{cursor:pointer;font-size:13px;color:var(--text-secondary)}.ugc-details>div{display:flex;flex-direction:column;gap:14px;margin-top:14px}@media(max-width:900px){.catalog-studio{grid-template-columns:minmax(0,1fr) minmax(270px,320px);gap:16px;padding:0 16px 20px}}@media(max-width:700px){.catalog-studio{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;height:auto;min-height:100dvh;padding:16px 12px}.catalog-studio .cc-skill-layout-preview{grid-area:2 / 1;container-type:normal}.catalog-studio .cc-skill-layout-example{width:min(100%,calc(45dvh * var(--example-aspect)))}.catalog-studio .cc-skill-layout-example .cc-video-media{max-height:45dvh}.catalog-studio .cc-skill-layout-panel{grid-area:4 / 1}}.catalog-studio .cc-video-frame{background:transparent}.selected-case{font-weight:600;margin:0}.error{color:#b91c1c;font-size:13px}.estimate{font-size:11px;line-height:1.5;opacity:.68;margin-top:8px}.catalog-studio>.cc-skill-style-picker{grid-area:3 / 1}.catalog-duration-question{display:flex;flex-direction:column;gap:10px}.catalog-duration-question label[for=custom-duration]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.catalog-duration-question .skill-field .skill-field-input:focus-visible{border-color:var(--primary);outline:none;outline-offset:0;box-shadow:none}.catalog-duration-question .skill-field .skill-field-input[aria-invalid=true]{border-color:var(--destructive)}.catalog-duration-question .skill-choice>input:focus-visible+span{border-color:var(--primary);outline:none;outline-offset:0;box-shadow:inset 0 0 0 1px var(--primary)}