*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#30392e;font:13px Arial,"Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:#fff;border:1px solid #cbd0c3;padding:10px 15px;color:inherit}button:hover{background:#edf0e7}button:disabled{cursor:default;opacity:.4}header{height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #daddd1}header>a{font-family:"Yu Mincho",SimSun,serif;font-size:23px;letter-spacing:4px}header span{font:10px Arial;letter-spacing:2px;margin-left:20px}nav{font-size:11px}main{padding:0 4% 40px;max-width:1800px;margin:auto}.opening{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 0 30px}.eyebrow{font-size:9px;letter-spacing:2px;color:#7d8676}h1{font:normal 32px "Yu Mincho",SimSun,serif;letter-spacing:3px;margin:16px 0}h2{font-size:15px;font-weight:400;margin:0}.opening p:not(.eyebrow){font-size:12px;color:#828b79;line-height:1.9}.opening>button{background:#354531;color:#fff;border-color:#354531;white-space:nowrap}.studio{display:grid;grid-template-columns:235px minmax(0,1fr);border:1px solid #d4d9cc;background:#fff}aside{padding:20px 15px;border-right:1px solid #d4d9cc;max-height:1000px;overflow:auto}.library-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.library-head span{font-size:10px;color:#8a917f}.upload{display:block;text-align:center;background:#eef1e9;padding:13px 8px;cursor:pointer;border:1px dashed #b9c3ad}.upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.upload:focus-within{outline:2px solid #7b9469}.hint{font-size:10px;color:#89917f;line-height:1.8}.hint br{display:block}select{width:100%;margin-top:12px;border:1px solid #d5dacc;background:#fff;padding:9px;color:#4e5c44}#library{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px}.tile{position:relative}.tile>button:first-child{padding:0;border:0;display:block;width:100%;background:#f1f1ed}.tile img{width:100%;height:76px;object-fit:cover;display:block}.tile small{font-size:8px;color:#959c8c;display:block;margin-top:5px}.tile .delete-upload{position:absolute;right:2px;top:2px;font-size:13px;background:#fffE;border:0;padding:1px 5px}.work-area{min-width:0}.toolbar{padding:12px 15px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;min-height:63px}.toolbar>span{margin-right:auto;color:#929b86}.toolbar label{display:flex;gap:5px;align-items:center}.toolbar input{width:72px;accent-color:#6c805c}.toolbar button{font-size:10px;padding:7px 9px}.board-scroll{overflow:auto}#board{width:100%;aspect-ratio:1.45;position:relative;overflow:hidden;isolation:isolate;background-color:#b98b5d;background-image:repeating-linear-gradient(1deg,transparent 0 11px,#5a351c14 12px,transparent 14px 27px),repeating-linear-gradient(88deg,#e9c79d18 0 1px,transparent 2px 7px),repeating-linear-gradient(0deg,transparent 0 24.7%,#61391d38 24.8%,#f1d1a33b 25%,transparent 25.2% 50%),linear-gradient(100deg,#b78858,#cfaa7a 48%,#ac7e51);box-shadow:inset 0 1px 8px #5e3b2622}#empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6148299c;font:25px "Yu Mincho",SimSun,serif;letter-spacing:3px;pointer-events:none;text-align:center}#empty small{font:11px Arial;letter-spacing:2px;margin-top:15px}.piece{position:absolute;padding:8px;background:#fff;box-shadow:2px 5px 12px #35221650;cursor:grab;touch-action:none;user-select:none;transform-origin:center;line-height:0}.piece:active{cursor:grabbing}.piece img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none}.piece.selected{outline:2px solid #4b613a;outline-offset:4px}.board-hint{padding:0 18px}.details{padding:5px 20px 25px}.details label{display:block;font-size:11px;margin:15px 0}.details input,.details textarea{display:block;width:100%;margin-top:9px;border:0;border-bottom:1px solid #d7ddce;padding:10px 0;outline-offset:4px;background:transparent;color:#36462e;resize:vertical}.details input{font-size:20px;font-family:"Yu Mincho",SimSun,serif}.save-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.save-row span{margin-right:auto;color:#949c89;font-size:10px}#message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#283c28;color:#fff;padding:12px 22px;font-size:12px;z-index:999;display:none;max-width:90%;box-shadow:0 3px 15px #0002}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #7b9469;outline-offset:3px}@media(max-width:850px){.studio{grid-template-columns:180px minmax(0,1fr)}.toolbar>span{width:100%}.toolbar{gap:9px}.toolbar input{width:55px}.tile img{height:60px}}@media(max-width:620px){header{height:75px}header span{display:none}.opening{display:block;padding:25px 0}.opening>button{margin-top:8px}h1{font-size:27px}.studio{display:flex;flex-direction:column}aside{max-height:300px;border-right:0;border-bottom:1px solid #d4d9cc;padding:15px}#library{grid-template-columns:repeat(4,1fr)}.tile img{height:60px}.library-head{margin-bottom:10px}.upload{padding:10px}.hint{font-size:9px}aside>.hint{margin:7px 0}select{margin-top:0}#board{min-height:330px;aspect-ratio:1.2}.piece{padding:5px}.toolbar{padding:12px}.toolbar>span{display:none}.details{padding:0 15px 20px}.save-row{gap:8px}.save-row span{width:100%}#empty{font-size:20px}}

.share-consent{display:flex;gap:7px;align-items:flex-start;font-size:10px;line-height:1.8;margin:13px 0;color:#737e67}.share-consent input{margin-top:4px;accent-color:#6c805c}#refresh-shared{width:100%;font-size:10px;margin-bottom:12px}.tile>button:first-child{touch-action:none;cursor:grab}.drag-ghost{position:fixed;width:120px;height:90px;object-fit:contain;background:#fff;padding:5px;pointer-events:none;z-index:9999;box-shadow:0 5px 25px #0004;opacity:.9}.drop-ready{outline:3px dashed #5c7646;outline-offset:-6px}