.display-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.display-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.display-preview{overflow:hidden;position:relative;background:#e7eae2;border-radius:18px}.display-board{position:relative;transform-origin:top left;background:#fffef8;border:3mm solid #c69b54;direction:rtl}.display-board h2{position:absolute;top:3%;left:5%;width:90%;height:10%;text-align:center;color:#103f38;font:700 34pt Cairo;margin:0;overflow:hidden}.display-card{position:absolute;background:#edf4e9;border:1mm solid #b9d2bd;border-radius:5mm;padding:5mm;color:#103f38;overflow:hidden;white-space:pre-wrap;line-height:1.6;cursor:move;touch-action:none}.display-card:focus{outline:2mm solid #c69b54}.display-card.selected{box-shadow:0 0 0 1mm #147d70}.display-art{position:absolute;bottom:3%;right:3%;height:20%;width:20%;object-fit:contain}.display-print{display:none}.display-guide{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,transparent calc(100% - 1px),#879d8880 1px),linear-gradient(to bottom,transparent calc(100% - 1px),#879d8880 1px);background-size:var(--tile-x) var(--tile-y)}.display-editor textarea{width:100%;min-height:160px}.display-tile{break-after:page;position:relative;overflow:hidden;box-sizing:border-box}.display-tile:last-child{break-after:auto}.display-tile .display-board{position:absolute}.display-editor label{display:block;margin:12px 0}@media(max-width:850px){.display-workspace{grid-template-columns:1fr}}
@media print{body>*{display:none!important}body>.display-print{display:block!important}body{padding:0!important;margin:0!important;background:white}.display-tile{margin:0;padding:0}.display-board{transform:none!important}.display-card.selected{box-shadow:none}.display-guide{display:none}.display-board h2{font-size:34pt!important}.display-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.display-workspace>*{min-width:0}.display-preview{width:100%;max-width:100%}.display-controls>*{min-width:0}.display-editor input,.display-editor select{width:100%;min-width:0}