.ctp-main{min-height:calc(100vh - 120px);background:var(--neutral-50)}.ctp-container{max-width:1400px;padding:0}.ctp-layout{display:grid;grid-template-columns:380px 1fr;gap:0;min-height:calc(100vh - 120px)}.ctp-sidebar{display:flex;flex-direction:column;padding:1rem 1.25rem;background:var(--background);border-right:1px solid var(--border-color);overflow-y:auto;max-height:calc(100vh - 60px);position:sticky;top:60px}.ctp-preview-panel{display:flex;flex-direction:column;padding:1rem 1.25rem;background:var(--neutral-50);position:sticky;top:60px;height:calc(100vh - 60px)}.ctp-header{padding-bottom:.75rem;border-bottom:1px solid var(--border-color);margin-bottom:.75rem}.ctp-breadcrumb{display:flex;align-items:center;gap:.375rem;font-size:11px;color:var(--neutral-400);margin-bottom:.5rem}.ctp-breadcrumb a{color:var(--neutral-500);text-decoration:none;transition:color .15s}.ctp-breadcrumb a:hover{color:var(--brand-600)}.ctp-breadcrumb-sep{color:var(--neutral-300);font-size:13px}.ctp-title{font-size:1.2rem;font-weight:var(--font-bold);color:var(--neutral-900);margin:0}.ctp-subtitle{font-size:var(--text-xs);color:var(--neutral-500);margin:.25rem 0 0}.ctp-input-section{margin-bottom:.75rem}.ctp-textarea{width:100%;min-height:100px;max-height:200px;resize:vertical;border:none;background:0 0;font-family:var(--font-sans);font-size:.85rem;line-height:1.5;color:var(--neutral-800);outline:0}.ctp-textarea::placeholder{color:var(--neutral-400)}.ctp-textarea:focus{outline:0}.ctp-input-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding:0 .25rem}.ctp-privacy-badge{display:flex;align-items:center;gap:.35rem;color:var(--success);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:.5rem}.ctp-privacy-badge svg{flex-shrink:0}.ctp-privacy-info{font-size:11px;opacity:.6;cursor:help;margin-left:.125rem}.ctp-privacy-badge:hover .ctp-privacy-info{opacity:1}.ctp-sample-btn{background:0 0;border:none;color:var(--brand-600);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;padding:0}.ctp-sample-btn:hover{color:var(--brand-700);text-decoration:underline}.ctp-skins-section{margin-bottom:.75rem;flex:1;min-height:0;display:flex;flex-direction:column}.ctp-section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-600);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.ctp-skin-grid{flex:1;overflow-y:auto;padding-right:.25rem}.ctp-skin-grid::-webkit-scrollbar{width:4px}.ctp-skin-grid::-webkit-scrollbar-track{background:0 0}.ctp-skin-grid::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:2px}.ctp-skin-grid::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.ctp-skin-group{margin-bottom:.75rem}.ctp-skin-group:last-child{margin-bottom:0}.ctp-skin-group-label{font-size:10px;font-weight:var(--font-semibold);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;padding-left:.25rem}.ctp-skin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.ctp-skin-card{display:flex;flex-direction:column;align-items:center;padding:.5rem .25rem;background:var(--background);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:.15s;text-align:center}.ctp-skin-card:hover{border-color:var(--brand-300);box-shadow:0 2px 8px rgba(0,0,0,.06)}.ctp-skin-card:focus{outline:0;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.ctp-skin-card.is-active{border-color:var(--brand-500);background:var(--brand-50)}.ctp-skin-card.is-active .ctp-skin-card-name{color:var(--brand-700);font-weight:var(--font-semibold)}.ctp-skin-card-thumb{width:100%;aspect-ratio:3/4;border-radius:4px;overflow:hidden;margin-bottom:.375rem;background:var(--neutral-100);display:flex;align-items:center;justify-content:center;position:relative}.ctp-skin-card-thumb img{width:100%;height:100%;object-fit:fill}.ctp-skin-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:var(--font-bold);color:var(--neutral-400)}.ctp-skin-card-name{font-size:10px;color:var(--neutral-700);font-weight:var(--font-medium);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ctp-skin-card.is-active .ctp-skin-card-thumb::after{content:'';position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--brand-500);border-radius:50%;border:2px solid #fff}.ctp-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 0;border-top:1px solid var(--border-color);margin-top:auto}.ctp-actions .btn{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-xs);font-weight:var(--font-medium);padding:.5rem .875rem}.ctp-actions .btn svg{flex-shrink:0}.ctp-attribution{padding:.5rem 0}.ctp-checkbox-label{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-xs);color:var(--neutral-500);cursor:pointer;user-select:none}.ctp-checkbox-label input[type=checkbox]{width:14px;height:14px;margin:0;cursor:pointer}.ctp-preview-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--background);border:1px solid var(--border-color);border-bottom:none;border-radius:10px 10px 0 0}.ctp-preview-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-600);text-transform:uppercase;letter-spacing:.04em}.ctp-preview-skin-name{font-size:var(--text-xs);color:var(--brand-600);font-weight:var(--font-medium)}.ctp-preview-container{flex:1;border:1px solid var(--border-color);border-radius:0 0 10px 10px;overflow:hidden;box-shadow:var(--shadow-sm);background:var(--background);min-height:0}.ctp-preview-frame{width:100%;height:100%;border:none;display:block}.ctp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:380px;color:var(--muted-foreground);font-family:var(--font-sans);text-align:center;padding:1.5rem}.ctp-empty-icon{font-size:2.125rem;margin-bottom:.625rem}.ctp-empty-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-600);margin-bottom:.25rem}.ctp-empty-message{font-size:var(--text-xs);color:var(--muted-foreground)}@media (max-width:1024px){.ctp-layout{grid-template-columns:340px 1fr}.ctp-skin-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.ctp-main{min-height:auto}.ctp-container{padding:0}.ctp-layout{display:flex;flex-direction:column;min-height:auto}.ctp-sidebar{position:static;max-height:none;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}.ctp-preview-panel{position:static;height:60vh;min-height:400px;padding:1rem}.ctp-skins-section{flex:none;max-height:none}.ctp-skin-grid{max-height:280px}.ctp-skin-cards{grid-template-columns:repeat(3,1fr);gap:.375rem}.ctp-skin-card{padding:.375rem .25rem}.ctp-skin-card-name{font-size:9px}.ctp-actions{justify-content:center}.ctp-actions .btn{flex:1;min-width:100px;justify-content:center}}@media (max-width:480px){.ctp-skin-cards{grid-template-columns:repeat(3,1fr)}.ctp-preview-panel{height:50vh;min-height:320px}}@media (pointer:coarse){.ctp-skin-card{min-height:70px}.ctp-actions .btn{min-height:var(--tap-target);padding:.625rem 1rem}.ctp-checkbox-label{min-height:var(--tap-target)}}.ctp-skin-dropdown{display:none}.ctp-input-bubble{background:var(--brand-50);border-radius:12px;padding:.75rem 1rem}