.timeline-container{width:100%;background-color:#ffffff;margin-top:24px}.timeline-steps{gap:37px}.timeline-step,.timeline-steps{display:flex;flex-direction:column;min-width:0;width:100%}.timeline-step{padding:15px 19px 18px;align-items:stretch;border-radius:15px;border:1px solid var(--stroke_box,#cbd5e1);background:var(--absolute-white,#FFF);box-shadow:0 1px 6px 0 rgba(0,0,0,.1);box-sizing:border-box;position:relative}.timeline-step:after{content:"";position:absolute;left:36px;top:calc(100% + 7px);width:2px;height:23px;background-color:#CBD5E1}.timeline-step-completed:after{background-color:#007AFF}.timeline-step:last-child:after{display:none}.timeline-step-waiting{opacity:.6}.timeline-step-header{display:flex;align-items:center;gap:13px;cursor:pointer;transition:background-color .2s ease;padding:0}.timeline-step-header:hover{opacity:.85}.timeline-step-icon{display:flex;width:34px;height:34px;justify-content:center;align-items:center;flex-shrink:0}.timeline-step-waiting .timeline-icon-svg{background-color:#E5E7EB}.timeline-step-title{display:flex;flex-direction:column;align-items:flex-start;flex:1}.timeline-step-number{color:var(--gray2,#808080);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.timeline-step-main-title{color:var(--black,#22202A);font-family:Pretendard;font-size:16px;font-style:normal;font-weight:600;line-height:21px;margin:0}.timeline-arrow{transition:transform .2s ease;flex-shrink:0;color:#6b7280}.timeline-arrow.expanded{transform:rotate(180deg)}.timeline-step-body{margin-top:18px;overflow:hidden;transition:max-height .7s ease,opacity .2s ease}.timeline-divider{width:100%;height:1px;background-color:rgba(187,187,187,.5);margin-bottom:18px}.timeline-icon-container{display:flex;flex-direction:column;align-items:center;margin-right:.5rem}.timeline-icon{position:relative;border-radius:50%}.timeline-icon,.timeline-icon-svg{display:flex;align-items:center;justify-content:center}.timeline-icon-svg{width:34px;height:34px;padding:6px;gap:10px;border-radius:50px;background:var(--blue,#007AFF)}.timeline-icon-spinner{position:relative;display:flex;justify-content:center;align-items:center;width:34px;height:34px}.timeline-spinner-center{position:absolute;width:18px;height:18px;background:#007AFF;border-radius:50%;z-index:3}.timeline-spinner-middle{position:absolute;width:24px;height:24px;background:white;border-radius:50%;z-index:2}.timeline-spinner{position:absolute;width:34px;height:34px;border:2px solid #b3d7ff;border-top-color:#007aff;border-radius:50%;animation:spin 1s linear infinite;z-index:1}.timeline-connector{width:2px;background-color:#e5e7eb;height:20px;margin-top:5px;margin-left:16px}.timeline-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;align-self:stretch}.timeline-content-progress{background-color:#ffffff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.timeline-title{font-weight:700;flex:1;margin-right:.5rem;font-size:.95rem}.timeline-title-progress{color:#1f2937}.timeline-title-waiting{color:#6b7280}.timeline-status{font-size:.75rem;font-weight:500;padding:0;border-radius:9999px;flex-shrink:0}.timeline-status-completed{color:#059669;background-color:#dcfce7}.timeline-status-progress{color:#2563eb;background-color:#dbeafe}.timeline-status-waiting{color:#6b7280;background-color:#f3f4f6}.timeline-content-text{color:var(--gray2,#808080);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.timeline-step1-detail-box{display:flex;padding-left:5px;flex-direction:column;align-items:flex-start;gap:7px;align-self:stretch}.timeline-detail-box{background-color:#FFF;overflow:hidden;word-wrap:break-word;white-space:normal;min-width:0;width:100%;max-width:100%}.timeline-detail-loading{overflow:hidden}.timeline-step1-detail-content{display:flex;align-items:center;gap:9px;align-self:stretch}.section-number-badge{width:21px;height:21px;padding:1px 7px;justify-content:center;align-items:center;border-radius:10.5px;background:var(--light2,#F4F2F1);flex-shrink:0;color:var(--black,#22202A);text-align:center;font-family:Pretendard;font-size:11px;font-style:normal;font-weight:500;line-height:normal}.section-content-box,.section-number-badge{display:flex;flex-direction:column;gap:10px}.section-content-box{padding:12px 16px 12px 15px;align-items:flex-start;flex:1 0 0;border-radius:9px;border:1px solid var(--stroke_box,#cbd5e1);background:var(--absolute-white,#FFF)}.section-name{color:var(--gray1,#4C4C4C)}.section-description,.section-name{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.section-description{color:var(--gray3,#BBB);align-self:stretch}.timeline-step2-detail-content,.timeline-step3-detail-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;align-self:stretch}.voc-reviews-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:.75rem}.voc-review-category{width:100%;padding:12px 16px 12px 15px;border-radius:9px;border:1px solid var(--stroke_box,#cbd5e1);background:var(--absolute-white,#FFF)}.voc-review-category,.voc-review-content{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.voc-review-content{justify-content:center;align-self:stretch}.voc-category-title{color:var(--gray1,#4C4C4C);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:600;line-height:18px;margin:0}.voc-quote-container{display:flex;align-items:flex-start;margin-bottom:1rem}.voc-quote-bar{width:3px;background-color:#dbeafe;border-radius:2px;margin-right:.75rem;flex-shrink:0;min-height:3rem}.voc-quote-text{color:var(--gray2,#808080);font-family:Pretendard;font-size:11px;font-style:normal;font-weight:500;line-height:normal}.voc-hashtags{display:flex;flex-wrap:wrap;gap:11px}.voc-hashtag{display:flex;padding:var(--padding-y-badge-small-padding-y,3px) var(--padding-x-badge-small-padding-x,7px);justify-content:center;align-items:center;border-radius:11px;background:rgba(187,187,187,.3);color:var(--gray1,#4C4C4C);font-family:Pretendard;font-size:11px;font-style:normal;font-weight:500;line-height:normal}.voc-no-reviews{text-align:center;padding:2rem 1rem;background-color:#f9fafb;border-radius:.5rem;border:1px dashed #d1d5db}.voc-no-reviews-text{color:#6b7280;font-size:.875rem;margin:0;font-style:italic}.timeline-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:100%}.timeline-step3-color{display:grid;width:100%;height:60px;padding:12px 16px 12px 15px;row-gap:10px;column-gap:10px;flex-shrink:0;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));border-radius:9px;border:1px solid var(--stroke_box,#cbd5e1);background:var(--absolute-white,#FFF);cursor:pointer;transition:all .2s ease}.timeline-step3-color:hover{border-color:#22202A;background:#F9FAFB}.timeline-step3-color-temp{display:flex;align-items:center;gap:10px;flex:1 0 0;align-self:stretch;grid-row:1/span 1;grid-column:1/span 1}.timeline-step3-color-box{width:36px;height:36px;border-radius:6px}.timeline-step3-color-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.timeline-step3-color-text-title{color:var(--gray1,#4C4C4C)}.timeline-step3-color-text-description,.timeline-step3-color-text-title{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.timeline-step3-color-text-description{color:var(--gray3,#BBB)}.colorPopover{position:fixed;z-index:1000;animation:popIn .2s ease-out}.popoverHeader{display:flex;width:266px;height:47px;padding:12px 12px 9px;align-items:flex-start;align-self:stretch;border-radius:10px 10px 0 0;background:#FFF;border:1px solid var(--stroke_box,#cbd5e1);border-bottom:1px solid #bbb}.popoverHeaderContent{align-items:center;gap:28px}.popoverHeaderContent,.popoverTitle{display:flex;justify-content:center;align-self:stretch}.popoverTitle{width:193px;flex-direction:column;color:var(--gray1,#4C4C4C);font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:26px}.popoverClose{background:none;border:none;cursor:pointer;transition:background-color .2s;line-height:1}.popoverClose:hover{background-color:#f3f4f6;color:#22202A}.popoverContent{display:flex;width:266px;padding:15px 14px;flex-direction:column;align-items:flex-start;gap:15px;border-radius:0 0 10px 10px;background:#FFF;border:1px solid var(--stroke_box,#cbd5e1);border-top:0;box-sizing:border-box}.gradientArea{width:100%;height:238px;border-radius:8px;position:relative;cursor:crosshair;box-shadow:0 2px 8px rgba(0,0,0,.1)}.gradientCursor{position:absolute;width:16px;height:16px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 2px 4px rgba(0,0,0,.3)}.hueSliderArea{width:100%;height:20px;position:relative}.hueSlider{width:100%;height:14px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(180,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%));border-radius:50px;outline:none;cursor:pointer}.hueSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border:2px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.hueSlider::-moz-range-thumb{width:14px;height:14px;background:white;border:2px solid #22202a;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.hexInputContainer{display:flex;align-items:center;gap:9px;width:100%}.currentColorBox{width:30px;height:30px;border-radius:6px;flex-shrink:0;border:1px solid #cbd5e1}.hexInputArea{flex:1;min-width:0}.hexInput{width:100%;text-transform:uppercase;letter-spacing:1px;box-sizing:border-box;height:30px;padding:10px 15px;border-radius:6px;border:1px solid var(--stroke_box,#cbd5e1);color:var(--black,#22202A);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.hexInput:focus{outline:none;border-color:#22202A;box-shadow:0 0 0 3px rgba(34,32,42,.1)}.hexInput::placeholder{color:#BBBBBB;text-transform:uppercase}.hexReset{display:flex;padding:0 2px;align-items:center;gap:5px;cursor:pointer}.hexReset:hover{opacity:.7}.hexResetIcon{display:flex;width:12px;height:12px;padding:1.012px 1.013px 1.012px 1.012px;justify-content:center;align-items:center;aspect-ratio:1/1}.hexResetText{color:var(--black,#22202A);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.timeline-step5-detail-container{display:flex;border-radius:9px;border:1px solid var(--stroke_box,#cbd5e1);background:var(--absolute-white,#FFF);width:100%;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:10px}.timelin-step5-detail-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;align-self:stretch}.progress-header{color:var(--gray1,#4C4C4C);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:600;line-height:18px}.progress-bar-container{display:flex;flex-direction:column;align-items:flex-start;gap:7px;align-self:stretch}.progress-bar-text{color:var(--black,#22202A);font-family:Pretendard;font-size:32px;font-style:normal;font-weight:400;line-height:normal}.progress-bar{width:100%;height:7px;border-radius:4px;display:flex;gap:1px}.progress-bar,.progress-segment{background-color:#e5e7eb;overflow:hidden}.progress-segment{height:100%;position:relative}.progress-segment:first-child{border-radius:4px 0 0 4px}.progress-segment:last-child{border-radius:0 4px 4px 0}.progress-fill-text{background-color:#007AFF;opacity:.6}.progress-fill-image,.progress-fill-text{position:absolute;top:0;left:0;height:100%;transition:width .3s ease}.progress-fill-image{background-color:#34C759;opacity:.7}.progress-fill-gif{position:absolute;top:0;left:0;height:100%;background-color:#FF9500;opacity:.8;transition:width .3s ease}.progress-labels-container{display:flex;align-items:center;gap:5px}.progress-label-color-text{width:7px;height:7px;background-color:#007AFF;opacity:.6;border-radius:50%;flex-shrink:0}.progress-label-color-image{width:7px;height:7px;background-color:#34C759;opacity:.7;border-radius:50%;flex-shrink:0}.progress-label-color-gif{width:7px;height:7px;background-color:#FF9500;opacity:.8;border-radius:50%;flex-shrink:0}.progress-labels{color:var(--gray1,#4C4C4C);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.step-skipped-container{display:flex;height:60px;padding:12px 16px 12px 15px;flex-direction:row;align-items:flex-start;gap:10px;align-self:stretch;border-radius:9px;border:1px solid var(--stroke_box,#cbd5e1);background:var(--absolute-white,#FFF)}.step-temp-container{display:flex;align-items:center;gap:15px;align-self:stretch}.step-skipped-icon{width:16px;height:16px;aspect-ratio:1/1;flex-shrink:0}.step-skipped-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1}.step-skipped-title{color:var(--gray1,#4C4C4C);font-weight:600}.step-skipped-message,.step-skipped-title{font-family:Pretendard;font-size:14px;font-style:normal;line-height:18px}.step-skipped-message{color:var(--gray3,#BBB);align-self:stretch;font-weight:500}.timeline-detail-label{font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:.5rem;word-break:break-words}.timeline-detail-subtitle{font-size:.75rem;color:#6b7280;padding-left:0;margin-top:0;word-wrap:break-word;white-space:normal}.timeline-loading-content{display:flex;align-items:center;font-size:.875rem;color:#4b5563}.timeline-loading-spinner{width:1rem;height:1rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-right:0;flex-shrink:0}.timeline-loading-text{word-break:break-words;margin-left:8px}@keyframes spin{to{transform:rotate(1turn)}}.timeline-detail-summary-text{font-size:.875rem;color:#1f2937;background-color:#ffffff;border-radius:.375rem;padding:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);word-break:break-words}.timeline-detail-error{background-color:#fef2f2;border:1px solid #fecaca;max-width:100%;width:100%;word-wrap:break-word;white-space:normal}.timeline-detail-error-text{color:#dc2626;font-size:.875rem;line-height:1.25rem;word-break:break-words}