.icon{flex:0 0 auto;vertical-align:middle;width:20px;height:20px;display:inline-block}.icon-text{display:flex;align-items:flex-start;gap:8px}.icon-text .icon{margin-top:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--surface);padding:12px}.skip-link:focus{top:8px}.site-header{border-bottom:1px solid var(--border);background:var(--paper);position:relative;z-index:20}.site-container{/* 바깥 여백은 공유하고 배치 컴포넌트의 콘텐츠 폭은 토큰으로 선택한다. */width:min(
    calc(100% - 2 * var(--site-gutter)),
    var(--container-width, var(--site-width))
  );margin-inline:auto}.tool-shell{--container-width:var(--tool-width)}.content-shell{--container-width:var(--content-width)}.header-inner,.footer-inner{--container-width:var(--content-width)}.header-inner{min-height:72px;padding:12px 0;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:inline-flex;align-items:center;font-size:23px;font-weight:800;text-decoration:none;color:var(--red);letter-spacing:-0.6px;white-space:nowrap}.brand-wordmark{display:block;width:128px;height:auto;flex:0 0 auto}@media (max-width: 800px){.brand-wordmark{width:112px}}.desktop-nav{display:flex;gap:24px;font-size:14px}.desktop-nav a{text-decoration:none;min-height:44px;display:flex;align-items:center;color:var(--muted)}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--red)}.header-actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 22px;border-radius:var(--radius-control);text-decoration:none;font-weight:650;line-height:1.5;border:1px solid transparent;text-align:center}.button.primary{background:var(--red);border-color:var(--color-action-border);color:white;box-shadow:none}.button.primary:hover{background:var(--red-hover)}.button.secondary{background:var(--surface);border-color:var(--border);color:var(--ink)}.button.secondary:hover{background:var(--soft)}.button.compact{font-size:14px;min-height:44px;padding:9px 15px;border-radius:var(--radius)}.button.full{width:100%}.language-menu,.mobile-menu{position:relative}.language-menu summary,.mobile-menu summary{display:flex;align-items:center;gap:6px;list-style:none;min-height:44px;padding:8px;font-size:13px}.language-menu summary > .icon:last-child{width:12px}.menu-popover{position:absolute;right:0;top:calc(100% + 6px);padding:8px;min-width:170px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);box-shadow:var(--shadow-popover)}.menu-popover a{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 12px;text-decoration:none;font-size:14px;border-radius:7px}.menu-popover a:hover,.menu-popover a[aria-current]{background:var(--tint);color:var(--red)}.mobile-menu{display:none}.language-flag{flex:0 0 20px;width:20px;height:15px;object-fit:cover;border-radius:2px;box-shadow:var(--shadow-hairline)}#maker-loading-notice{position:fixed;z-index:30;top:84px;left:50%;width:min(calc(100% - 32px), 480px);margin:0;border:1px solid var(--border);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-overlay);opacity:0;visibility:hidden;transform:translate(-50%, -8px);animation:maker-loading-reveal 160ms ease-out 1s forwards}#maker-loading-notice p{margin:0}#maker-loading-notice a{display:inline-block;margin-top:4px;font-weight:650}body[data-app-ready="true"] #maker-loading-notice,body[data-app-ready="error"] #maker-loading-notice{display:none;animation:none}@keyframes maker-loading-reveal{to{opacity:1;visibility:visible;transform:translate(-50%, 0)}}@media (prefers-reduced-motion: reduce){#maker-loading-notice{animation-duration:1ms}}.site-status{margin:12px auto !important}/* 공통 콘텐츠 삽화: 로컬 SVG만 사용하고 애니메이션·비공개 자산은 포함하지 않는다. */.content-artwork{display:grid;place-items:center;overflow:hidden;background:var(--soft);border-radius:var(--radius)}.content-artwork img{display:block;width:100%;height:auto;margin:0}.content-artwork--banner{width:100%;margin:24px 0 40px;aspect-ratio:8/3;max-height:240px}.content-artwork--banner img{max-height:240px;object-fit:contain}.content-artwork--document-preview{padding:16px}.content-artwork--document-preview img{width:auto;max-width:100%;height:100%;object-fit:contain;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-subtle)}@media (max-width: 600px){.content-artwork--banner{margin:20px 0 32px}}.intro{text-align:center;padding:64px 0 48px}.intro p{margin:15px auto 0;max-width:640px;color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:0;color:var(--red);font-size:12px;line-height:1.7;margin-bottom:16px;letter-spacing:0.04em}.eyebrow .icon{width:15px;height:15px}.card,.step-card{background:var(--surface);border:0;border-radius:0;padding:0;box-shadow:none}.maker-workspace{position:relative;padding-bottom:48px;background:var(--soft)}.maker-workspace::before{content:'';position:absolute;z-index:0;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--soft);pointer-events:none}.maker-workspace > *{position:relative;z-index:1}.maker-form{display:grid;gap:20px}.maker-form > .step-card{margin:0;padding:var(--space-xl);background:var(--surface);border:1px solid var(--color-border-panel);border-radius:var(--radius-panel)}.step-card{min-width:0;scroll-margin-top:95px}.step-card > :is(legend, .card-heading){margin:0 0 var(--space-sm)}.step-card > legend{/* float를 적용한 legend는 의미 구조를 유지하면서 패널 안쪽 여백에 배치된다. */float:left;width:100%;max-width:100%;padding:0;display:flex;align-items:center;gap:10px;font-weight:700;font-size:var(--font-size-h3);line-height:1.5}.step-card > .step-subtitle{clear:both;margin:0 0 var(--space-lg);padding-inline-start:35px;color:var(--muted);font-size:var(--font-size-small);line-height:1.5}.step-number{flex:0 0 auto;display:inline-grid;place-items:center;background:transparent;color:var(--red);width:25px;height:25px;font-size:16px;font-weight:700}.name-row{position:relative}.name-row input{width:100%;height:54px;padding:12px 48px 12px 16px;border:1px solid var(--color-border-interactive);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--ink);font-size:18px}.name-row input::placeholder{font-size:16px;color:var(--color-text-muted)}.name-row button{position:absolute;right:4px;top:5px;width:44px;height:44px;background:none;border:0;color:var(--muted)}.hint-row{display:flex;gap:10px;justify-content:space-between;font-size:13px;color:var(--muted);margin:10px 0}.hint-row output{white-space:nowrap}.name-help{margin-top:12px;font-size:14px}.name-help p{padding:10px;color:var(--muted);background:var(--paper);border-radius:var(--radius)}.name-help summary{color:var(--red)}.section-hint{font-size:14px;color:var(--muted);margin-bottom:14px}.shape-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px}.font-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:11px}.control-label{display:block;margin-bottom:8px;font-size:14px;font-weight:650}.name-suffix{border-top:1px solid var(--border);padding-top:16px;margin-top:16px}/* 짧은 안내문은 같은 칸에 공간을 확보하고 언어·글자 확대·화면 폭에 맞춘다. */.field-message{display:grid;margin-top:var(--space-sm);color:var(--muted);font-size:var(--font-size-small);line-height:var(--line-height-body)}.field-message > *{grid-area:1/1;min-width:0;margin:0}.field-message__reserve{visibility:hidden;pointer-events:none;user-select:none}.field-help{font-size:var(--font-size-small);color:var(--muted)}.field-help > summary{color:var(--ink)}.field-help > p{margin:0 0 var(--space-sm)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0, 1fr);gap:8px}.segmented label{position:relative;cursor:pointer}.segmented input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.segmented span{display:flex;align-items:center;justify-content:center;min-height:44px;height:100%;padding:8px 6px;text-align:center;border:1px solid var(--color-border-interactive);border-radius:var(--radius);background:var(--color-surface-raised);font-size:14px;font-weight:600}.segmented input:checked + span{border-color:var(--red);color:var(--red);background:var(--tint)}.segmented input:focus-visible + span{outline:3px solid var(--sage);outline-offset:3px}.engraving-picker{margin-bottom:20px}.font-tabs{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));padding:4px;gap:4px;border-radius:var(--radius);background:var(--soft);border:1px solid var(--color-border-interactive)}.font-tabs button{min-height:44px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:14px}.font-tabs [aria-selected="true"]{background:var(--red);color:white;font-weight:650}.font-tabs button:disabled{cursor:not-allowed}.font-filter-summary{display:grid;grid-template-columns:max-content minmax(0, 1fr);align-items:baseline;gap:4px 16px;margin:10px 0 18px}.font-filter-summary > p{margin:0}.font-filter-summary .sample-note{text-align:right}.font-filter-summary #hanja-only-notice{grid-column:1/-1;color:var(--sage)}.font-group + .font-group{margin-top:22px}.font-group__label{color:var(--color-heading);font-size:15px;font-weight:700;line-height:var(--line-height-heading);word-break:keep-all;margin-bottom:10px}.choice{display:block;position:relative;cursor:pointer;min-width:0}.choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.choice-body{height:100%;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--color-border-interactive);border-radius:var(--radius-control);padding:12px 7px;background:var(--color-surface-raised);transition:background-color 140ms ease,border-color 140ms ease}.choice-body strong{font-size:14px;line-height:1.5;text-wrap:balance;overflow-wrap:anywhere}.choice-body small{font-size:12px;margin-top:4px}.shape-choice img{width:70px;height:70px;object-fit:contain;border-radius:var(--radius-badge);margin:3px 0 9px}.font-choice img{width:112px;height:112px;object-fit:contain;border-radius:var(--radius-badge);margin-bottom:10px}.font-choice strong{word-break:normal;overflow-wrap:anywhere;min-height:3em;display:flex;align-items:center;justify-content:center}.font-badges{display:flex;flex-wrap:wrap;justify-content:var(--font-badges-align, center);gap:4px;margin-top:var(--font-badges-margin, 8px)}.font-badge{display:inline-block;padding:2px 6px;border-radius:5px;font-size:12px;line-height:1.5}.font-badge-script{color:var(--muted);background:var(--soft);border:1px solid var(--border)}.selection-mark{display:none;position:absolute;right:5px;top:4px;color:var(--red)}.selection-mark .icon{width:18px;height:18px}.choice input:checked + .choice-body{border-color:var(--red);background:var(--tint)}.choice input:checked + .choice-body .selection-mark{display:block}.choice input:focus-visible + .choice-body{outline:3px solid var(--sage);outline-offset:3px}.choice:hover .choice-body{border-color:var(--color-action-soft-border);background:var(--soft)}.sample-note{background:transparent;padding:0;font-size:13px;color:var(--muted);margin:0}.card-heading,.section-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.card-heading h2{font-size:var(--font-size-h3);line-height:1.5;display:flex;align-items:center;gap:10px}.trust-tag{display:inline-flex;align-items:center;gap:5px;color:var(--muted);background:var(--soft);border-radius:var(--radius-badge);font-size:12px;padding:3px 8px;line-height:1.6}.trust-tag .icon{width:15px;height:15px}.settings{background:var(--color-surface-raised);border:1px solid var(--color-border-panel);border-radius:var(--radius-panel);padding:0 16px;margin-bottom:20px}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}summary::-webkit-details-marker{display:none}.settings summary{font-size:14px}.settings summary .icon{width:18px;height:18px}details[open] > summary > .icon:last-child{transform:rotate(180deg)}.settings-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:15px;margin:10px 0 20px}.settings-grid label{font-size:14px;font-weight:600}.settings-grid select,.settings-grid input{width:100%;display:block;margin-top:6px;min-height:46px;background:var(--surface);border:1px solid var(--color-border-interactive);border-radius:var(--radius);padding:8px;color:var(--ink)}.preview-label{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:7px}.preview-stage{--preview-size:180px;position:relative;min-height:240px;border:1px solid var(--color-border-panel);border-radius:var(--radius-panel);overflow:hidden;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:var(--preview-size) minmax(24px, auto);align-content:start;place-items:center;gap:10px;padding:12px}.preview-stage[data-preview-background="stripes"]{background:repeating-linear-gradient(
    45deg,
    var(--color-preview-loading-a) 0 24px,
    var(--color-preview-loading-b) 24px 48px
  )}.preview-stage[data-preview-background="checkerboard"]{isolation:isolate}.preview-stage[data-preview-background="checkerboard"] .preview-decoration{display:none}/* 화면에서만 격자 위에 투명한 듯 표시한다. 워터마크가 있는 불투명 미리보기
   PNG는 그대로 유지하며, 이 방식을 투명 이미지 내보내기에 사용하지 않는다. */.preview-stage[data-preview-background="checkerboard"] #preview-image{mix-blend-mode:multiply}.preview-decoration{position:absolute;font-size:clamp(24px, 5vw, 42px);font-weight:800;color:var(--color-decoration-muted);letter-spacing:3px;transform:rotate(-25deg);white-space:nowrap}/* 로딩 자리표시는 도장 윤곽을 추정한 크기가 아니라 PNG 캔버스를 나타낸다.
   같은 박스를 공유해 모양이 바뀔 때 크기·위치가 튀지 않게 한다. */.preview-media{position:relative;grid-area:1/1;width:var(--preview-size);height:var(--preview-size);z-index:1;margin:0;border-radius:var(--radius)}.preview-stage img{object-fit:contain}.preview-note{margin:var(--space-sm) 0 0}#preview-status{position:relative;grid-area:2/1;z-index:2;padding:0;font-size:14px;text-align:center;max-width:100%;margin:0}.preview-stage[aria-busy="true"] #preview-status{color:var(--red);background:var(--surface);border-radius:24px;line-height:24px;padding:0 8px;width:fit-content;justify-self:center;/* PNG 그리드 높이는 바꾸지 않고 상태 줄 바깥에 둥근 라벨을 그린다. */box-shadow:0 0 0 4px var(--surface),0 0 0 5px var(--border),var(--shadow-floating)}.preview-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px}.preview-edit-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.preview-edit-links > .button{flex:1 1 auto;min-height:var(--control-height);padding:8px 10px;font-size:var(--font-size-small)}.preview-edit-links .icon{width:16px;height:16px;stroke-width:1.5}.maker-preview-return{position:sticky;bottom:12px;z-index:2;margin-top:var(--space-xl);padding-block:12px;background:var(--surface);border-top:1px solid var(--border)}.back-to-top{position:fixed;z-index:19;right:max(16px, env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));width:var(--control-height);height:var(--control-height);padding:0;border-radius:var(--radius-control);box-shadow:var(--shadow-subtle)}.back-to-top > .icon{transform:rotate(-90deg);stroke-width:1.5}.analytics-consent:not([hidden]) ~ .back-to-top{visibility:hidden}@media (max-width: 800px){.mobile-bottom ~ .back-to-top{bottom:calc(76px + env(safe-area-inset-bottom))}.tool-shell:has(.maker-workspace:not([hidden]) .mobile-steps) ~ .back-to-top{bottom:calc(var(--maker-nav-height, 74px) + 12px)}.mobile-steps .maker-preview-return{bottom:calc(var(--maker-nav-height, 74px) + 8px)}}.privacy-panel{display:flex;align-items:flex-start;gap:10px;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-panel);padding:14px;margin:14px 0 18px;font-size:13px;color:var(--muted)}.privacy-panel > .icon{color:var(--sage);margin-top:2px}.privacy-panel strong{color:var(--ink)}.notice,.error{padding:14px 16px;border-radius:var(--radius);background:var(--color-success-surface);color:var(--sage);font-size:14px;margin:14px 0}.error{background:var(--tint);color:var(--color-danger)}#form-font-choice{margin:0 0 12px}.preview-tools > button{flex-shrink:0}.maker-guides{margin-top:var(--space-section)}.maker-help > summary{display:none}.maker-step-progress{display:none;scroll-margin-top:16px}.selected-font{margin:12px 0 20px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--soft);font-size:14px;font-weight:600}@media (max-width: 800px){.maker-guides{margin-top:var(--space-section-mobile)}.maker-workspace:has(.mobile-steps){min-height:calc(100svh - var(--header-height-mobile) - var(--maker-nav-height, 74px));padding-bottom:90px}.maker-step-progress{display:block;padding:14px 16px;margin-bottom:18px;border:1px solid var(--color-border-panel);border-radius:var(--radius-control);background:var(--surface);color:var(--red);font-weight:700}.maker-form.mobile-steps > .step-card{padding:20px}.mobile-steps > .step-card > .step-subtitle{padding-inline-start:0}.mobile-steps > .step-card > :is(legend, .card-heading){position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-footer.is-editing{display:none}.maker-step-nav:has(#generate) > button:first-of-type{flex:0 0 auto}.maker-step-nav #generate{flex:1 1 0;width:auto;min-width:0;font-size:14px}.mobile-steps > .maker-step-active{animation:maker-step-in 180ms ease-out}.maker-step-nav{position:fixed;z-index:40;inset:auto 0 0;display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-sticky)}.maker-step-nav > button{flex:1;min-height:46px}.maker-step-error{flex-basis:100%;font-size:13px}.tool-shell:has(.maker-workspace:not([hidden])) .maker-help,.tool-shell:has(.maker-workspace:not([hidden])) .maker-guides{display:none}}@keyframes maker-step-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.privacy-feature{background:var(--surface);border:0}@media (prefers-reduced-motion: reduce){.mobile-steps > .maker-step-active{animation:none}}:is(h2, h3):has(> .icon){display:flex;align-items:baseline;gap:8px}:is(h2, h3) > .icon{align-self:flex-start;margin-block-start:0.18em;margin-inline:0;color:var(--red)}.card > p{color:var(--muted);margin-top:10px}.features-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--space-md)}.features-grid article{padding:var(--space-lg);background:var(--soft);border:1px solid var(--color-border-panel);border-radius:var(--radius-panel)}.features-grid h3{font-size:var(--font-size-h3);display:flex;gap:var(--space-md);align-items:center}.features-grid h3 > .icon{flex:0 0 38px;width:38px;height:38px;stroke-width:1.5;align-self:center;margin-block-start:0}.features-grid p{font-size:var(--font-size-card-summary);margin-top:var(--space-md);color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;margin-top:20px}.guide-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg);min-width:0;padding:var(--space-xl);background:var(--surface);border:1px solid var(--color-border-panel);border-radius:var(--radius-panel);color:var(--ink);text-decoration:none}.guide-card[href]:is(:hover, :focus-visible){border-color:var(--color-border-interactive)}.guide-software-heading{display:flex;align-items:center;gap:var(--space-lg)}.guide-card h3{font-size:var(--font-size-card-title)}.guide-card > .text-link{margin-top:auto}.guide-card ol{padding-left:22px;margin:14px 0;color:var(--muted);font-size:14px}.guide-card li + li{margin-top:7px}.app-label{display:inline-block;border-radius:5px;padding:2px 7px;background:var(--soft);color:var(--sage);font-size:12px;font-weight:600;line-height:1.7}.app-label:has(> .icon){display:inline-flex;align-items:center;gap:6px}.app-label > .icon{width:1.15em;height:1.15em}.app-label.hwp,.app-label.word{background:var(--color-document-blue-surface);color:var(--color-document-blue-text)}.app-label.excel{background:var(--color-document-green-surface);color:var(--color-document-green-text)}.app-label.pdf{background:var(--color-document-red-surface);color:var(--color-document-red-text)}.text-link{color:var(--red);font-size:14px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-height:44px}.text-link .icon{width:16px;height:16px}.faq h2{margin-bottom:var(--space-xl)}.faq details{border-bottom:1px solid var(--color-border-panel)}.faq details:last-of-type{border-bottom:0}.faq summary{font-size:inherit;font-weight:600;padding:var(--space-lg) 0}.faq summary > .icon{width:15px;height:15px;color:var(--muted)}.faq details p{color:var(--muted);font-size:inherit;padding:0 0 var(--space-xl)}.result-intro .eyebrow{background:var(--soft);color:var(--red)}.result-card{padding:0;text-align:center}.result-controls{text-align:left}.checkerboard{/* 따뜻한 페이지 색조 대신 테스터의 중립적인 투명 배경 팔레트에 맞춘다. */background-color:var(--color-checker-light);background-image:conic-gradient(
    var(--color-checker-dark) 25%,
    transparent 0 50%,
    var(--color-checker-dark) 0 75%,
    transparent 0
  );background-size:20px 20px}.stamp-stage{width:min(100%, 320px);aspect-ratio:1;margin:auto;position:relative;display:grid;grid-template-rows:minmax(0, 1fr) auto;gap:8px;padding:12px;place-items:center;overflow:hidden;border:1px solid var(--color-border-panel);border-radius:var(--radius-panel)}.stamp-stage img{grid-area:1/1;min-height:0;min-width:0;width:100%;height:100%;object-fit:contain}.format-tag{grid-area:2/1;max-width:100%;margin:0;background:var(--surface);border-radius:var(--radius-badge);font-size:12px;line-height:1.5;padding:4px 8px;color:var(--muted);text-align:center;text-wrap:balance}.result-explanation{font-size:var(--font-size-small);color:var(--muted);margin:0}.result-summary{margin:var(--space-lg) 0 0;border-block:1px solid var(--color-border-panel);text-align:left}.result-summary > h2{margin:0;min-height:48px;align-items:center;font-size:14px;font-weight:600}.result-summary > h2 .icon{align-self:center;margin-top:0;color:var(--red);flex-shrink:0}.result-summary dl{margin:0;padding:0 0 var(--space-lg);font-size:14px}.result-summary dl > div{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.7fr);gap:14px;padding:11px 0;border-bottom:1px solid var(--border)}.result-summary dl > div:last-child{border-bottom:0;padding-bottom:0}.result-summary dt{color:var(--muted)}.result-summary dd{margin:0;text-align:right;overflow-wrap:anywhere}.result-summary dd small{display:block;color:var(--muted);margin-top:3px}.result-summary .summary-alpha{color:var(--color-success)}.alpha-label{display:inline-flex;align-items:baseline;gap:6px}.alpha-label > .icon{flex:0 0 15px;align-self:center}.alpha-label > span{overflow-wrap:normal;word-break:keep-all}.alpha-translation{white-space:nowrap}.format-mobile{display:none}.result-loader{grid-area:1/1;position:relative;width:100%;height:100%;min-height:0}.result-pending #final-image{visibility:hidden}.result-pending .result-summary dd{position:relative;color:transparent}.result-pending .result-summary dd > *{visibility:hidden}.result-pending .result-summary dd::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(100%, 220px);height:1em;border-radius:var(--radius-badge);background:linear-gradient(100deg, var(--border) 25%, var(--surface) 50%, var(--border) 75%);background-size:200% 100%;animation:result-shimmer 1.3s linear infinite}@keyframes result-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.result-pending .result-summary dd::after{animation:none}}@media (max-width: 800px){.format-desktop{display:none}.format-mobile{display:inline}.alpha-translation{display:block;font-size:.85em}}.summary-alpha .icon{width:15px;height:15px;vertical-align:middle}.result-status:empty{display:none}.result-intro h1,.result-intro p{overflow-wrap:anywhere;text-wrap:pretty}:lang(ko) .result-intro p{word-break:keep-all}.result-actions{margin:0;display:grid;gap:12px}.result-actions > p{margin:0}.quick-tips{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.quick-tips span{display:flex;gap:5px;align-items:center}.quick-tips .icon{width:14px;height:14px;color:var(--red)}.result-card .quick-tips{border-top:1px solid var(--border);padding-top:var(--space-xl);margin-top:var(--space-xl)}#empty-result{padding:20px 0}#empty-result p{margin-bottom:18px}.tool-shell .intro h1{font-size:var(--font-size-h1)}.maker-guides[data-state="result"] .creator-only{display:none}.maker-guides[data-state="create"] .result-only{display:none}.brand-signature{display:flex;align-items:center;color:var(--red)}.result-secondary-actions{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0}.signature-row{--seal-size:82px;border:0;border-radius:var(--radius);background:var(--paper);display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:8px 12px;margin-top:20px;font-size:15px}.signature-name{white-space:nowrap;color:var(--ink)}.seal-target{position:relative;display:grid;place-items:center;flex:0 0 var(--seal-size);width:var(--seal-size);height:var(--seal-size)}.seal-marker{color:var(--ink);line-height:1}.seal-target img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}.privacy-feature{display:flex;gap:24px;margin:64px auto;padding:32px;background:var(--soft);border-radius:var(--radius)}.privacy-feature > .icon{width:42px;height:42px;color:var(--sage);margin-top:12px}.privacy-feature p{color:var(--muted);font-size:14px;margin-top:12px}.cta-panel{display:block;text-align:center;background:var(--surface);border:var(--cta-border-width, 1px) solid var(--border);padding:var(--cta-padding, 40px);border-radius:var(--radius);margin:64px 0}.cta-panel h2{color:var(--ink);max-width:var(--cta-title-max-width, none);margin-inline:auto;font-size:var(--cta-title-size, var(--font-size-h2));line-height:var(--cta-title-line-height, var(--line-height-heading));text-wrap:var(--cta-title-wrap, wrap)}.cta-panel p{color:var(--ink);font-size:14px;margin-top:12px}.cta-panel .button{flex-shrink:0;max-width:100%;margin-top:var(--cta-button-spacing, 24px)}.cta-panel .eyebrow{color:var(--cta-eyebrow-color, var(--red))}.page-intro{padding:24px 0 48px}.page-intro:not(.reading-header) p{color:var(--muted);margin-top:16px;max-width:850px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:30px 0 20px;flex-wrap:wrap}.breadcrumb a{display:inline-flex;align-items:center;gap:5px;text-decoration:none;min-height:30px}.breadcrumb .icon{width:13px;height:13px}.search-toolbar{display:grid;grid-template-columns:minmax(0, 1fr);align-items:center;gap:12px;margin:5px 0 30px}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--color-border-interactive);border-radius:var(--radius);padding:0 14px;flex:1;min-width:0}.search-box:focus-within{border-color:var(--sage)}.search-box input{border:0;background:none;min-height:48px;width:100%;min-width:0;font-size:15px;color:var(--ink)}.filter-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0, 1fr);gap:7px}.filter-buttons button{border:1px solid var(--color-border-interactive);background:var(--surface);color:var(--muted);border-radius:var(--radius);min-height:44px;padding:8px 12px;font-size:13px;font-weight:500;word-break:keep-all}.filter-buttons button[aria-pressed="true"]{background:var(--red);color:white;border-color:var(--red)}.featured-guide{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px 0;border-block:1px solid var(--border);margin-bottom:48px}.featured-image{position:relative;min-height:300px}.featured-image img{width:100%;height:100%;object-fit:cover}.featured-image > .eyebrow{position:absolute;top:20px;left:20px;background:var(--surface);color:var(--red)}.featured-guide > div{padding:8px 0}.featured-guide h2{margin:10px 0;font-size:24px}.featured-guide h2 a{text-decoration:none}.featured-guide p,.featured-guide li{font-size:14px;color:var(--muted)}.featured-guide ul{padding-left:18px}.featured-guide .button{margin-top:12px}.media-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:32px}.media-card{--media-width:144px;--media-height:160px;--media-gap:16px;padding:var(--space-lg);background:var(--surface);border:1px solid var(--color-border-panel);border-radius:var(--radius-panel)}.media-card:hover,.media-card:focus-within{border-color:var(--color-border-interactive)}.media-card__link{display:flex;align-items:flex-start;gap:var(--media-gap);height:100%;text-decoration:none}.media-card__media{flex:0 0 var(--media-width);width:var(--media-width);height:var(--media-height);min-width:0;overflow:hidden;border-radius:var(--radius-badge)}.media-card__media > *{width:100%;height:100%;margin:0}.media-card__body{display:flex;flex-direction:column;flex:1 1 0;min-width:0;align-self:stretch}.media-card__title{font-size:var(--font-size-card-title);line-height:1.45;margin:8px 0}.media-card__summary{font-size:var(--font-size-card-summary);line-height:1.65;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.media-card__meta{align-self:flex-start;font-size:var(--font-size-card-meta)}.media-card__action{margin-top:auto;padding-top:8px;justify-content:flex-end;font-size:13px}@media (max-width: 920px){.media-grid{grid-template-columns:minmax(0, 1fr);gap:20px}}.pagination{display:flex;justify-content:center;gap:8px;margin:30px 0}.pagination button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:44px;min-height:44px;padding:7px 10px;color:var(--muted)}.pagination button[aria-current]{background:var(--red);color:white}.content-layout{display:grid;grid-template-columns:minmax(0, var(--content-body-width)) var(--content-sidebar-width);gap:var(--content-column-gap)}.content-layout > *{min-width:0}.reading-surface{font-size:var(--font-size-body);line-height:var(--line-height-reading);color:var(--ink)}.reading-header{padding:24px 0 var(--space-2xl)}.reading-header h1{font-size:var(--font-size-h1);margin:var(--space-md) 0 var(--space-lg)}.reading-header .lede{margin:0;max-width:72ch;font-size:var(--font-size-reading-lede);line-height:var(--line-height-body);color:var(--ink)}.reading-header .reading-meta{margin:var(--space-lg) 0 0}.reading-meta{font-size:var(--font-size-reading-meta);line-height:1.7;color:var(--muted)}.article-byline{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.article-byline .icon{width:16px;height:16px;color:var(--red)}.article-summary{margin:var(--space-xl) 0 var(--content-space);padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.article-summary h2{font-size:18px;color:var(--color-heading)}.article-summary ol{padding-left:23px;margin:15px 0 0}.article-summary li{padding:4px}.article-summary a{text-decoration:none}.article-section{margin:var(--content-space) 0}.article-section h2{display:flex;align-items:center;gap:10px;font-size:var(--font-size-h2);margin-bottom:var(--space-lg)}.article-section p:not(.small):not(.article-citations){color:var(--ink);line-height:var(--line-height-reading)}.reading-surface :is(.article-section, .prose) > :is(h2, h3){margin-bottom:var(--space-lg)}.reading-surface :is(.article-section, .prose) > p:not(.small):not(.article-citations){margin:0;color:var(--ink)}.reading-surface :is(.article-section, .prose) > p + p{margin-top:var(--space-lg)}.reading-surface .card > p:not(.small):not(.article-citations){color:var(--ink)}.reading-surface .faq details > p:not(.article-citations){font-size:var(--font-size-body);line-height:var(--line-height-reading);color:var(--ink)}.article-figure{margin-top:24px;border-radius:var(--radius-panel);overflow:hidden;border:1px solid var(--border);background:var(--soft)}.article-figure img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-figure figcaption{padding:12px 16px;font-size:12px;color:var(--muted)}.article-diagram img{display:block;height:auto;aspect-ratio:auto;object-fit:contain}.article-gallery{display:grid;grid-template-columns:repeat(auto-fill, minmax(128px, 160px));gap:16px;margin-top:24px}.article-gallery figure{min-width:0}.article-gallery a{display:block;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel)}.article-gallery img{display:block;width:100%;height:auto;aspect-ratio:192/277;object-fit:contain}.article-gallery figcaption{margin-top:7px;color:var(--muted);font-size:12px;text-align:center}.article-downloads{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.article-figure .icon{width:14px;height:14px;margin-right:5px}.content-sidebar{align-self:start;position:sticky;top:24px}.content-sidebar__body{display:grid;gap:32px;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}.content-sidebar__body :focus-visible{/* 300px 열 폭을 줄이지 않고 공통 포커스 테두리를 스크롤 영역 안에 유지한다. */outline-offset:-3px}.content-sidebar::before{/* 구분선을 열 사이 간격에 두어 300px 전체를 콘텐츠에 사용한다. */content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--content-column-gap) / -2);border-inline-start:1px solid var(--border);pointer-events:none}.content-sidebar .card{padding:0 0 24px;border-bottom:1px solid var(--border)}.content-sidebar h2{font-size:15px;margin-bottom:12px}.toc a,.sidebar-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:14px;color:var(--ink);text-decoration:none;line-height:1.6;overflow-wrap:anywhere}.toc a[aria-current]{background:var(--tint);border-radius:var(--radius-badge);color:var(--ink);font-weight:600}.sidebar-link{justify-content:space-between}.sidebar-link .icon{width:13px;height:13px;color:var(--muted)}.sidebar-cta .button{width:100%}.mobile-toc{display:none}/* 사이드바에 공간을 배정하기 전에 본문 728px을 우선 확보한다.
   이 기준 이상이면 1076px 열과 48px 여백, 스크롤바 공간이 들어간다. */@media (max-width: 1150px){.content-shell{--container-width:var(--content-body-width)}.content-layout{grid-template-columns:minmax(0, 1fr)}.content-sidebar{display:none}.mobile-toc{display:block;padding:0 15px;background:var(--soft);border-radius:var(--radius);margin-top:20px;font-size:14px}.mobile-toc nav{padding-bottom:12px}.mobile-toc nav a{display:block;padding:8px 0;text-decoration:none;color:var(--ink)}.mobile-toc summary{justify-content:flex-start}.mobile-toc summary > .icon:last-child{margin-left:auto}}.related-guides{margin:var(--content-space) 0}.related-guides h2{font-size:var(--font-size-h2)}.general-page{min-width:0}.general-page > .card{margin:0 0 var(--content-space);padding-top:24px;border-top:1px solid var(--border)}.general-page .prose p{line-height:var(--line-height-reading);max-width:72ch}.policy-draft{display:flex;gap:12px;background:var(--color-warning-surface);color:var(--color-warning)}.howto-steps{list-style:none;padding:0;margin:0}.howto-steps li + li{margin-top:30px}.howto-steps h2{display:flex;align-items:center;gap:10px;font-size:21px}.howto-steps p{color:var(--ink);margin:12px 0 0 35px}.error-page{text-align:center}.error-number{display:block;font-size:100px;font-weight:800;color:var(--red);line-height:1.2;margin-bottom:28px}.error-page .button{margin:6px}.site-footer{margin-top:var(--section-space);background:var(--soft);border-top:1px solid var(--border);font-size:13px;color:var(--muted);padding:64px 0 32px}.footer-inner{display:grid;grid-template-columns:minmax(0, 2fr) repeat(2, minmax(0, 1fr)) minmax(
      0,
      1.3fr
    );gap:32px}.footer-brand p{margin:20px 0 14px;max-width:340px}.site-footer h2{font-size:14px;margin:4px 0 16px}.site-footer nav a{display:block;text-decoration:none;min-height:36px;padding:5px 0;word-break:keep-all;overflow-wrap:anywhere}.copyright{grid-column:1/-1;border-top:1px solid var(--border);padding-top:22px;font-size:12px;display:flex;justify-content:space-between;gap:20px}.mobile-bottom{display:none}@media (max-width: 1150px){.header-inner{gap:14px}.desktop-nav{gap:15px}.header-cta{display:none !important}}@media (max-width: 800px){:root{--site-gutter:16px;--section-space:64px;--content-space:40px}.desktop-nav{display:none}.mobile-menu{display:block}.header-inner{min-height:var(--header-height-mobile);padding:8px 0}.brand{font-size:21px}.header-actions{gap:5px}.language-menu summary{padding:7px 4px}.language-menu summary > .icon:last-child{display:none}.hero-actions{justify-content:center}.cta-panel{padding:var(--cta-padding, 26px)}.featured-guide{grid-template-columns:1fr}.featured-image{min-height:0;max-height:260px;overflow:hidden}.featured-image img{height:260px}.featured-guide > div{padding:24px}.footer-inner{display:flex;flex-wrap:wrap;gap:24px}.footer-brand,.footer-inner > .copyright{flex-basis:100%}/* 메뉴의 실제 길이를 확보하고, 공간이 부족하면 묶음 단위로 다음 줄에 배치한다. */.footer-inner > nav{flex:1 1 max-content;min-width:0;max-width:100%}.footer-brand p{max-width:100%;margin-top:12px}.copyright{display:block}.copyright span{display:block;margin-top:8px}.site-footer{margin-top:50px;margin-bottom:60px;padding:32px 0}.mobile-bottom{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));position:fixed;bottom:0;left:0;right:0;z-index:25;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px max(6px, env(safe-area-inset-bottom))}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;min-height:44px;font-size:11px;line-height:1.4;color:var(--muted);text-align:center;padding:0 3px}.mobile-bottom a[aria-current]{color:var(--red)}.site-footer.is-workspace{margin-bottom:0}}@media (max-width: 600px){.cta-panel h2{font-size:var(--cta-title-size, 22px)}.result-secondary-actions{grid-template-columns:1fr}body{font-size:15px}h1{font-size:28px}h2{font-size:22px}.intro{padding:32px 0 24px}.tool-shell .intro{text-align:left}.tool-shell .intro h1{font-size:var(--font-size-h1)}.intro p{font-size:14px;margin-top:12px}.shape-grid,.font-grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px}.font-choice img{width:85px;height:85px}.choice-body{padding:12px 5px}.shape-choice img{width:60px;height:60px}.card-heading{align-items:flex-start;gap:8px}.card-heading h2{font-size:16px}.card-heading > .trust-tag{display:none}.settings-grid{grid-template-columns:1fr}.preview-tools{flex-direction:column;align-items:flex-start}.features-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.guide-grid--reading{grid-template-columns:minmax(0, 1fr)}.result-intro{text-align:center !important}.stamp-stage{width:min(100%, 260px)}.quick-tips{gap:10px}.result-card .quick-tips{align-items:center;flex-direction:column}.guide-card{padding:var(--space-lg)}.privacy-panel{padding:12px;font-size:12px}.privacy-feature{padding:22px;gap:12px;margin:24px 0}.privacy-feature > .icon{width:23px;height:23px}.privacy-feature h2{font-size:20px}.page-intro{padding-bottom:25px}.page-intro h1{font-size:var(--font-size-h1)}.page-intro:not(.reading-header) p{font-size:14px}.breadcrumb{padding:20px 0 12px}.filter-buttons{display:flex;flex-wrap:wrap}.filter-buttons button{flex:1 1 auto;padding:8px 5px}.featured-guide{padding:0}.featured-guide h2{font-size:21px}.featured-guide ul{display:none}.media-grid{gap:14px}.media-card{--media-width:96px;--media-height:128px;--media-gap:12px}.reading-header{padding-bottom:var(--space-xl)}.article-summary{padding:18px}.article-section h2{font-size:22px;align-items:flex-start}.site-footer nav h2{font-size:13px}.site-footer nav a{font-size:12px}}@media (max-width: 360px){:root{--site-gutter:12px}.shape-grid,.font-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.header-inner{gap:5px}.brand{font-size:18px}.language-menu summary{font-size:12px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none !important;animation:none !important}}