@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#3d354c;background:#f6f3f8;font-size:12px}*{box-sizing:border-box}body{margin:0}button,input,select,.button{font:inherit}button,.button{cursor:pointer;border:1px solid #ddd5e5;border-radius:7px;background:#fffdfd;color:#51405e;padding:10px 12px}button:hover,.button:hover{background:#eee7f4}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #87669c;outline-offset:3px}header{height:86px;border-bottom:1px solid #e4dce9;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fbf9fc}.brand{font-family:Georgia,serif;letter-spacing:3px;color:#584369;text-decoration:none;font-size:27px;display:flex;align-items:center;gap:12px}.brand span{font-size:19px}.brand small{display:block;font:9px Manrope,sans-serif;letter-spacing:2.4px;margin-top:7px}.edition{color:#9a8aa6;font-family:Georgia,serif;font-style:italic;font-size:16px}main{display:grid;grid-template-columns:230px minmax(460px,1fr) 292px;min-height:calc(100vh - 86px)}aside{padding:27px 22px;background:#fbf9fc}.residents{border-right:1px solid #e4dce9}.decor{border-left:1px solid #e4dce9}.eyebrow{font-size:9px;letter-spacing:2px;color:#9b82a5;font-weight:700}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}h1{font-size:36px;margin:9px 0 3px}h2{font-size:26px;margin:12px 0}h3{font-size:22px;margin:0 0 13px}p{line-height:1.8;color:#96899e}label{display:block;color:#85728f;margin:15px 0}input:not([type=color]),select{width:100%;border:1px solid #e2dae7;border-radius:6px;background:#fff;padding:10px;color:#5d4c68}input[type=color]{width:36px;height:28px;vertical-align:middle;border:0;background:transparent;float:right}.inline{display:flex;gap:7px}.inline input{min-width:0}#demo{width:100%;margin:14px 0 24px;background:#ede5f2}.resident{display:flex;align-items:center;width:100%;gap:12px;margin:8px 0;text-align:left;border-color:transparent;background:transparent}.resident.current{border-color:#d3bddf;background:#f0e9f4}.resident img{width:38px;height:45px;object-fit:contain}.resident small{display:block;color:#a08da9;margin-top:4px;font-size:10px}footer{margin-top:45px;font-size:9px;letter-spacing:1.4px;line-height:2;color:#9c8ba8}footer span{font-family:Georgia,serif;font-style:italic;letter-spacing:0}.workspace{padding:28px 26px 12px;min-width:0}.room-heading{display:flex;justify-content:space-between;align-items:center}.room-heading p{margin:6px 0}#saveState{font-size:10px;color:#7f9684;border:1px solid #dbe4dc;border-radius:20px;padding:7px 10px;max-width:160px}.stage{position:relative;border:1px solid #e8e0ed;border-radius:16px;background:radial-gradient(ellipse at 50% 45%,#faf6fc,#ede7f1);margin-top:22px;overflow:hidden}canvas{width:100%;display:block;touch-action:none}.viewtools{position:absolute;top:15px;right:14px;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1px;color:#9986a4}.viewtools button{padding:6px 10px}.stage-note{position:absolute;bottom:17px;width:100%;text-align:center;font-size:10px;color:#aa98b5;pointer-events:none}.bottom{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.bottom span{flex:1;color:#94829f;font-size:10px}.bottom button,.bottom .button{padding:7px 10px;font-size:10px;margin:0}.tabs{display:flex;border-bottom:1px solid #e2d8e9;margin:18px 0}.tabs button{flex:1;background:transparent;border:0;border-radius:0;color:#9b88a5}.tabs .active{border-bottom:2px solid #8e6ba5;color:#73518a}select{margin:8px 0 14px}#catalog{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:370px;overflow:auto}.piece{padding:10px 5px;background:#f8f4fa;text-align:center;border:1px solid #e8e0ed}.piece .icon{height:48px;display:flex;align-items:center;justify-content:center;font-size:32px}.piece small{font-size:9px;color:#a58eaf;display:block;margin-top:5px}.inspector{border-top:1px solid #e6ddeb;margin-top:22px;padding-top:20px}.inspector p{font-size:10px}#notice{min-height:30px;padding-top:10px;color:#856294}dialog{border:1px solid #d5c2df;border-radius:16px;padding:30px;max-width:430px}dialog::backdrop{background:#30213966}.close{float:right}#emailForm button{margin-top:12px}#signout{margin-top:15px}@media(min-width:1500px){.workspace{padding:35px 45px}.stage{max-width:1100px;margin-left:auto;margin-right:auto}}@media(max-width:1100px){main{grid-template-columns:190px minmax(350px,1fr)}.decor{grid-column:1/-1;border-top:1px solid #e4dce9}#catalog{grid-template-columns:repeat(8,1fr)}.edition{display:none}}@media(max-width:650px){header{padding:0 15px}main{display:block}.residents{padding:20px}#residentList{display:flex;overflow:auto}.resident{min-width:160px}.residents footer,.residents p{display:none}.workspace{padding:20px 12px}h1{font-size:29px}.room-heading{gap:8px}#catalog{grid-template-columns:repeat(3,1fr)}.stage-note{font-size:8px;bottom:8px}.stage{margin-top:10px}}