/* Image-first controls and a single-column mobile workspace. */
.primary-r136,.xm-save-primary,#draft-save-r53{background:#167548!important;color:#fff!important;border:2px solid #125e3b!important;font-weight:800!important;min-height:44px!important;border-radius:9px!important;padding:10px 16px!important}
.xm-actions .xm-save-primary{flex:1 0 100%;font-size:16px!important}.xm-actions .xm-use{background:#fff!important;color:#183d2b!important;border:1px solid #647d6e!important}
.marker-spec-r136{display:block;font-size:12px;color:#395345;padding:5px 0}.olo-connector-r136{background:#e7f1e8;border:1px solid #a4c8af;border-radius:12px;padding:13px 16px;margin:0 0 12px}.olo-connector-r136 h3{margin:0 0 5px}.olo-connector-r136 p{margin:0;max-width:62ch;font-size:14px}.olo-connector-r136 img{float:right;width:80px;height:80px;object-fit:contain}.olo-connector-r136 a{color:#145732}
#image-shelf-r136{margin:18px 0;padding:18px;background:#f3f5ef;border:1px solid #c6d0c3;border-radius:12px}#image-shelf-r136 header{display:flex;align-items:center;justify-content:space-between;gap:12px}#image-shelf-r136 h3{margin:0;font-size:22px}#image-shelf-r136 p{font-size:13px;line-height:1.5;margin:8px 0}.shelf-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.image-shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.image-shelf-grid article{border:1px solid #cbd3c6;border-radius:10px;background:white;padding:8px;min-width:0}.image-shelf-grid [data-place]{width:100%;display:grid;text-align:left;border:0!important;gap:6px;background:white!important;color:#173f2a!important}.image-shelf-grid img{width:100%;height:110px;object-fit:contain}.image-shelf-grid small{display:block;padding:7px 0;font-size:10px}.image-shelf-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-shelf-grid article>div{display:flex;gap:5px;flex-wrap:wrap}.image-shelf-grid b{font-size:12px}.shelf-empty{grid-column:1/-1}
.back-drawing-r136{display:none}.artwork-library,.artwork-detail,.publish-artwork{font:15px/1.5 Arial,sans-serif;color:#1c2f25;background:#fbfcf8;border:1px solid #bac8b9;border-radius:16px;padding:24px;box-sizing:border-box}.artwork-library:modal{width:min(1120px,96vw);max-height:90dvh;overflow:auto}.artwork-library header,.artwork-detail header,.publish-artwork header{display:flex;justify-content:space-between;align-items:center;gap:14px}.artwork-library header h2{font-size:36px;letter-spacing:-1.5px;margin:4px 0}.artwork-library h3{font-size:20px;margin:6px 0}.artwork-library button,.artwork-detail button,.publish-artwork button{font:inherit;cursor:pointer;border:1px solid #829c88;background:#fff;color:#193d27;border-radius:8px;min-height:40px;padding:8px 12px}.artwork-library a,.artwork-detail a,.publish-artwork a{color:#146239}.library-search{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.library-search input{flex:1 1 220px;min-width:0;padding:12px;border:1px solid #9bad9e;border-radius:8px;font:inherit}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.library-grid article{border:1px solid #ccd4c9;background:#fff;border-radius:13px;padding:12px;min-width:0}.library-grid article>button{border:0;padding:0;width:100%;text-align:left}.library-grid img{width:100%;height:220px;object-fit:contain;background:#f3f2ec;border-radius:8px}.library-grid p{margin:4px 0 12px}.library-grid small{display:block;font-size:10px;letter-spacing:1px;margin-top:10px}.library-grid article>div{display:flex;flex-wrap:wrap;gap:7px}.library-status{min-height:24px;color:#4d6455}.artwork-detail{width:min(900px,96vw);max-height:92dvh;overflow:auto}.artwork-detail h2{margin:0;font-size:28px}.artwork-full{width:100%;max-height:55dvh;object-fit:contain;background:#fff;margin-top:16px}.library-credits{display:grid;gap:6px}.publish-artwork{width:min(620px,96vw);max-height:92dvh;overflow:auto}.publish-artwork label{display:grid;gap:6px;margin:14px 0}.publish-artwork input:not([type=checkbox]),.publish-artwork select,.publish-artwork textarea{font:inherit;border:1px solid #9bad9e;border-radius:7px;padding:10px;width:100%;box-sizing:border-box}.publish-artwork .rights-check{display:flex;align-items:start;gap:10px}.rights-check input{flex:0 0 20px;width:20px;height:20px}.publish-artwork button:disabled{opacity:.45;cursor:default}.publish-artwork p{font-size:13px}.publish-artwork::backdrop,.artwork-detail::backdrop,.artwork-library::backdrop{background:#14241d88}
html.compact-studio-r135 #mobile-controller-body :is(.color-builder-grid,.xm-workbench,.xm-cards,.xm-card,.xm-shop-cards,.images-intro,.material-grid,.paper-options){grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
html.compact-studio-r135 #mobile-controller-body .xm-card{display:block!important;padding:10px!important}html.compact-studio-r135 #mobile-controller-body .xm-builder-side{position:static!important}.compact-studio-r135 #mobile-controller-body .xm-color-side{margin-top:20px}.compact-studio-r135 #mobile-controller-body .xm-collection-row{min-width:min(290px,85vw)}
html.compact-studio-r135:has(#mobile-controller.is-open) #paper-window-r85{visibility:hidden!important}html.compact-studio-r135 .back-drawing-r136{display:block;position:sticky;top:-10px;z-index:10;width:100%;margin:0 0 12px;border:2px solid #167548;background:#fff;color:#115d36;font-weight:800;font-size:15px;padding:10px;border-radius:8px}.compact-studio-r135 #image-shelf-r136{padding:12px}.compact-studio-r135 #image-shelf-r136 header{display:block}.compact-studio-r135 #image-settings{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compact-studio-r135 #image-settings button{white-space:normal;min-width:0}.compact-studio-r135 .color-builder-grid>*{min-width:0!important}.compact-studio-r135 .image-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-studio-r135 .artwork-library header h2{font-size:27px}.compact-studio-r135 .artwork-library{padding:14px}.compact-studio-r135 .library-grid{grid-template-columns:minmax(0,1fr)}
.workflow-feature-r136{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);padding:50px 0}.workflow-feature-r136 img{width:100%;border-radius:14px;background:#fff;aspect-ratio:17/11;object-fit:contain;border:1px solid #d6d5ca}.workflow-feature-r136 h2{font-size:clamp(32px,4vw,58px);line-height:1.02;letter-spacing:-2px;margin:12px 0}.workflow-feature-r136 p{font-size:18px;max-width:35ch}.project-article-r136{max-width:1120px;margin:0 auto;padding:50px 24px 90px}.project-article-r136 h1{font-size:clamp(42px,7vw,88px);letter-spacing:-3px;line-height:.98;max-width:14ch;margin:20px 0}.project-article-r136 .lead{font-size:22px;max-width:52ch}.project-article-r136 figure{margin:32px 0}.project-article-r136 figure img{width:100%;border-radius:12px;border:1px solid #dedfd5}.project-article-r136 figcaption{font-size:12px;color:#586a5e;margin:10px 0}.workflow-steps-r136{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0}.workflow-steps-r136 h2{font-size:25px;letter-spacing:-.8px}.workflow-steps-r136 p{line-height:1.6}.project-article-r136 blockquote{padding:24px;border-left:4px solid #1c744b;background:#eaf0e6;margin:20px 0;font-size:20px;line-height:1.6}.library-page-r136{max-width:1200px;margin:30px auto;padding:24px}
@media(max-width:750px){.workflow-feature-r136{grid-template-columns:1fr;padding:25px 0;gap:15px}.workflow-steps-r136{grid-template-columns:1fr;gap:10px}.project-article-r136 h1{letter-spacing:-2px}.project-article-r136{padding:25px 18px 50px}.library-page-r136{padding:12px}.library-grid{grid-template-columns:minmax(0,1fr)}}

html.compact-studio-r135.exo-open-studio[data-exo-marker-view]:not([data-exo-marker-view=olo]):has(#mobile-controller.is-open) #paper-window-r85{visibility:hidden!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

html.compact-studio-r135 #mobile-controller-body .xm-card[hidden]{display:none!important}
@media(max-height:500px){html.compact-studio-r135 .back-drawing-r136{min-height:32px;padding:5px;margin-bottom:6px}html.compact-studio-r135 .xm-account{padding:7px;margin-bottom:8px}html.compact-studio-r135 .xm-intro{margin-bottom:12px}html.compact-studio-r135 .xm-intro h2{font-size:23px}html.compact-studio-r135 .xm-intro>p{font-size:12px;margin:5px 0}}
