@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.container{width:100%}.block{display:block}.flex{display:flex}.inline-block{display:inline-block}.table{display:table}.h-full{height:100%}.min-h-\[40vh\]{min-height:40vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-grow{flex-grow:1}.-rotate-3{rotate:-3deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.text-center{text-align:center}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--parchment:beige;--burgundy:#800020;--silver:silver}body{background-color:var(--parchment);color:var(--burgundy);background-image:url(https://www.transparenttextures.com/patterns/parchment.png);margin:0;padding:0;font-family:Lora,serif;overflow:hidden}h1,h2,h3,h4,h5,h6,.font-cinzel{font-family:Cinzel,serif}.paper-card{background-color:#fff6;border:1px solid #80002033;border-radius:2px;padding:1.5rem;box-shadow:2px 2px 8px #0000001a}.wax-seal-button{background-color:var(--burgundy);color:var(--parchment);cursor:pointer;border:1px solid #0000;border-radius:4px;padding:.75rem 1.5rem;font-family:Cinzel,serif;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.wax-seal-button:hover{background-color:#600018;transform:translateY(-1px)}.wax-seal-button:active{transform:translateY(0)}.secondary-button{border:1px solid var(--burgundy);color:var(--burgundy);cursor:pointer;background:0 0;border-radius:4px;padding:.75rem 1.5rem;font-family:Cinzel,serif;transition:all .2s}.secondary-button:hover{background-color:#8000200d}.toggle-icon{cursor:pointer;opacity:.3;width:14px;height:14px;transition:all .2s}.toggle-icon:hover{opacity:1;transform:scale(1.1)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23800020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}#app{width:100%;height:calc(100vh - 114px);display:flex}#preview{background-color:#ffffff4d;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}#svg-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#svg-container svg{width:auto;max-width:90%;height:auto;max-height:90%}#controls{background-color:#f5f5dcf2;border-right:1px solid #80002033;width:384px;height:100%;overflow-y:auto;box-shadow:4px 0 15px #0000000d}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(max-width:1023px){body{overflow:auto}#app{flex-direction:column;height:auto}#controls{border-top:1px solid #80002033;border-right:none;order:2;width:100%;height:auto}#preview{z-index:5;backdrop-blur:8px;order:1;width:100%;height:50vh;min-height:350px;position:sticky;top:0}}@media print{header,footer,#controls{display:none!important}body,#app,#preview,#svg-container{background:#fff!important;width:100%!important;height:auto!important;overflow:visible!important}#preview{position:static!important}#svg-container svg{max-width:100%!important;max-height:100%!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}