:root{--paper: #e7ddc5;--plate: #c9bea5;--line: #211e1a;--grid-faint: rgba(33, 30, 26, .09);--accent: #c04e32;--ember: #c04e32;--text: #211e1a;--muted: #72695c;--chrome-text: rgba(183, 173, 160, .82)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;background-color:#111312;background-image:radial-gradient(72% 62% at 18% 0%,rgba(202,164,126,.15) 0%,rgba(150,116,87,.04) 44%,transparent 72%),radial-gradient(70% 65% at 95% 100%,rgba(0,0,0,.24),transparent 68%),linear-gradient(142deg,#403832,#2f2a26 38%,#262321 62%,#111312);background-attachment:scroll;color:var(--text);font-family:Courier New,Courier,ui-monospace,monospace;display:grid;place-items:center;padding:clamp(28px,6vw,78px) 18px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,.dropzone:focus-visible,.switch input:focus-visible+.track,summary:focus-visible{outline:3px solid rgba(94,111,99,.28);outline-offset:3px}.app{width:min(500px,100%);min-width:0}.image-card{isolation:isolate;position:relative;overflow:visible;min-height:min(82vh,810px);background:radial-gradient(ellipse at 20% 2%,rgba(242,233,212,.44),transparent 48%),radial-gradient(ellipse at 88% 92%,rgba(92,61,38,.12),transparent 52%),linear-gradient(108deg,rgba(103,72,45,.045) 0%,transparent 32%,rgba(242,233,212,.13) 58%,transparent 82%),var(--paper);border-radius:2px;display:flex;flex-direction:column;padding:clamp(16px,2.8vw,22px)}.image-card:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:.14;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.08' numOctaves='2' seed='21'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:240px 240px}.image-card:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:.86;background:radial-gradient(ellipse at 48% -12%,rgba(242,233,212,.3),transparent 56%),linear-gradient(94deg,rgba(74,48,28,.045),transparent 12% 84%,rgba(74,48,28,.065))}:root[data-theme=charcoal]{--paper: #eee8d8;--plate: #d2ccbd;--line: #25231e;--grid-faint: rgba(37, 35, 30, .09);--accent: #7e4f3f;--ember: #7e4f3f;--text: #292721;--muted: rgba(41, 39, 33, .7);--chrome-text: rgba(246, 241, 230, .68)}:root[data-theme=charcoal] body{background-color:#242624;background-image:radial-gradient(90% 75% at 50% -8%,rgba(255,255,255,.11) 0%,rgba(255,255,255,.03) 38%,transparent 68%),radial-gradient(65% 60% at 8% 100%,rgba(115,104,91,.1),transparent 72%),linear-gradient(150deg,#474a49,#343735 43%,#292b2a 70%,#202120)}:root[data-theme=charcoal] .image-card{background:radial-gradient(ellipse at 22% 4%,rgba(255,255,255,.38),transparent 46%),radial-gradient(ellipse at 86% 94%,rgba(84,62,38,.09),transparent 48%),linear-gradient(104deg,rgba(111,85,51,.035) 0%,transparent 30%,rgba(255,255,255,.12) 57%,transparent 81%),var(--paper)}:root[data-theme=charcoal] .image-card:before{opacity:.11;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' seed='12'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme=charcoal] .image-card:after{opacity:.8;background:radial-gradient(ellipse at 55% -12%,rgba(255,255,255,.24),transparent 54%),linear-gradient(92deg,rgba(78,58,34,.028),transparent 14% 86%,rgba(78,58,34,.04))}.image-card>*{position:relative;z-index:1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){:root{--mobile-gutter: 12px}body{padding:calc(56px + env(safe-area-inset-top)) max(var(--mobile-gutter),env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(var(--mobile-gutter),env(safe-area-inset-left));align-items:start}.image-card{min-height:78vh;border-radius:2px;padding:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.canvas-holder{position:relative;width:100%;height:clamp(360px,48vw,440px);min-height:0;flex:0 0 auto;overflow:hidden;display:grid;place-items:center;border-radius:0;background:var(--plate)}canvas{display:block;width:100%;height:auto;opacity:0;transition:opacity .35s ease,filter .2s ease}body.has-image canvas{opacity:1}canvas.developed{animation:develop .65s ease both}@keyframes develop{0%{opacity:.35;filter:blur(4px);transform:scale(.995)}to{opacity:1;filter:blur(0);transform:scale(1)}}.dropzone{position:absolute;inset:0;z-index:2;display:grid;place-items:center;cursor:pointer;border-radius:0;transition:background .25s ease}.dropzone-inner{display:grid;justify-items:center;gap:22px;color:var(--muted);text-align:center;padding:32px}.dropzone-copy{display:grid;gap:8px}.dropzone-copy strong{color:var(--text);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dropzone-copy small{font-size:11px;color:var(--muted);letter-spacing:.04em}.dropzone.drag{background:#fffffc33}body.has-image .dropzone{pointer-events:none;opacity:0}body.has-image .image-card.drag .dropzone{opacity:1;background:#f0ecdfc7}.image-card.drag .canvas-holder{background:#cec8b9}#fileInput{display:none}.wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.65) 50%,transparent 68%);background-size:240% 100%;opacity:0}.wash.run{animation:wash .7s ease both}@keyframes wash{0%{opacity:0;background-position:120% 0}35%{opacity:1}to{opacity:0;background-position:-40% 0}}.busy-veil{position:absolute;inset:0;display:grid;place-items:center;background:#d8d4c8b8;color:var(--muted);font-size:13px;opacity:0;pointer-events:none;transition:opacity .18s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.busy-veil.show{opacity:1}@media(max-width:620px){.canvas-holder{height:min(72vw,390px);min-height:0;border-radius:0}}.toolbar{width:100%;min-height:230px;flex:1 0 230px;margin:0;position:relative;z-index:5;background:transparent;border-radius:0;display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:6px;padding:34px 0 0}.site-tools{position:fixed;top:8px;right:8px;z-index:50;display:flex;align-items:center;gap:2px}.theme-switcher{width:32px;height:32px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:transparent;-webkit-tap-highlight-color:transparent}.theme-switcher:before{content:"";width:18px;height:18px;border:1px solid rgba(242,233,212,.5);border-radius:50%;background:linear-gradient(90deg,#403832 0 50%,#3b3e3c 50% 100%);box-shadow:0 1px 5px #00000059;transition:transform .25s ease,border-color .2s ease}:root[data-theme=charcoal] .theme-switcher:before{transform:rotate(180deg)}.theme-switcher:hover:before{border-color:#fffaf0d9}.theme-switcher:focus-visible{outline:3px solid rgba(246,241,230,.3);outline-offset:1px}.btn.github-link{min-height:32px;padding-inline:6px;color:var(--chrome-text);text-decoration:none;background:transparent}.btn.github-link:hover{color:#fffaf0e6;background:transparent}.btn.github-link:focus-visible{outline:3px solid rgba(94,111,99,.28);outline-offset:3px}.btn{border:0;border-radius:2px;min-height:36px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;background:transparent;color:var(--text);font-size:12px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;transition:background .18s ease,transform .18s ease}.btn:hover{background:#2424210f}.btn:active{transform:scale(.98)}.btn.primary{color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}details.adjustments{position:relative}details.adjustments[open]{z-index:20}details.adjustments>summary{list-style:none;-webkit-user-select:none;user-select:none}details.adjustments>summary::-webkit-details-marker{display:none}.settings-popover{position:absolute;right:0;bottom:calc(100% + 14px);width:min(330px,calc(100vw - 40px));background:#e5e0d3;border-radius:2px;padding:18px;z-index:30}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}.field-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;font-size:12px;color:var(--muted);letter-spacing:.035em;text-transform:uppercase}.field-label b{color:var(--text);font-size:12px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:#24242129;margin:5px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:var(--text);border:0;cursor:pointer}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--text);border:0;cursor:pointer}.toggle-grid{display:grid;gap:3px}.toggle-row{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;color:var(--text);letter-spacing:.035em;text-transform:uppercase}.toggle-row label{cursor:pointer}.switch{position:relative;width:36px;height:21px;flex:0 0 auto}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.switch input{z-index:2}.switch .track{position:absolute;inset:0;border-radius:99px;background:#24242129;transition:background .18s ease;pointer-events:none}.switch .knob{position:absolute;width:17px;height:17px;top:2px;left:2px;border-radius:50%;background:#fffffce6;transition:transform .18s ease;pointer-events:none}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track+.knob{transform:translate(15px)}@media(max-width:620px){.toolbar{min-height:190px;flex:1 0 190px;margin-top:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:flex-end;gap:5px;padding:0}.toolbar .btn{width:100%;min-width:0;min-height:44px;padding-inline:5px}details.adjustments{position:relative;min-width:0}.settings-popover{position:absolute;left:auto;right:calc(-300% - 15px);bottom:58px;width:calc(500% + 20px);max-height:min(70dvh,420px);overflow-x:hidden;overflow-y:auto;padding:18px;box-shadow:0 18px 50px #24242133}.github-link{min-height:36px;padding-inline:6px}.site-tools{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}}@media(max-width:340px){.toolbar .btn{min-width:40px;padding-inline:4px;font-size:11px}}