.ornate-frame-wrapper{position:relative;min-height:100vh}.ornate-frame-wrapper ::-webkit-scrollbar{width:12px}.ornate-frame-wrapper ::-webkit-scrollbar-track{background:rgba(139,69,19,.2);border-radius:6px}.ornate-frame-wrapper ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#b8860b);border-radius:6px;border:1px solid #8b6914}.ornate-frame-wrapper ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f4d03f,#d4af37)}.ornate-frame{position:absolute;top:8px;left:8px;right:8px;bottom:8px;pointer-events:none;z-index:1000;min-height:calc(100vh - 16px)}.frame-borders{position:absolute;width:100%;height:100%}.border-bottom,.border-top{position:absolute;left:0;right:0;height:24px;background:linear-gradient(180deg,#3c2415 0,#5c361f 25%,#8b5a3c 50%,#5c361f 75%,#3c2415);border:1px solid #2a1810}.border-left,.border-right{position:absolute;top:0;bottom:0;width:24px;background:linear-gradient(90deg,#3c2415 0,#5c361f 25%,#8b5a3c 50%,#5c361f 75%,#3c2415);border:1px solid #2a1810}.border-top{top:0;box-shadow:inset 0 -3px 6px rgba(0,0,0,.3),inset 0 3px 6px rgba(245,158,11,.2),0 2px 8px rgba(0,0,0,.4)}.border-bottom{bottom:0;box-shadow:inset 0 3px 6px rgba(0,0,0,.3),inset 0 -3px 6px rgba(245,158,11,.2),0 -2px 8px rgba(0,0,0,.4)}.border-left{left:0;box-shadow:inset -3px 0 6px rgba(0,0,0,.3),inset 3px 0 6px rgba(245,158,11,.2),2px 0 8px rgba(0,0,0,.4)}.border-right{right:0;box-shadow:inset 3px 0 6px rgba(0,0,0,.3),inset -3px 0 6px rgba(245,158,11,.2),-2px 0 8px rgba(0,0,0,.4)}.border-bottom:before,.border-top:before{content:"";position:absolute;left:4px;right:4px;height:12px;background:linear-gradient(180deg,#d4af37 0,#f4d03f 20%,#f7dc6f 40%,#fdeaa7 50%,#f7dc6f 60%,#f4d03f 80%,#d4af37);border:1px solid #b8860b}.border-left:before,.border-right:before{content:"";position:absolute;top:4px;bottom:4px;width:12px;background:linear-gradient(90deg,#d4af37 0,#f4d03f 20%,#f7dc6f 40%,#fdeaa7 50%,#f7dc6f 60%,#f4d03f 80%,#d4af37);border:1px solid #b8860b}.border-top:before{top:6px;box-shadow:inset 0 -2px 4px rgba(184,134,11,.4),inset 0 2px 4px hsla(0,0%,100%,.3),0 1px 3px rgba(0,0,0,.3)}.border-bottom:before{bottom:6px;box-shadow:inset 0 2px 4px rgba(184,134,11,.4),inset 0 -2px 4px hsla(0,0%,100%,.3),0 -1px 3px rgba(0,0,0,.3)}.border-left:before{left:6px;box-shadow:inset -2px 0 4px rgba(184,134,11,.4),inset 2px 0 4px hsla(0,0%,100%,.3),1px 0 3px rgba(0,0,0,.3)}.border-right:before{right:6px;box-shadow:inset 2px 0 4px rgba(184,134,11,.4),inset -2px 0 4px hsla(0,0%,100%,.3),-1px 0 3px rgba(0,0,0,.3)}.frame-corners{position:absolute;width:100%;height:100%}.corner{position:absolute;width:40px;height:40px;background:radial-gradient(circle,#f7dc6f 0,#f4d03f 30%,#d4af37 60%,#b8860b 100%);border:2px solid #8b6914;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#5c361f;text-shadow:1px 1px 2px hsla(0,0%,100%,.3),0 0 4px rgba(212,175,55,.5);box-shadow:inset 2px 2px 4px hsla(0,0%,100%,.3),inset -2px -2px 4px rgba(139,105,20,.4),0 0 8px rgba(0,0,0,.4),0 0 16px rgba(212,175,55,.2)}.top-left{top:-5px;left:-5px}.top-right{top:-5px;right:-5px}.bottom-left{bottom:-5px;left:-5px}.bottom-right{bottom:-5px;right:-5px}.ornate-frame:after,.ornate-frame:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:16px;height:80px;background:linear-gradient(180deg,transparent 0,#d4af37 10%,#f4d03f 20%,#f7dc6f 30%,#fdeaa7 40%,#f7dc6f 50%,#fdeaa7 60%,#f7dc6f 70%,#f4d03f 80%,#d4af37 90%,transparent);border-radius:8px;border:1px solid #b8860b;box-shadow:inset 2px 0 4px hsla(0,0%,100%,.3),inset -2px 0 4px rgba(139,105,20,.4),0 0 6px rgba(0,0,0,.3)}.ornate-frame:before{left:4px}.ornate-frame:after{right:4px}.border-bottom:after,.border-top:after{content:"";position:absolute;left:0;right:0;height:100%;background:repeating-linear-gradient(90deg,transparent,rgba(92,54,31,.1) 1px,transparent 2px,rgba(92,54,31,.1) 3px,transparent 8px),repeating-linear-gradient(0deg,transparent,rgba(92,54,31,.05) 1px,transparent 3px);pointer-events:none}.border-left:after,.border-right:after{content:"";position:absolute;top:0;bottom:0;width:100%;background:repeating-linear-gradient(0deg,transparent,rgba(92,54,31,.1) 1px,transparent 2px,rgba(92,54,31,.1) 3px,transparent 8px),repeating-linear-gradient(90deg,transparent,rgba(92,54,31,.05) 1px,transparent 3px);pointer-events:none}@media (max-width:768px){.ornate-frame{top:4px;left:4px;right:4px;bottom:4px}.ornate-frame-wrapper{padding:16px}.border-bottom,.border-top{height:18px}.border-left,.border-right{width:18px}.corner{width:32px;height:32px;font-size:1.2rem}.border-bottom:before,.border-top:before{height:8px}.border-left:before,.border-right:before{width:8px}.border-top:before{top:5px}.border-bottom:before{bottom:5px}.border-left:before{left:5px}.border-right:before{right:5px}.ornate-frame:after,.ornate-frame:before{width:12px;height:60px}}