/* Match the existing Studio palette without changing its layout or editing controls. */
.design-bottom-bar{position:relative;gap:12px}
.studio-design-notes{margin-inline-start:auto;text-align:start;font-size:13px;color:var(--ink,#3b281f)}
.studio-design-notes>summary{cursor:pointer;padding:9px 12px;border:1px solid #d9cbb8;border-radius:6px;list-style:none;background:#fffaf3;white-space:nowrap}
.studio-design-notes>summary::-webkit-details-marker{display:none}
.studio-design-notes[open]>summary{border-color:#9a785a;background:#f4ecdf}
.studio-notes-popover{position:absolute;z-index:50;inset-inline-end:12px;bottom:calc(100% + 8px);width:min(390px,calc(100% - 24px));padding:18px;background:#fffaf3;border:1px solid #d9cbb8;border-radius:8px;box-shadow:0 10px 32px #3b281f1a;box-sizing:border-box}
.studio-notes-field{min-width:0;text-align:start}
.studio-notes-field>label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 9px;font-size:14px;line-height:1.4;color:#3b281f}
.studio-notes-field>label strong{font-weight:600}
.studio-notes-field>label span{font-size:12px;font-weight:400;color:#84705d}
.studio-notes-field textarea{display:block;width:100%;min-height:96px;max-height:200px;box-sizing:border-box;resize:vertical;border:1px solid #cdbca7;border-radius:5px;padding:11px 12px;background:#fffdf8;color:#3b281f;font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;box-shadow:none;white-space:pre-wrap;overflow-wrap:anywhere}
.studio-notes-field textarea:focus{outline:2px solid #a57a51;outline-offset:2px}
.studio-notes-field textarea:disabled{opacity:.7;cursor:wait}
.studio-notes-help{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-top:8px;color:#84705d;font-size:12px;line-height:1.5}
.studio-notes-help p{margin:0;max-width:31em;font-size:inherit;color:inherit}
.studio-notes-help>span{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums;direction:ltr}
.review-design-notes{margin:20px 0;padding:18px;border:1px solid #e0d3c1;border-radius:7px;background:#faf5eb}
.grain-design-note{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:start;line-height:1.55}
@media(max-width:640px){.studio-design-notes>summary{padding:8px 10px;font-size:12px}.studio-notes-popover{inset-inline-end:8px;width:calc(100% - 16px);padding:15px}.studio-notes-field textarea{font-size:16px;min-height:100px}.review-design-notes{margin:16px 0;padding:15px}.studio-notes-help{gap:10px;font-size:11px}}

/* Compact notes access in the mobile/tablet Studio; desktop layout is unchanged. */
@media (max-width:1180px){
 .design-area>.design-bottom-bar{display:block;position:absolute;z-index:12;inset-inline-end:8px;bottom:50px;width:auto;height:auto;min-height:0;padding:0;border:0;background:transparent;pointer-events:none}
 .design-area>.design-bottom-bar>#reset-design{display:none}
 .design-area>.design-bottom-bar .studio-design-notes{margin:0;pointer-events:auto}
 .design-area>.design-bottom-bar .studio-design-notes>summary{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 11px;font-size:12px;line-height:1.3;box-sizing:border-box;box-shadow:0 2px 9px #3b281f12}
 .design-area>.design-bottom-bar .studio-notes-popover{inset-inline-end:0;bottom:calc(100% + 7px);width:min(340px,calc(100vw - 24px));max-height:min(300px,calc(100dvh - 180px));padding:14px;overflow:auto;overscroll-behavior:contain}
 .design-area>.design-bottom-bar .studio-notes-field textarea{font-size:16px;min-height:88px;max-height:150px}
 .design-area>.design-bottom-bar .studio-notes-help{font-size:11px;gap:10px}
 .design-area .stage-bottom{inset-inline-end:156px}
 .design-area .boundary-status.warning{white-space:normal;overflow-wrap:anywhere}
}