*,*:before,*:after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important;scroll-behavior:auto!important}}:root{font-family:Inter,Helvetica,Arial,sans-serif;font-weight:300;font-size:16px;color-scheme:light dark;--primary-color: #f5f1e8;--secondary-color: #1a1816;--muted-color: #6e6a64;--accent-color: #3f6b5b;--primary-color-rgb: 245, 241, 232;--secondary-color-rgb: 26, 24, 22;--svg-perimeter: 2rem;--header-height: 8em;--padding-s: .5rem;--padding-m: 1rem;--padding-l: 2rem;--m: 4rem;--scroll-bar-offset: 17px}@media (prefers-color-scheme: dark){:root{--primary-color: #111311;--secondary-color: #f4efe7;--muted-color: #b6b0a6;--accent-color: #8fb8a3;--primary-color-rgb: 17, 19, 17;--secondary-color-rgb: 244, 239, 231}}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6{font-weight:400}p,a,li{font-variant-numeric:oldstyle-nums}ul{list-style:none;margin:0;padding:0}a{color:var(--secondary-color)}a:hover{filter:invert(100%) brightness(.8)}#tafoni-app{height:100dvh;min-height:100vh;background:radial-gradient(circle at top,rgba(203,169,128,.14),transparent 30%),radial-gradient(circle at 20% 20%,rgba(110,82,60,.18),transparent 28%),linear-gradient(180deg,#060505 0%,#120f0d 100%);color:var(--secondary-color);overflow:hidden}main{height:100%;min-height:100vh;padding:clamp(.75rem,1.5vw,1.5rem);overflow:hidden}.tafoni-layout{display:grid;grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:clamp(1rem,2vw,2rem);height:100%;min-height:0}.tafoni-stage{display:grid;place-items:start center;min-height:0;overflow:hidden}.tafoni-preview-shell{--tafoni-aspect: 1.6;position:relative;aspect-ratio:var(--tafoni-aspect);width:min(100%,(100dvh - clamp(1.5rem,3vw,3rem)) * var(--tafoni-aspect));max-height:calc(100dvh - clamp(1.5rem,3vw,3rem));min-height:0;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#0a0807;box-shadow:0 24px 80px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.03),inset 0 0 80px rgba(71,47,31,.18)}.tafoni-preview-shell canvas{display:block;width:100%;height:100%}.tafoni-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;min-height:0;overflow:hidden;font-size:.92rem}.tafoni-panel #pane{width:100%;min-height:0}.tafoni-panel .tp-dfwv{width:100%!important;max-height:calc(100dvh - clamp(1.5rem,3vw,3rem));overflow:auto;font-size:.82rem}.tafoni-panel .tp-rotv{background:rgba(255,255,255,.03);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 24px 80px rgba(0,0,0,.35)}.image-dropzone{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;align-items:center;min-height:4rem;padding:.65rem;border:1px solid rgba(255,255,255,.16);background:rgba(132,97,72,.14);cursor:pointer}.image-dropzone.has-preview{grid-template-columns:4rem minmax(0,1fr)}.image-dropzone.drag-over,.image-dropzone:focus-visible{outline:none;border-color:rgba(255,255,255,.55);background:rgba(201,167,129,.14)}.image-dropzone img{width:4rem;height:4rem;object-fit:cover;background:#111}.image-dropzone img[hidden]{display:none}.image-dropzone p,.image-dropzone span{display:block;overflow-wrap:anywhere}.image-dropzone p{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.image-dropzone span{margin-top:.2rem;font-size:.75rem;opacity:.65}@media (max-width: 1000px){main{overflow:auto}#tafoni-app{height:auto;overflow:visible}.tafoni-layout{grid-template-columns:1fr;height:auto}.tafoni-stage{order:2;overflow:visible}.tafoni-panel{order:1;overflow:visible}.tafoni-preview-shell{width:min(100%,(100dvh - 22rem) * var(--tafoni-aspect));max-height:min(70dvh,100dvh - 22rem)}}@media (prefers-reduced-motion: reduce){.tafoni-preview-shell,.tafoni-panel .tp-rotv{transition:none!important}}.tafoni-preview-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 35%),radial-gradient(circle at 22% 18%,rgba(255,238,208,.08),transparent 18%),radial-gradient(circle at 78% 70%,rgba(38,22,13,.24),transparent 22%);mix-blend-mode:screen}