:root{--bg:#0A0A0C;--panel:#101014;--panel-2:#17171C;--panel-3:#1D1D24;--line:rgba(255,255,255,0.09);--line-soft:rgba(255,255,255,0.055);--ink:#EDEEF2;--dim:#9A9CA8;--dimmer:#686A75;--accent:#5E6AD2;--accent-hover:#6B77E8;--accent-soft:#8B93FF;--ok:#6FD9A6;--sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html{color-scheme:dark}body,html{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(640px 320px at 50% -120px,rgba(94,106,210,.16),transparent 70%);background-repeat:no-repeat;color:var(--ink);font-family:var(--sans);font-size:15.5px;line-height:1.65;letter-spacing:-.011em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}::selection{background:rgba(94,106,210,.4)}.sheet{max-width:704px;margin:0 auto;padding:0 20px;min-height:100vh;display:flex;flex-direction:column}main{flex:1 1;padding-bottom:88px}.site-head{display:flex;justify-content:space-between;padding:22px 0 18px}.logo,.site-head{align-items:center}.logo{display:inline-flex;gap:9px;font-weight:700;font-size:16.5px;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.logo .seal-mark{width:22px;height:22px;flex:none}.site-head nav a{color:var(--dim);text-decoration:none;font-size:13.5px;padding:7px 12px;border-radius:8px;transition:color .15s ease-out,background-color .15s ease-out}.site-head nav a:hover{color:var(--ink);background:rgba(255,255,255,.05)}.hero{padding:46px 0 30px}.hero .doc-no{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--accent-soft);margin:0 0 14px}.hero h1{margin:0 0 14px;font-size:clamp(30px,6vw,42px);line-height:1.18;font-weight:700;letter-spacing:-.035em;text-wrap:balance;background:linear-gradient(180deg,#FFFFFF 30%,#B8BAC6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--dim);font-size:15.5px;margin:0;max-width:56ch}.hero p strong{color:var(--ink);font-weight:600}.tool{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 48px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.045);overflow:hidden}.tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line-soft)}.tabs button{flex:1 1;padding:9px 8px;background:transparent;border:0;border-radius:8px;color:var(--dim);font-family:var(--sans);font-size:13.5px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:color .15s ease-out,background-color .15s ease-out}.tabs button:hover:not([aria-selected=true]){color:var(--ink)}.tabs button[aria-selected=true]{background:var(--panel-3);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.pane{padding:18px 18px 22px;display:grid;grid-gap:15px;gap:15px}@media (max-width:560px){.pane{padding:14px 12px 18px}}.row{display:grid;grid-template-columns:92px 1fr;align-items:center;grid-gap:12px;gap:12px}.row .th{font-size:13px;font-weight:500;color:var(--dim)}.row .td{display:flex;align-items:center;min-width:0}.row input[type=number],.row select{width:100%;padding:9px 12px;background-color:var(--panel-2);border:1px solid var(--line);border-radius:9px;color:var(--ink);font-family:var(--sans);font-size:14px;transition:border-color .15s ease-out,box-shadow .15s ease-out}.row select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' fill='none' stroke='%239A9CA8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.row input[type=number]:hover,.row select:hover{border-color:rgba(255,255,255,.18)}.row input:focus-visible,.row select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(94,106,210,.28)}.drop:focus-visible,.tabs button:focus-visible,a:focus-visible,button.primary:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.row input[type=range]{width:100%;accent-color:var(--accent)}.drop{border:1px dashed rgba(255,255,255,.17);border-radius:10px;padding:30px 16px;text-align:center;color:var(--dim);font-size:14px;cursor:pointer;background:rgba(255,255,255,.015);transition:border-color .15s ease-out,background-color .15s ease-out,color .15s ease-out}.drop strong{color:var(--ink);font-weight:600}.drop.over,.drop:hover{border-color:var(--accent);background:rgba(94,106,210,.07);color:var(--ink)}.preview-wrap{position:relative;justify-content:center;padding:2px 0}.preview-wrap canvas{background:#0D0D11;border:1px solid var(--line);border-radius:10px;max-width:100%}.badge{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:var(--panel-3);border:1px solid var(--line);color:var(--ink);font-size:12px;padding:4px 12px;border-radius:999px}.notes{margin:0;padding-left:17px;color:var(--dim);font-size:13px}.notes li{margin-bottom:2px}.notes li::marker{color:var(--accent-soft)}.filemeta{margin:-3px 0 0;color:var(--dim);font-size:12.5px;font-family:var(--mono)}button.primary{padding:12px;border:0;border-radius:9px;background:var(--accent);color:#FFF;font-family:var(--sans);font-size:14.5px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background-color .15s ease-out,transform .1s ease-out}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.primary:active:not(:disabled){transform:translateY(1px)}button.primary:disabled{background:var(--panel-2);color:var(--dimmer);box-shadow:inset 0 0 0 1px var(--line-soft);cursor:default}button.primary .num{font-family:var(--mono);font-size:13.5px}.issue{border-top:1px solid var(--line-soft);margin-top:4px;padding-top:15px;display:flex;align-items:center;gap:12px}a.download{flex:1 1;display:block;text-align:center;padding:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;color:var(--ink);font-weight:600;font-size:14px;text-decoration:none;transition:background-color .15s ease-out,border-color .15s ease-out}a.download:hover{background:var(--panel-3);border-color:rgba(255,255,255,.16)}a.download .size{font-family:var(--mono);font-weight:400;font-size:12.5px;color:var(--dim)}.stamp{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:rgba(111,217,166,.1);border:1px solid rgba(111,217,166,.32);color:var(--ok);font-size:13px;font-weight:600;white-space:nowrap;animation:chip-in .45s cubic-bezier(.16,1,.3,1) both}.stamp:before{content:"✓";font-weight:700}@keyframes chip-in{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.issue-meta{margin:6px 0 0;font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:var(--dim)}.privacy{margin:12px 0 0;text-align:center;color:var(--dim);font-size:12.5px}.privacy strong{color:var(--accent-soft);font-weight:600}.links{margin-top:56px}.links h2{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--dim);margin:0 0 6px}.links ul{list-style:none;margin:0;padding:0}.links li{border-bottom:1px solid var(--line-soft)}.links li:last-child{border-bottom:0}.links a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 2px;color:var(--ink);text-decoration:none;font-size:14.5px;font-weight:500;border-radius:6px;transition:color .15s ease-out}.links a:after{content:"→";color:var(--dimmer);transition:transform .15s ease-out,color .15s ease-out}.links a:hover{color:#FFF}.links a:hover:after{color:var(--accent-soft);transform:translateX(3px)}.site-foot{margin-top:auto;padding:20px 0 36px;border-top:1px solid var(--line-soft);color:var(--dim);font-size:12.5px;line-height:1.75}.site-foot p{margin:0 0 2px}.site-foot a{color:var(--dim);text-decoration:none}.site-foot a:hover{color:var(--ink)}.guide{padding-top:40px}.guide h1{font-size:clamp(25px,5vw,31px);line-height:1.32;font-weight:700;letter-spacing:-.03em;text-wrap:balance;color:#FFF}.guide h2{font-size:18px;font-weight:650;letter-spacing:-.02em;margin:34px 0 10px;color:var(--ink)}.guide li,.guide p{font-size:15px;color:#C0C2CC;max-width:68ch}.guide li{margin-bottom:4px}.guide li::marker{color:var(--accent-soft)}.guide table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.guide td,.guide th{padding:10px 13px;text-align:left;border-bottom:1px solid var(--line-soft)}.guide tr:last-child td,.guide tr:last-child th{border-bottom:0}.guide th{background:var(--panel-2);color:var(--ink);font-weight:600}.guide td{color:#C0C2CC}.guide a{color:var(--accent-soft)}.guide .cta{display:inline-block;margin-top:22px;padding:12px 24px;background:var(--accent);color:#FFF;font-weight:600;font-size:14.5px;border-radius:9px;text-decoration:none;transition:background-color .15s ease-out}.guide .cta:hover{background:var(--accent-hover)}.guide small{color:var(--dimmer)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}