/* Knit real: calm workshop, clear actions, readable detail. */
@font-face{font-family:Pretendard;src:url('assets/fonts/Pretendard-Regular.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:Pretendard;src:url('assets/fonts/Pretendard-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Pretendard;src:url('assets/fonts/Pretendard-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#302b3d;background:#f7f6f9;--purple:#7560ad;--purple-dark:#5d478f;--pale:#f0ebf8;--line:#e7e3ee;--muted:#766e84}
body{font-size:16px;line-height:1.55;letter-spacing:-.2px;-webkit-font-smoothing:antialiased}
button{transition:background .16s,border-color .16s,box-shadow .16s;color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #aa94d8;outline-offset:3px}
h1{font-size:30px;font-weight:700;letter-spacing:-1.1px;line-height:1.35}
h2{font-size:20px;letter-spacing:-.6px}h3{font-weight:600}
small,.meta{font-size:13px;line-height:1.65;color:var(--muted)}
.button{min-height:42px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.45}
.button.primary{box-shadow:0 3px 8px #69519515}.button.small{min-height:36px;padding:8px 12px;font-size:13px}
.icon-btn{width:36px;height:36px;flex:0 0 36px;padding:0;line-height:0;display:inline-flex;align-items:center;justify-content:center}
.icon-btn svg{display:block;width:19px;height:19px;margin:0}
.badge{font-size:13px;border-radius:6px;padding:4px 9px;font-weight:600}.tag{font-size:13px;padding:6px 10px;border-radius:7px}
.sidebar{width:228px;padding:30px 18px 22px;background:#fdfcfe;border-right-color:#e9e5ef}
.brand{padding:0 12px 29px;gap:10px}.brand-word{font-size:30px}.brand-mark{width:36px;height:36px;border-radius:12px;background:#7861ac;box-shadow:0 4px 10px #7961ac24}
.brand small{font-size:13px;letter-spacing:2px;color:#877a99;margin-left:3px}
.new-project{min-height:46px;margin-bottom:29px}.nav-label{font-size:13px;letter-spacing:.3px;color:#91859f}
.nav-item{font-size:15px;padding:12px;gap:12px;min-height:46px;border-radius:10px}.nav-item.active{background:#eee8f6;box-shadow:inset 3px 0 #8c71bc}
.nav-item .count{font-size:13px;min-width:23px;text-align:center}.subnav{margin-bottom:21px}.subnav button{font-size:14px;padding:8px 6px;color:#7f758c}
.side-note{font-size:13px;color:#80728f;background:#f2eef6;padding:14px;margin:20px 2px;line-height:1.85}
.profile-mini{font-size:14px;padding-left:4px;padding-right:0}.profile-mini small{font-size:13px}.main{margin-left:228px}
.topbar{height:66px;padding:0 32px;background:#ffffffcf}.breadcrumb{font-size:14px;color:#85788f}.breadcrumb strong{color:#554c62;font-weight:600}.saved{font-size:13px;color:#758274}.workspace-label{font-size:13px;background:#f6f3fa;padding:5px 10px}
.content{max-width:1580px;padding:30px 32px 28px}.project-head{margin-bottom:26px;gap:20px}.eyebrow{font-size:13px;color:#887698;letter-spacing:.6px;margin-bottom:8px}.project-sub{font-size:14px;color:#7e748a;margin-top:9px;flex-wrap:wrap}
.workflow{gap:32px;margin-bottom:24px}.workflow button{font-size:15px;gap:9px;padding-bottom:14px;color:#8b8097}.workflow button.active{color:#60468e}.step-num{width:24px;height:24px;font-size:13px}.workflow button.active:after{height:3px;border-radius:3px 3px 0 0}
.workspace,.workspace:has(.tryon-viewer){grid-template-columns:minmax(360px,.88fr) minmax(480px,1.14fr);gap:22px;align-items:stretch}
.panel{border-radius:16px;box-shadow:0 4px 20px #34204904}.panel-head,.preview-panel:has(.tryon-viewer)>.panel-head{padding:20px 22px;gap:12px;min-height:68px}.panel-head h2{font-size:18px;white-space:nowrap}.panel-head .meta{font-size:13px}.chat-panel .panel-head{flex-wrap:wrap;gap:3px}
.chat-panel,.workspace:has(.tryon-viewer) .chat-panel,.workspace:has(.structure-stage) .chat-panel{height:auto;min-height:800px;max-height:1050px}.chat-stream{padding:24px 22px;min-height:290px}.message{margin-bottom:24px;gap:11px}.message-avatar{width:31px;height:31px;border-radius:10px}.sender{font-size:13px;color:#8b799c;margin-bottom:7px}.bubble{font-size:16px;padding:14px 16px;line-height:1.8;background:#f6f4f8;color:#52475f;border-radius:3px 13px 13px 13px}.user .bubble{background:#eee8f7;color:#644c80;border-radius:13px 3px 13px 13px}.day-divider{font-size:13px;color:#91839f;margin-bottom:23px}
.design-card{padding:16px;border-radius:12px;margin-top:14px;box-shadow:0 3px 12px #5a367704}.design-card h3{font-size:15px;margin-bottom:13px}.design-card p{font-size:14px;color:#796988}.design-card .mini-photo{width:82px;height:91px;object-fit:contain;background:#f5f3f5}.card-footer{font-size:13px;align-items:center;padding-top:12px;margin-top:12px}.color-dots i{width:16px;height:16px}.pending-card .button{margin-top:8px}.pending-card .knit-editor-note{margin:10px 0 0}.change-table>div{font-size:13px}.change-table strong{font-size:23px}
.suggestions{padding:14px 20px 12px;gap:7px;border-top:1px solid #f2eef6}.suggestion{font-size:13px;border-radius:20px;padding:8px 11px;color:#7f6b94;background:#fdfcfe}.composer{padding:0 20px 12px}.composer-box{border-radius:13px;padding:13px 14px;border-color:#dcd3e8}.composer textarea{font-size:16px;height:48px}.composer-controls{gap:8px}.composer-hint{font-size:13px;color:#91819f;line-height:1.5}.composer-controls .row{gap:6px}.send{width:38px;height:38px;border-radius:11px;flex:none}.chat-note{font-size:13px;padding:0 20px 16px;flex-wrap:wrap;color:#8c7c98}
.preview-panel{min-width:0}.preview-panel>.panel-head{flex-wrap:wrap}.segmented{padding:4px;border-radius:9px;background:#f6f3f9;border-color:#eae4f0}.preview-panel .segmented button,.segmented button{font-size:13px;line-height:1.5;padding:8px 11px;border-radius:6px;color:#85758f}.segmented button.selected{color:#624888}.preview-panel>.panel-head .segmented{margin-left:auto}
.tryon-viewer{padding:20px 22px 0}.tryon-intro{margin-bottom:15px}.tryon-eyebrow{font-size:13px;letter-spacing:.5px;color:#9a86aa;margin-bottom:4px}.tryon-intro h3{font-size:22px;color:#544061;line-height:1.45}.tryon-ai{font-size:13px;padding:5px 9px;color:#836795}.tryon-options{padding:4px;border-radius:10px}.tryon-options button{font-size:14px;padding:9px 6px;min-height:38px}.tryon-viewport{height:390px;border:1px solid #e9e4e8;border-radius:13px;background:#f3f1f0}.tryon-stage-tools .tryon-zoom{width:34px;height:34px;min-width:34px}.tryon-look-label,.tryon-drag-hint,.tryon-compare-labels span{font-size:13px}.tryon-look-label{max-width:calc(100% - 126px)}.tryon-rotation{padding-top:14px;gap:8px}.tryon-rotation button{width:32px;height:32px}.tryon-angle{font-size:13px;min-width:108px}.tryon-directions{padding-bottom:14px}.tryon-directions button{font-size:13px;min-height:32px}.tryon-selection{padding:16px 0 12px;gap:14px}.tryon-state{font-size:13px}.tryon-selection-title{font-size:16px}.tryon-selection-description{font-size:13px;color:#82708f}.tryon-selection .button{font-size:14px;max-width:160px;padding:11px 14px}.tryon-disclosure{font-size:13px;line-height:1.65;align-items:flex-start;color:#8a7a94;gap:12px;padding-top:12px;margin-bottom:15px}.tryon-mismatch{font-size:13px}
.preview-panel .preview-stage{margin:18px 22px;flex-basis:410px;min-height:410px!important;border-radius:12px}.preview-label,.structure-stage .preview-label{font-size:13px;max-width:calc(100% - 75px);left:14px}.preview-bottom{font-size:13px;max-width:92%;white-space:normal;text-align:center;line-height:1.5}.part-button{font-size:13px;padding:8px 12px}.design-specs{padding:14px 22px 18px;gap:16px}.spec{font-size:13px}.spec strong{font-size:14px;line-height:1.55;flex-wrap:wrap}.swatch{width:13px;height:13px}
.knit-summary{padding:20px 22px;background:#fbf9fd}.knit-eyebrow{font-size:13px;letter-spacing:.5px;color:#9783a6}.knit-heading h3{font-size:18px;line-height:1.45}.knit-id{font-size:13px;padding:5px 8px;color:#8a749a;border-color:#e5dcec}.knit-metrics{gap:12px;margin:20px 0 16px}.knit-metrics>div{gap:5px}.knit-metrics small,.knit-metrics span{font-size:13px;color:#8b769a}.knit-metrics strong{font-size:30px;line-height:1.2;color:#5d4777}.knit-metrics strong em{font-size:14px}.knit-validation{font-size:13px;color:#5c7d69;align-items:flex-start}.knit-dot{margin-top:7px}.knit-links{margin-top:16px;gap:12px}.knit-links button{font-size:14px;padding:5px 0;text-align:left;line-height:1.6}
.structure-controls{padding:14px 22px;background:#faf8fc}.structure-modes button{font-size:13px;padding:8px 14px}.structure-angles button{font-size:13px;padding:7px 11px}.structure-export{gap:14px;align-items:flex-start;padding-top:13px}.structure-export span{font-size:13px}.structure-export button{font-size:13px;text-align:right}.knit-structure-help{font-size:13px;padding:0 22px 14px;line-height:1.7}
.pattern-strip{margin-top:22px;border-radius:14px}.strip-section{padding:23px}.strip-section h3{font-size:16px}.strip-section p,.note-preview{font-size:14px;color:#8b7599}.gauge-numbers{font-size:27px}.gauge-numbers span{font-size:14px}.gauge-art{border-radius:8px;width:57px;height:57px}.gauge-display{margin-top:17px}.footer-note{font-size:13px;margin-top:20px;color:#93839f}
.full-panel{padding:28px}.pattern-info{margin:20px 0;gap:8px}.knit-banner{padding:20px 22px;background:#f4eef9;border-color:#e7daee;margin:22px 0}.knit-banner h3{font-size:20px;margin-bottom:6px}.knit-banner p{font-size:14px}.knit-pattern-section{margin:22px 0 28px}.knit-pattern-section .knit-summary{background:#fbf9fd}.knit-detail{font-size:14px}.knit-detail-head{font-size:13px;flex-wrap:wrap}.knit-formulas{padding:16px 20px;margin:18px 0;background:#f8f5fb}.knit-formulas p{font-size:14px;line-height:1.9;margin:9px 0}.knit-formulas b{font-size:14px}.knit-checks span{font-size:13px;padding:8px 11px}.knit-assumptions,.knit-boundary,.knit-editor-note{font-size:13px;line-height:1.8}.knit-rounds summary{padding:16px;font-size:15px}.knit-rounds table{font-size:14px;min-width:430px}.knit-rounds td,.knit-rounds th{padding:10px 13px}.knit-rounds p{font-size:13px}.kept-label{font-size:13px}.knit-error{font-size:14px}.legend,.help-links button{font-size:14px}.pattern-layout{gap:28px}.callout{font-size:14px;padding:15px 17px;line-height:1.8}.description-steps li{font-size:15px;line-height:1.85}
.project-grid{gap:22px;margin-top:24px}.project-card{border-radius:15px;transition:box-shadow .2s,border-color .2s}.project-card:hover{box-shadow:0 8px 25px #5b3d7810;border-color:#cbbbdc}.project-card img{height:210px;object-fit:contain;background:#f0eef4}.project-card-body{padding:19px}.project-card h3{font-size:17px}.project-card p{font-size:14px}.version{padding:22px 0;gap:17px}.version h3{font-size:17px}.version p{font-size:14px}.version .row{flex-wrap:wrap}.version-icon{border-radius:12px;background:#f1ebf7}
body:has(.modal-backdrop){overflow:hidden}.modal-backdrop{padding:24px;background:#30263e52;backdrop-filter:blur(5px)}.modal{width:min(590px,100%);max-height:calc(100dvh - 48px);padding:28px 30px;border-radius:20px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dacfe4 transparent}.modal.large{width:min(810px,100%)}.modal-head{gap:12px;margin-bottom:15px}.modal-head h2{font-size:22px;line-height:1.45}.modal-description{font-size:15px;line-height:1.8;color:#8a7698;margin-bottom:20px}.modal-actions{gap:10px;margin-top:22px;padding-top:20px}.field{font-size:14px;margin:13px 0;color:#796489;line-height:1.65}.fields{gap:0 18px;align-items:start}.field input,.field select,.field textarea{font-size:16px;padding:12px;margin-top:7px;border-color:#ded4e7;min-height:46px;border-radius:10px;line-height:1.5}.field small{font-size:13px}.field:focus-within{color:#6c4b92}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a58aba}.guide-section{padding:18px;border-radius:12px}.guide-section h3{font-size:16px}.guide-section p{font-size:14px;line-height:1.85}
.measure-intro{margin:8px 0 20px}.measure-intro h3{font-size:26px;line-height:1.45;margin:9px 0 12px;color:#67477b}.measure-intro p,.measure-note{font-size:14px;line-height:1.8;color:#8a749a}.measure-current{font-size:14px;padding:14px 16px;margin-bottom:10px}.measure-current span{font-size:13px}.measure-assumptions{font-size:14px;padding:14px 0}.measure-assumptions p{font-size:13px}.measure-success{font-size:16px;padding:17px 20px;border-radius:11px}.measure-facts{gap:20px;margin:24px 0}.measure-facts small,.measure-facts span{font-size:14px}.measure-facts strong{font-size:25px;line-height:1.5}.measure-comparison{padding:23px;border-radius:12px}.measure-comparison .row{font-size:15px}.measure-comparison .row span{font-size:14px}.measure-bar{height:40px;margin:12px 0 22px;gap:0}.measure-bar i{font-size:13px;min-width:0;flex-basis:0!important;overflow:hidden;border-radius:0}.measure-bar i:first-child{border-radius:6px 0 0 6px}.measure-bar i:last-child{border-radius:0 6px 6px 0}.measure-legend{font-size:13px;gap:18px}.measure-next{padding-top:22px}.measure-next strong{font-size:20px}.measure-next p{font-size:15px;line-height:1.9}.measure-linked{font-size:13px}.measure-entry strong{font-size:16px}.measure-entry p{font-size:14px}.measure-note{margin-top:17px}
.runner-tabs button{font-size:15px;padding:10px 19px;min-height:42px;border-radius:9px}.knit-runner{padding:24px;background:#faf7fc;border-radius:14px}.knit-runner .runner-round{font-size:48px;margin:18px 0 10px;font-weight:600;line-height:1.3}.runner-instruction{font-size:18px;line-height:1.8}.runner-counts{font-size:15px}.runner-next{font-size:15px;line-height:1.85}.runner-hint{font-size:13px;line-height:1.8}.runner-checkpoint{font-size:14px}.measure-entry{padding:19px 0 5px}
@media(min-width:1500px){.tryon-viewport{height:410px}}
@media(max-width:1250px) and (min-width:921px){.sidebar{width:206px;padding-inline:14px}.main{margin-left:206px}.content{padding:26px 22px}.workspace,.workspace:has(.tryon-viewer){grid-template-columns:minmax(290px,.85fr) minmax(390px,1.1fr);gap:17px}.panel-head,.preview-panel:has(.tryon-viewer)>.panel-head{padding:18px}.preview-panel>.panel-head .segmented{margin-left:0}.chat-panel .panel-head .meta{display:none}.tryon-intro{flex-wrap:wrap}.tryon-intro h3{font-size:20px}.tryon-ai{display:none}.project-head h1{font-size:27px}.composer-hint{max-width:175px}}
@media(max-width:920px){.sidebar{width:76px;padding:24px 9px}.main{margin-left:76px}.brand{padding:0 10px 28px}.brand-word,.brand small{display:none}.new-project{font-size:0}.nav-item{justify-content:center}.content{padding:24px}.workspace,.workspace:has(.tryon-viewer){grid-template-columns:minmax(0,.95fr) minmax(0,1.08fr);gap:16px}.project-head h1{font-size:25px}.preview-panel>.panel-head .segmented{margin-left:0}.tryon-intro{flex-wrap:wrap}.tryon-ai{display:none}.chat-panel .panel-head .meta{display:none}.composer-hint{display:none}.knit-metrics{gap:8px}.knit-metrics>div{padding-left:8px}.knit-metrics strong{font-size:26px}.knit-heading{flex-wrap:wrap}.design-specs{flex-wrap:wrap}.spec{min-width:100px}}
@media(max-width:760px){.main{margin-left:0}.topbar{height:60px;padding:0 16px}.breadcrumb{font-size:13px;gap:7px;min-width:0}.breadcrumb strong{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:22px 16px}.sidebar.mobile-open{width:244px;padding:25px 20px}.sidebar.mobile-open .brand-word{display:block}.sidebar.mobile-open .new-project{font-size:14px}.project-head{display:block;margin-bottom:22px}.project-head h1{font-size:25px;letter-spacing:-.7px}.project-head .row{align-items:flex-start;gap:8px;flex-wrap:wrap}.project-head .eyebrow{font-size:13px;letter-spacing:.3px}.project-sub{font-size:13px}.project-actions{margin-top:15px}.project-actions .button{font-size:14px;padding:9px 13px}.project-actions .button:first-child{display:inline-flex}.project-actions .button svg{display:block}.workflow{gap:6px;margin-bottom:20px}.workflow button{font-size:14px;gap:5px;padding-bottom:13px}.step-num{width:21px;height:21px;font-size:13px}.workspace,.workspace:has(.tryon-viewer){grid-template-columns:minmax(0,1fr);gap:20px}.chat-panel,.workspace:has(.tryon-viewer) .chat-panel,.workspace:has(.structure-stage) .chat-panel{height:690px;min-height:0;max-height:none}.chat-stream{min-height:0}.panel-head,.preview-panel:has(.tryon-viewer)>.panel-head{padding:18px}.panel-head h2{font-size:18px}.preview-panel .segmented{width:100%;justify-content:space-between}.preview-panel .segmented button{font-size:13px;padding:8px 7px;min-width:0;flex:1}.tryon-viewer{padding:18px 16px 0}.tryon-intro{flex-wrap:nowrap}.tryon-intro h3{font-size:21px}.tryon-eyebrow{font-size:13px}.tryon-options button{font-size:14px;padding:9px 4px}.tryon-viewport{height:390px}.tryon-selection{flex-wrap:wrap;gap:12px}.tryon-selection .button{font-size:14px;max-width:none;width:100%;min-height:43px}.tryon-disclosure{font-size:13px}.tryon-directions button{font-size:13px;padding:6px 8px}.tryon-angle{min-width:100px;font-size:13px}.preview-panel .preview-stage{margin:16px;flex-basis:390px;min-height:390px!important}.preview-label,.structure-stage .preview-label{font-size:13px}.preview-bottom{font-size:13px}.design-specs{padding:15px 18px;gap:12px}.spec{min-width:90px}.spec strong{font-size:14px}.knit-summary{padding:20px 18px}.knit-heading h3{font-size:18px}.knit-id{font-size:13px}.knit-metrics strong{font-size:26px}.knit-metrics span,.knit-metrics small{font-size:13px}.knit-links button{font-size:14px}.structure-controls{padding:15px 16px}.structure-export{flex-direction:column;gap:8px}.structure-export button{text-align:left}.knit-structure-help{padding-inline:16px;font-size:13px}.bubble{font-size:16px}.composer{padding-inline:16px}.suggestions{padding-inline:16px}.suggestion{font-size:13px}.chat-note{font-size:13px}.full-panel{padding:20px 16px}.full-panel>.row.between{gap:16px}.knit-banner{padding:18px;align-items:flex-start;flex-direction:column}.knit-banner h3{font-size:19px}.knit-banner p{font-size:14px;line-height:1.7}.knit-banner button{width:100%}.knit-pattern-section .knit-detail{padding:0 16px 5px}.knit-formulas{padding:14px}.pattern-strip{grid-template-columns:1fr}.strip-section:last-child{display:block}.project-grid{grid-template-columns:1fr;gap:18px}.project-card img{height:230px}.project-card h3{font-size:18px}.project-card-body{padding:20px}.version{gap:12px}.version .grow{flex-basis:calc(100% - 58px)}.version h3{font-size:16px}.version .button{margin-left:auto}.version .button+.button{margin-left:0}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);padding:22px 20px;width:100%;border-radius:16px}.modal-head h2{font-size:20px}.modal-description{font-size:14px}.modal-actions{flex-wrap:wrap;padding-top:17px;gap:9px}.modal-actions .button{flex:1;white-space:normal;min-height:44px}.fields{gap:0 12px}.field{font-size:14px;margin:12px 0}.field input,.field select{font-size:16px;padding:10px;min-height:46px}.measure-intro h3{font-size:24px}.measure-intro p,.measure-note{font-size:14px}.measure-current{font-size:14px}.measure-facts{gap:12px}.measure-facts strong{font-size:21px}.measure-facts small,.measure-facts span{font-size:13px}.measure-comparison{padding:16px}.measure-comparison .row{font-size:14px;flex-wrap:wrap;gap:3px}.measure-comparison .row span{font-size:13px}.measure-bar i{font-size:13px;min-width:0}.measure-legend{font-size:13px;gap:9px}.measure-next strong{font-size:18px}.measure-next p{font-size:14px}.measure-success{font-size:15px;padding:14px}.knit-runner{padding:20px}.knit-runner .row{flex-wrap:wrap}.knit-runner .row .button{flex:1}.runner-instruction{font-size:17px}.runner-next{font-size:14px}.footer-note{font-size:13px;line-height:1.75}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Supporting calculations open on demand; the working conversation stays reachable. */
.mobile-menu{display:none}
.workspace{align-items:start}
.chat-panel,.workspace:has(.tryon-viewer) .chat-panel,.workspace:has(.structure-stage) .chat-panel{height:clamp(680px,calc(100dvh - 310px),920px);min-height:0;max-height:none}
.preview-calculations{border-top:1px solid var(--line)}
.preview-calculations>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:17px 22px;font-size:14px;color:#74558d;background:#fcfafe;font-weight:600}
.preview-calculations>summary::-webkit-details-marker{display:none}.preview-calculations>summary svg{width:16px;height:16px;transition:transform .15s}.preview-calculations[open]>summary svg{transform:rotate(90deg)}
.preview-calculations .knit-summary{border-top:1px solid var(--line)}
.tryon-viewport{height:370px}
@media(max-width:760px){.mobile-menu{display:inline-flex}.chat-panel,.workspace:has(.tryon-viewer) .chat-panel,.workspace:has(.structure-stage) .chat-panel{height:690px}.tryon-viewport{height:390px}.preview-calculations>summary{padding:16px 18px}}

body:has(.tryon-expanded){overflow:hidden}.tryon-viewer.tryon-expanded{z-index:90;max-height:100dvh}.tryon-expanded .tryon-intro{flex-wrap:nowrap}.tryon-expanded .tryon-ai{display:block}

/* Align the controls even when a label wraps to two lines. */
.fields{align-items:stretch}.fields .field{display:flex;flex-direction:column;justify-content:space-between}.fields .field input,.fields .field select{margin-top:8px}

.version{padding:22px}.history-measured{color:#537961;background:#f0f6f1;border-color:#d8e8dc}.compare-context{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#826b91;padding:14px 0 18px}.compare-context span{flex:1}.compare-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px}.version-comparison{border-collapse:collapse;width:100%;min-width:440px;font-size:15px}.version-comparison th,.version-comparison td{padding:16px 18px;text-align:left;border-bottom:1px solid #eee8f3}.version-comparison thead{background:#f6f2fa;color:#7b638c;font-size:14px}.version-comparison tbody th{font-weight:400;color:#826d94}.version-comparison tr.different{background:#f6f0fc}.version-comparison tr.different td:last-child{color:#714592;font-weight:600}.version-comparison tr:last-child>*{border-bottom:0}.modal-head{position:sticky;top:0;z-index:4;background:white;box-shadow:0 -20px 0 white}@media(max-width:760px){.version{padding:18px}.compare-context{flex-direction:column;gap:7px}.version-comparison{font-size:14px}.version-comparison th,.version-comparison td{padding:13px 12px}}

/* 뜨리얼 wordmark */
.brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;line-height:1}
.brand-copy .brand-word{font-size:29px;line-height:1.15;letter-spacing:-1.4px}
.brand-copy small{margin:0;padding:0;font-size:13px;line-height:1.3;letter-spacing:1.2px;font-weight:500}
@media(max-width:920px){.brand-copy{display:none}.sidebar.mobile-open .brand-copy{display:flex}.sidebar.mobile-open .brand-copy small{display:block}}