@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-tracking:initial;--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}}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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}.order-3{order:3}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.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-auto{width:auto}.w-full{width:100%}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-col-resize{cursor:col-resize}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.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)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.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);flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Lora,serif;display:flex}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}.nav-link{text-transform:uppercase;letter-spacing:.1em;font-family:Cinzel,serif;font-size:.75rem;font-weight:700;transition:color .2s}.nav-link:hover{color:#600018}.toggle-icon{cursor:pointer;opacity:.3;width:14px;height:14px;transition:all .2s}.toggle-icon:hover{opacity:1;transform:scale(1.1)}summary::-webkit-details-marker{display:none}summary{list-style:none}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{flex-grow:1;width:100%;height:0;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%}#splitter{cursor:col-resize;z-index:30;background:0 0;flex-shrink:0;width:12px;margin-left:-6px;position:relative}#splitter:after{content:"";background:#80002026;width:1px;transition:all .2s;position:absolute;top:0;bottom:0;left:6px}#splitter:hover:after{background:var(--burgundy);width:2px;left:5.5px}#controls{background-color:#f5f5dcfa;flex-shrink:0;height:100%;overflow-y:auto;box-shadow:-4px 0 15px #0000000d}.controls-content{padding:2.5rem}.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}#splitter{display:none!important}#controls{border-top:1px solid #80002033;border-left:none;order:3;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-tracking{syntax:"*";inherits:false}@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}