.sidebar{width:var(--sidebar-width);border-right:1px solid var(--color-border);background:var(--color-background);height:100vh;padding:var(--space-4);flex-direction:column;display:flex;position:sticky;top:0}.sidebar-top{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);display:flex}.sidebar-logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.03em}.sidebar-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);transition:background var(--transition-fast);justify-content:center;align-items:center;display:none}.sidebar-close:hover{background:var(--color-gray-100)}.sidebar-nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);min-height:44px;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);display:flex}.sidebar-link:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.sidebar-link.active{background:var(--color-blue-50);color:var(--color-primary)}.sidebar-footer{border-top:1px solid var(--color-border);padding-top:var(--space-4)}@media (width<=1024px){.sidebar{z-index:50;transition:transform var(--transition-slow);box-shadow:none;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-close{display:flex}}.header{height:var(--header-height);border-bottom:1px solid var(--color-border);background:var(--color-background);z-index:10;position:sticky;top:0}.header-inner{height:100%;padding:0 var(--space-6);justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;display:flex}.header-menu{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);transition:background var(--transition-fast);justify-content:center;align-items:center;display:none}.header-menu:hover{background:var(--color-gray-100)}.header-right{align-items:center;gap:var(--space-4);display:flex}.header-avatar{border-radius:var(--radius-full);background:var(--color-gray-100);width:36px;height:36px;color:var(--color-gray-500);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex}.header-avatar:hover{background:var(--color-gray-200)}@media (width<=1024px){.header-menu{display:flex}}.layout{min-height:100vh;display:flex}.layout-main{flex-direction:column;flex:1;min-width:0;display:flex}.layout-content{padding:var(--space-8);max-width:var(--content-max-width);flex:1;width:100%;margin:0 auto}.page-enter{animation:pageEnter var(--transition-slow) ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-overlay{display:none}@media (width<=1024px){.layout-content{padding:var(--space-4)}.sidebar-overlay{z-index:49;animation:fadeIn var(--transition-base) ease-out;background:#0000004d;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);font-weight:var(--font-semibold);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--color-gray-100);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-200)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-text-primary)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-md{height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.card-padding-sm{padding:var(--space-4)}.card-padding-md{padding:var(--space-6)}.card-padding-lg{padding:var(--space-8)}.card-hoverable{cursor:pointer}.card-hoverable:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.dashboard{gap:var(--space-10);flex-direction:column;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.dashboard-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.03em;line-height:1.2}.dashboard-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:var(--space-2)}.channel-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.channel-card{text-align:left;align-items:center;gap:var(--space-4);flex-direction:row;display:flex}.channel-card h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.channel-card p{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.channel-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.channel-threads{background:var(--color-gray-900);color:#fff}.channel-instagram{color:#fff;background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.channel-x{background:var(--color-gray-900);color:#fff}.channel-naver{color:#fff;background:#03c75a}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-10) 0;flex-direction:column;display:flex}.empty-state-text{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary)}.empty-state-description{font-size:var(--text-sm);color:var(--color-text-tertiary)}.recent-list{gap:var(--space-3);flex-direction:column;display:flex}.recent-item{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.recent-item-info{flex:1;min-width:0}.recent-item-text{font-size:var(--text-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-item-meta{gap:var(--space-3);margin-top:var(--space-1);display:flex}.recent-item-type,.recent-item-tone,.recent-item-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.recent-item-tone{color:var(--color-primary)}.recent-item-delete{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-tertiary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.recent-item-delete:hover{background:var(--color-error);color:#fff}@media (width<=1024px){.dashboard-header{flex-direction:column}.channel-grid{grid-template-columns:1fr}}.content-new{gap:var(--space-6);flex-direction:column;display:flex}.page-header{margin-bottom:var(--space-2)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.03em}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.input-tabs{gap:var(--space-1);background:var(--color-gray-100);padding:var(--space-1);border-radius:var(--radius-lg);width:fit-content;display:flex}.tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:all var(--transition-fast)}.tab:hover{color:var(--color-text-primary)}.tab.active{background:var(--color-background);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.input-area{gap:var(--space-3);flex-direction:column;display:flex}.text-input{width:100%;min-height:280px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--text-base);color:var(--color-text-primary);resize:vertical;transition:border-color var(--transition-fast);line-height:1.7}.text-input:focus{border-color:var(--color-primary);background:var(--color-background)}.text-input::placeholder{color:var(--color-text-tertiary)}.input-footer{justify-content:flex-end;display:flex}.url-input-group{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--transition-fast);display:flex}.url-input-group:focus-within{border-color:var(--color-primary);background:var(--color-background)}.url-icon{color:var(--color-text-tertiary);flex-shrink:0}.url-input{color:var(--color-text-primary);font-size:var(--text-base);background:0 0;flex:1}.url-input::placeholder{color:var(--color-text-tertiary)}.input-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.file-drop{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-8);border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.file-drop:hover{border-color:var(--color-primary);background:var(--color-blue-50)}.file-drop-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.file-drop-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.content-analyze{gap:var(--space-8);flex-direction:column;display:flex}.analyze-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.analyze-section{gap:var(--space-3);flex-direction:column;display:flex}.analyze-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.analyze-placeholder{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.6}.analyze-text{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.7}.skeleton-group{gap:var(--space-3);flex-direction:column;display:flex}.keyword-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.keyword-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-blue-50);color:var(--color-primary);display:inline-flex}.keyword-tag.placeholder{background:var(--color-gray-100);color:var(--color-text-tertiary)}.tone-grid{gap:var(--space-3);grid-template-columns:repeat(5,1fr);display:grid}.tone-card{gap:var(--space-1);text-align:center;padding:var(--space-5) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-background);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.tone-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.tone-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tone-selected{border-color:var(--color-primary);background:var(--color-blue-50);box-shadow:0 0 0 1px var(--color-primary)}.tone-selected .tone-label{color:var(--color-primary)}.tone-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.tone-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}@media (width<=1024px){.analyze-grid{grid-template-columns:1fr}.tone-grid{grid-template-columns:repeat(2,1fr)}}.content-convert{gap:var(--space-6);flex-direction:column;display:flex}.channel-select-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.channel-select-item{align-items:center;gap:var(--space-4);display:flex}.channel-check{border-radius:var(--radius-md);border:2px solid var(--color-gray-300);width:24px;height:24px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.channel-selected .channel-check{border-color:var(--color-primary);background:var(--color-blue-50)}.channel-selected{border-color:var(--color-primary)!important;background:var(--color-blue-50)!important}.channel-select-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.channel-select-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}@media (width<=1024px){.channel-select-grid{grid-template-columns:1fr}}.preview-empty{text-align:center;color:var(--color-text-tertiary);padding:var(--space-10)}.editable-text{cursor:text;border-radius:var(--radius-md);transition:background var(--transition-fast)}.editable-text:hover{background:var(--color-blue-50)}.preview-edit-textarea{width:100%;min-height:80px;padding:var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-background);font-size:var(--text-sm);color:var(--color-text-primary);resize:vertical;font-family:inherit;line-height:1.6}.preview-edit-input{width:100%;padding:var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-background);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:inherit}.naver-edit-body{min-height:200px}.char-indicator{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:right;margin-top:var(--space-1);font-variant-numeric:tabular-nums;display:block}.preview-hashtags{gap:var(--space-2);padding:var(--space-4);font-size:var(--text-xs);color:var(--color-primary);flex-wrap:wrap;display:flex}.threads-preview{gap:var(--space-3);flex-direction:column;display:flex}.thread-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.thread-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.thread-avatar{border-radius:var(--radius-full);background:var(--color-gray-200);width:36px;height:36px}.thread-username{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.thread-time{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-left:var(--space-2)}.thread-meta{align-items:baseline;display:flex}.thread-text{font-size:var(--text-sm);color:var(--color-text-primary);white-space:pre-wrap;line-height:1.6}.thread-actions{gap:var(--space-6);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.instagram-preview{gap:var(--space-4);flex-direction:column;display:flex}.insta-slide-content{aspect-ratio:1;border-radius:var(--radius-xl);max-height:400px;padding:var(--space-8);text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.insta-slide-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.insta-slide-body{font-size:var(--text-sm);opacity:.9;line-height:1.6}.insta-slide-nav{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-3);display:flex}.insta-slide-nav button{border-radius:var(--radius-full);background:var(--color-gray-100);width:32px;height:32px;color:var(--color-text-primary);transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex}.insta-slide-nav button:hover:not(:disabled){background:var(--color-gray-200)}.insta-slide-nav button:disabled{opacity:.3;cursor:not-allowed}.insta-slide-count{font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.insta-caption{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg)}.insta-caption h4{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.insta-caption p{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:pre-wrap;line-height:1.6}.x-preview{gap:var(--space-3);flex-direction:column;display:flex}.tweet-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.tweet-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.tweet-avatar{border-radius:var(--radius-full);background:var(--color-gray-200);width:40px;height:40px}.tweet-name{font-size:var(--text-sm);font-weight:var(--font-semibold)}.tweet-handle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-left:var(--space-1)}.tweet-meta{align-items:baseline;display:flex}.tweet-text{font-size:var(--text-sm);color:var(--color-text-primary);white-space:pre-wrap;line-height:1.5}.tweet-actions{gap:var(--space-6);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.naver-preview{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.naver-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.naver-blog-bar{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:#03c75a;display:flex}.naver-article{padding:var(--space-6)}.naver-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);line-height:1.4}.naver-body{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.8}.naver-body h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:var(--space-6) 0 var(--space-3)}.naver-body h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin:var(--space-4) 0 var(--space-2)}.naver-body p{margin-bottom:var(--space-3)}.naver-tags{gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.naver-tag{font-size:var(--text-xs);color:#03c75a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#03c75a14}.content-preview{gap:var(--space-6);flex-direction:column;display:flex}.preview-tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);display:flex}.preview-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:all var(--transition-fast);border-bottom:2px solid #0000;margin-bottom:-1px}.preview-tab:hover{color:var(--color-text-primary)}.preview-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.preview-area{min-height:400px}.preview-placeholder{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:320px;display:flex}.preview-placeholder-text{font-size:var(--text-sm);color:var(--color-text-tertiary)}.export-actions{gap:var(--space-3);display:flex}.action-bar{padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;display:flex}.content-detail{gap:var(--space-6);flex-direction:column;display:flex}.detail-section{gap:var(--space-3);flex-direction:column;display:flex}.detail-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.detail-text{font-size:var(--text-sm);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.7}.detail-analysis{gap:var(--space-4);flex-direction:column;display:flex}.detail-meta-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.detail-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.detail-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-blue-50);color:var(--color-primary)}.detail-tone{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary)}.detail-conversions{gap:var(--space-4);flex-direction:column;display:flex}.section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.action-bar{padding-top:var(--space-4);justify-content:space-between;display:flex}@media (width<=1024px){.detail-meta-row{grid-template-columns:1fr}}.quick-create{gap:var(--space-6);flex-direction:column;display:flex}.quick-steps{align-items:center;gap:var(--space-8);padding:var(--space-4) 0;display:flex}.quick-step{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);display:flex}.quick-step.active{color:var(--color-primary)}.quick-step-dot{border-radius:var(--radius-full);border:2px solid var(--color-border);width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:center;align-items:center;display:flex}.quick-step.active .quick-step-dot{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.quick-textarea{width:100%;min-height:200px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--text-base);color:var(--color-text-primary);resize:vertical;transition:border-color var(--transition-fast);font-family:inherit;line-height:1.7}.quick-textarea:focus{border-color:var(--color-primary);background:var(--color-background);outline:none}.quick-textarea::placeholder{color:var(--color-text-tertiary)}.quick-textarea-footer{margin-top:var(--space-2);justify-content:flex-end;display:flex}.char-count{font-size:var(--text-xs);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.quick-channels{align-items:center;gap:var(--space-4);display:flex}.quick-channels-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap}.quick-channel-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.quick-pill{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:all var(--transition-fast)}.quick-pill:hover{border-color:var(--color-gray-300)}.quick-pill.active{border-color:var(--color-primary);background:var(--color-blue-50);color:var(--color-primary)}.quick-generate-btn{align-self:stretch;height:56px!important;font-size:var(--text-lg)!important}.quick-loading{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-20) 0;text-align:center;flex-direction:column;display:flex}.quick-loading h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.quick-loading-sub{font-size:var(--text-sm);color:var(--color-text-tertiary)}.quick-spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quick-result-tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);display:flex}.quick-actions{gap:var(--space-3);display:flex}.error-message{color:var(--color-error);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:#f0445214}@media (width<=1024px){.quick-channels{flex-direction:column;align-items:flex-start}}.settings,.settings-section{gap:var(--space-6);flex-direction:column;display:flex}.settings-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.settings-field{gap:var(--space-2);flex-direction:column;display:flex}.settings-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.settings-input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--text-base);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.settings-input:focus{border-color:var(--color-primary);background:var(--color-background)}.settings-input::placeholder{color:var(--color-text-tertiary)}.settings-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.settings-tone-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.settings-tone-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:all var(--transition-fast)}.settings-tone-btn:hover{border-color:var(--color-gray-300)}.settings-tone-btn.active{border-color:var(--color-primary);background:var(--color-blue-50);color:var(--color-primary)}.settings-info-grid{gap:var(--space-3);flex-direction:column;display:flex}.settings-info-item{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;display:flex}.settings-info-item:last-child{border-bottom:none}.settings-info-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.settings-info-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.settings-actions{justify-content:flex-end;display:flex}.not-found{justify-content:center;align-items:center;min-height:60vh;display:flex}.not-found-content{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.not-found-code{font-size:5rem;font-weight:var(--font-bold);color:var(--color-gray-200);letter-spacing:-.04em;line-height:1}.not-found-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.not-found-desc{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:320px}:root{--color-blue-50:#e8f3ff;--color-blue-100:#c9e2ff;--color-blue-200:#90c2ff;--color-blue-300:#64a8ff;--color-blue-400:#4593fc;--color-blue-500:#3182f6;--color-blue-600:#2272eb;--color-blue-700:#1b64da;--color-blue-800:#1957c2;--color-blue-900:#194aa6;--color-gray-50:#f9fafb;--color-gray-100:#f2f4f6;--color-gray-200:#e5e8eb;--color-gray-300:#d1d6db;--color-gray-400:#b0b8c1;--color-gray-500:#8b95a1;--color-gray-600:#6b7684;--color-gray-700:#4e5968;--color-gray-800:#333d4b;--color-gray-900:#191f28;--color-primary:var(--color-blue-500);--color-primary-hover:var(--color-blue-600);--color-background:#fff;--color-surface:var(--color-gray-50);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--color-border:var(--color-gray-200);--color-success:#03b26c;--color-warning:#f59f00;--color-error:#f04452;--font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-lg:0 4px 12px #00000014, 0 1px 3px #0000000a;--shadow-xl:0 8px 24px #0000001f, 0 2px 8px #0000000a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--sidebar-width:240px;--header-height:56px;--content-max-width:960px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#4593fc;--color-primary-hover:#64a8ff;--color-background:#17191c;--color-surface:#1e2024;--color-text-primary:#e4e5e7;--color-text-secondary:#9a9ca0;--color-text-tertiary:#6b6e73;--color-border:#2c2e33;--color-blue-50:#3182f61f;--color-gray-50:#1e2024;--color-gray-100:#25272c;--color-gray-200:#2c2e33;--color-gray-300:#3a3d44;--color-gray-900:#e4e5e7;--shadow-sm:0 1px 2px #0003;--shadow-md:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-lg:0 4px 12px #0000004d, 0 1px 3px #0003;--shadow-xl:0 8px 24px #0006, 0 2px 8px #0003}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);font-weight:var(--font-regular);color:var(--color-text-primary);background-color:var(--color-background);letter-spacing:-.02em;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}ul,ol{list-style:none}img,svg{max-width:100%;display:block}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-200) 50%, var(--color-gray-100) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{width:100%;height:14px}.skeleton-text-sm{width:60%;height:12px}.skeleton-title{width:40%;height:24px}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-card{height:80px}