*{box-sizing:border-box}html{background:#f7f4eb;color:#25251f}body{margin:0;font:15px/1.55 "Malgun Gothic",sans-serif}header,main,footer{width:min(1180px,92%);margin:auto}header,nav,.mast,footer,.choices,.frames{display:flex;align-items:center}header,.mast{justify-content:space-between}header{height:72px;border-bottom:1px solid #99978b}.brand,footer strong{font:italic bold 32px Georgia}.brand span{font:600 12px sans-serif;border-left:1px solid #aaa;padding-left:12px;margin-left:8px}nav{gap:8px}button{cursor:pointer;font:inherit;color:inherit;background:transparent;border:1px solid #a8a599;padding:9px 14px}button:hover,button:focus-visible{background:#e8e3d6}button.active,[aria-pressed=true]{background:#282923;color:#fff}nav button{border:0;font-size:14px}i{font:12px Georgia}.mast{padding:28px 0 20px;border-bottom:4px double #37372e}.mast small,legend{font-weight:700;letter-spacing:.08em}.mast small{color:#963d29;font-size:12px}h1,h2{font-family:"Nanum Myeongjo",Batang,Georgia,serif;margin:0}h1{font-size:clamp(42px,5vw,72px);line-height:1.18;letter-spacing:-.07em}h1 em{font-family:Georgia;color:#963d29}time{font:italic 16px Georgia;align-self:flex-end}#studio{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:36px;padding:25px 0}.desk{display:grid;place-items:center;min-height:510px;padding:28px 34px;background-color:#c6c2b4;background-image:repeating-linear-gradient(96deg,transparent 0 5px,#ffffff12 6px 7px),radial-gradient(ellipse at 30% 25%,#dedacf,transparent 70%);overflow:hidden}.paper{width:min(100%,430px);transform:rotate(-2deg);box-shadow:2px 4px 6px #26221936,7px 8px 0 -2px #e5e0d3,11px 11px 16px #33292049}canvas{width:100%;display:block;touch-action:pan-y}aside{background:#ffffff49;border:1px solid #bab7aa;padding:24px;height:fit-content}h2{font-size:29px;border-bottom:2px solid;padding-bottom:12px;letter-spacing:-.04em}fieldset{border:0;margin:19px 0 0;padding:0}legend,label{display:block;margin-bottom:8px;font-size:15px;font-weight:bold}.choices,.frames{gap:6px}.choices button,.frames button{flex:1;font-size:14px}.frames button{padding:9px 3px}.frames b{font:bold 27px Georgia,Batang,serif;display:block;padding:7px 0;color:#282720;margin:0 5px 5px}.frames button:nth-child(1) b{background:#e3d6b9}.frames button:nth-child(2) b{background:#e4e4dc}.frames button:nth-child(3) b{background:#ddc8ae}.primary{width:100%;background:#993e2b;color:white;border-color:#993e2b;font-weight:bold;padding:13px}.primary:hover{background:#78311f}.primary span{float:right}.primary:disabled{opacity:.65}#status{color:#63483a;font-size:14px;min-height:1em}aside>button:not(.primary){margin-top:9px}input:not([type=color]){width:100%;accent-color:#993e2b}input:not([type=range]):not([type=color]){margin:5px 0;padding:10px;background:#fffdf5;border:1px solid #aaa;font:inherit}#edit,#choose{margin-top:18px}#shots{display:flex;gap:5px;margin-bottom:12px}#shots button{width:33%;padding:3px}#shots img,dialog img{width:100%;display:block}footer{border-top:3px double #666;padding:16px 0;gap:14px;font-size:12px;color:#555}#wall{padding:24px 0}#field{position:relative;overflow:hidden;min-height:440px;background:#ded9cb;display:grid;place-items:center}.entry{width:clamp(65px,15%,150px);padding:0;border:none;position:absolute;box-shadow:1px 3px 8px #0003;animation:drift var(--speed) ease-in-out infinite alternate}.entry img{width:100%;display:block}.entry:hover{animation-play-state:paused}@keyframes drift{from{transform:translate(-12%,-8%) rotate(-5deg)}to{transform:translate(24%,16%) rotate(5deg)}}dialog{border:1px solid;background:#f7f4eb;max-width:95vw}dialog img{max-height:75vh;object-fit:contain;margin-top:8px}dialog::backdrop{background:#25251fcc}[hidden]{display:none!important}@media(max-width:760px){#studio{grid-template-columns:1fr;gap:14px}.desk{min-height:0;padding:20px}.paper{width:min(82%,330px)}.brand span{display:none}header{height:54px}.mast{padding:15px 0}time{font-size:12px}aside{padding:18px}}@media(prefers-reduced-motion:reduce){.entry{animation:none}}