:root{font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:#253934;background:#f6f6ef;font-synthesis:none;--line:#d8ded0;--blue:#17617a;--cell-width:204px}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,.comparison-scroll:focus-visible{outline:3px solid #d28d2c;outline-offset:3px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 30px 26px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#708078}h1{font-size:27px;letter-spacing:-1px;margin:10px 0 8px}.masthead p{font-size:13px;color:#6d786e;margin:0}.reference{font-size:12px;color:#56705e;text-decoration:none;border-bottom:1px solid #9bae9e;padding:7px 0;white-space:nowrap}
.toolbar{display:flex;align-items:center;gap:26px;padding:14px 24px;background:#fcfcf7;border-bottom:1px solid var(--line);flex-wrap:wrap}.transport{display:flex;gap:8px}.transport button{display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:126px;padding:14px 18px;font-size:20px;background:#e9efec;border:1px solid #b8cac6;color:#2c5655}.transport button.active{background:var(--blue);border-color:#09465b;color:white;box-shadow:inset 0 -3px #0d475d}.transport span{font-size:14px}.settings{display:flex;gap:18px}.settings label{display:flex;align-items:center;gap:7px;font-size:11px;color:#728174}.settings select{border:1px solid var(--line);border-radius:3px;background:#fffef8;color:#2b423b;padding:9px 6px;font-size:12px}.frames{display:flex;align-items:center;gap:5px;margin-left:auto}.frames>span{font-size:9px;letter-spacing:1px;margin-right:6px;color:#7b8d7c}.frames button{background:transparent;border:1px solid var(--line);color:#768471;border-radius:2px;width:29px;height:31px;font-size:12px}.frames button[aria-pressed=true]{background:#314f45;color:#fff;border-color:#314f45}
main{padding:0 16px}.comparison-scroll{overflow:auto}#comparison{width:max-content}.unit-headings,.unit-cells{display:grid;grid-template-columns:repeat(6,var(--cell-width));gap:8px}.unit-heading{padding:16px 8px 12px;border-bottom:1px solid var(--line)}.unit-heading small{font:9px monospace;letter-spacing:1px;color:#849481}.unit-heading h2{font-size:13px;margin:7px 0 0;font-weight:650}
.style-row{margin-top:16px;--accent:#a89078}.style-row[data-style=middle]{--accent:#8c899e}.style-row[data-style=compact]{--accent:#ad7848}.style-row[data-style=mmo]{--accent:#5d9592}.style-row[data-style=tactical]{--accent:#8a9d80}.style-title{position:sticky;left:0;width:max-content;max-width:calc(100vw - 32px);display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;border-left:3px solid var(--accent);padding:3px 9px;margin-bottom:9px}.style-title small{font:9px monospace;letter-spacing:1px;color:#849481}.style-title h3{font-size:15px;margin:0;letter-spacing:-.3px}.style-title .style-note{font-size:10px;margin:0;color:#849080}.style-title em{font-size:9px;letter-spacing:.4px;font-style:normal;color:#98682e;background:#efe8d7;padding:3px 6px;margin-left:6px}
.unit-cell{margin:0;min-width:0}.stage{width:var(--cell-width);height:var(--cell-width);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #dce2d2;background-color:#edf0e3;background-image:linear-gradient(#d8dfcd80 1px,transparent 1px),linear-gradient(90deg,#d8dfcd80 1px,transparent 1px);background-size:24px 24px}.sprite{display:block;flex-shrink:0;image-rendering:auto}.pixel .sprite{image-rendering:pixelated}.stage-label{position:absolute;right:4px;bottom:4px;color:#8e9a83;background:#f8faf0cc;padding:2px 4px;font:9px monospace}.unit-cell figcaption{display:flex;justify-content:space-between;padding:7px 3px;color:#8c9688;font-size:10px}.unit-cell a{color:#66806d;text-decoration:none}.unit-cell a:hover{text-decoration:underline}.unit-cell.failed .stage:after{content:'이미지를 불러오지 못했습니다';position:absolute;font-size:12px;color:#a33}
[data-background=dark] .stage{background:#24312e;border-color:#384b40;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:24px 24px}[data-background=light] .stage{background:#fafaf6}.note{font-size:11px;line-height:1.9;color:#82907e;margin:18px 4px 28px}#status{font-size:11px;color:#708572;margin:20px 4px 0}footer{border-top:1px solid var(--line);padding:20px 24px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;color:#8a9784}
@media(min-width:1600px){.masthead{padding-left:36px}.toolbar{padding-left:30px}main{padding:0 24px}}
@media(max-width:720px){.masthead{padding:24px 16px}.masthead h1{font-size:22px}.eyebrow{font-size:8px}.reference{font-size:10px}.toolbar{gap:14px;padding:12px 16px}.settings{gap:9px}.settings label{gap:4px}.settings select{max-width:96px}.frames{margin-left:0}.transport button{min-width:124px}main{padding:0 10px}.note{font-size:10px}footer{font-size:8px;padding:16px 12px}}

.style-title{cursor:pointer;list-style:none}.style-title::-webkit-details-marker{display:none}.style-title::before{content:'▸';color:var(--accent);font-size:14px}.style-guide[open]>.style-title::before{content:'▾'}.style-title:focus-visible{outline:3px solid #d28d2c;outline-offset:3px}.guide-hint{font-size:10px;color:#687d65;border-bottom:1px dotted #99a98e}.when-open{display:none}.style-guide[open] .when-open{display:inline}.style-guide[open] .when-closed{display:none}.guide-body{position:sticky;left:0;width:min(980px,calc(100vw - 48px));margin:12px 0 18px;padding:22px 26px;background:#fffef9;border:1px solid var(--line);border-left:3px solid var(--accent);color:#35453e}.guide-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)}.guide-actions button{padding:8px 12px;font-size:12px;color:#fff;background:#315c52;border:0;border-radius:3px}.guide-actions a{font-size:12px;color:#446d5d;text-decoration:underline;text-underline-offset:3px}.guide-copy-status{font-size:11px;color:#657b63}.guide-prose{font-size:13px;line-height:1.85;overflow-wrap:anywhere}.guide-prose p{margin:12px 0}.guide-prose .guide-document-title{font-size:17px;font-weight:700;margin:22px 0 16px}.guide-prose h4{font-size:15px;margin:28px 0 10px;padding-bottom:7px;border-bottom:1px solid #e4e9dc;color:#244638}.guide-prose ul{padding-left:22px;margin:12px 0}.guide-prose li{margin:7px 0}.guide-prose pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#eff2e9;border:1px solid #dde3d3;padding:18px;font:12px/1.8 Consolas,monospace}.guide-prose code{font:inherit}@media(max-width:720px){.guide-body{padding:14px;width:calc(100vw - 32px)}.guide-prose{font-size:12px}.guide-prose pre{padding:12px}}.style-row[data-style=vivid]{--accent:#b44352}
:root{--sidebar-width:184px;--content-width:calc(100vw - var(--sidebar-width))}html{scroll-behavior:smooth}.page-content{margin-left:var(--sidebar-width);min-width:0}.model-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);padding:30px 14px;background:#eeefe7;border-right:1px solid var(--line);z-index:5;overflow-y:auto}.sidebar-brand{display:block;font-size:12px;letter-spacing:1px;color:#2b5148;text-decoration:none;margin:0 7px 40px}.sidebar-brand strong{display:block;font-size:24px;letter-spacing:3px;margin-top:5px}.sidebar-label{font-size:10px;color:#7d8b75;margin:0 8px 12px}.model-link{display:block;padding:14px 11px;margin:5px 0;color:#687564;text-decoration:none;border-left:3px solid transparent;border-radius:3px}.model-link strong{display:block;font-size:13px}.model-link small{display:block;font-size:10px;line-height:1.6;margin-top:6px}.model-link:hover{background:#e1e7db}.model-link.active{background:#dce7de;border-left-color:#2e6e5e;color:#254e43}.model-link.pending{opacity:.55}.sidebar-note{font-size:10px;line-height:1.8;margin:28px 10px;color:#87927f}.model-group{scroll-margin-top:16px;min-width:0}.model-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 6px 18px}.model-heading h2{font-size:25px;letter-spacing:-.6px;margin:8px 0}.model-heading p,.group-description{font-size:12px;color:#7a8872;line-height:1.7;margin:0}.model-badge{font-size:10px;color:#38695a;background:#e1ece3;padding:7px 10px;border-radius:3px;white-space:nowrap}.static-badge{color:#97603e;background:#f0e7dd}.static-group{border-top:2px solid var(--line);margin-top:44px;padding-bottom:40px}.group-description{margin:0 6px 14px}.model-group .toolbar{padding:12px 6px;margin-bottom:4px}:is(.claude-scroll,.gemini-scroll){overflow:auto}:is(.claude-headings,.gemini-headings),:is(.claude-cells,.gemini-cells){display:grid;grid-template-columns:repeat(2,var(--cell-width));gap:8px}:is(#claude-comparison,#gemini-comparison){width:max-content}:is(.claude-headings,.gemini-headings) h3{font-size:13px;margin:0 0 7px}:is(.claude-headings,.gemini-headings) p{font-size:10px;line-height:1.5;margin:0;color:#849080}:is(.claude-style-row,.gemini-style-row){margin-top:18px}:is(.claude-style-title,.gemini-style-title){display:flex;align-items:baseline;gap:12px;margin-bottom:9px}:is(.claude-style-title,.gemini-style-title) h3{font-size:13px;margin:0}:is(.claude-style-title,.gemini-style-title) span{font-size:10px;color:#88927e}:is(#claude-status,#gemini-status){font-size:11px;color:#708572;margin:20px 4px 0}.style-title{max-width:calc(var(--content-width) - 32px)}.guide-body{width:min(980px,calc(var(--content-width) - 48px))}
@media(max-width:1000px){:root{--sidebar-width:0px;--content-width:100vw}.page-content{margin-left:0}.model-sidebar{position:relative;width:100%;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.sidebar-brand{margin:0 0 8px;font-size:9px}.sidebar-brand strong{display:inline;font-size:12px;margin-left:5px}.sidebar-label,.sidebar-note{display:none}.model-sidebar nav{display:flex;gap:6px;flex-wrap:wrap}.model-link{flex:1;min-width:100px;padding:8px;margin:0}.model-link strong{font-size:11px}.model-link small{font-size:9px;margin-top:3px}.model-heading h2{font-size:21px}.model-group{scroll-margin-top:8px}.guide-body{width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.gemini-style-title{flex-wrap:wrap;max-width:calc(var(--content-width) - 32px);line-height:1.6}.group-description a{color:#446d5d;text-underline-offset:3px}
.production-limits{border-top:2px solid var(--line);padding:0 6px 30px;margin-top:12px;scroll-margin-top:16px}.production-limits .model-heading{padding-left:0}.limits-intro,.limits-conclusion{font-size:13px;line-height:1.85;color:#506450;margin:0 0 20px}.limits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.limit-card{background:#fffef9;border:1px solid var(--line);padding:22px;min-width:0}.limit-tag{font:10px/1.6 monospace;color:#7a8872;letter-spacing:.6px}.limit-card h3{font-size:19px;margin:9px 0 22px}.limit-card dl{margin:0;font-size:12px;line-height:1.9}.limit-card dt{font-weight:700;color:#35584c;margin-top:18px}.limit-card dd{margin:5px 0 0;color:#5d6f60;overflow-wrap:anywhere}.limit-card code{font-size:11px}.limit-sources{display:flex;flex-wrap:wrap;gap:8px 12px;border-top:1px solid var(--line);padding-top:14px;margin:22px 0 0}.limit-sources a{font-size:11px;color:#446d5d;text-underline-offset:3px}.limits-conclusion{margin:20px 0 10px;padding:16px 20px;background:#e8eee2;border-left:3px solid #70896d}.limits-footnote{font-size:11px;line-height:1.8;color:#7b8876;margin:0}@media(max-width:1100px){.limits-grid{grid-template-columns:1fr}.limit-card{padding:20px}.production-limits .model-heading h2{font-size:20px}.limits-intro,.limits-conclusion{font-size:12px}}