.atelier-live-studio{display:grid;gap:18px}.atelier-live-studio__toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px;border:1px solid var(--atelier-border,#c8b89d);border-radius:18px;background:rgba(255,252,245,.76)}.atelier-live-studio__toolbar label{display:grid;gap:6px;font-size:.82rem}.atelier-live-studio__toolbar select,.atelier-live-studio__toolbar input{min-height:38px;border:1px solid #b8aa93;border-radius:10px;background:#fffaf0;padding:0 10px}.atelier-live-studio__switch{display:flex!important;align-items:center;gap:8px;padding-bottom:8px}.atelier-live-studio__stage{overflow:auto;padding:20px;border:1px solid #b9aa90;border-radius:22px;background:linear-gradient(135deg,#e7e1d5,#f3eee5);min-height:320px}.atelier-live-studio__status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.atelier-live-studio__status article{padding:12px 14px;border:1px solid #c8baa3;border-radius:14px;background:rgba(255,255,255,.72)}.atelier-live-studio__status strong,.atelier-live-studio__status span{display:block}.atelier-live-studio__status span{font-size:.78rem;opacity:.7}.atelier-page-preview__viewport{position:relative;overflow:hidden;margin:auto;box-shadow:0 18px 55px rgba(52,43,31,.22);background:#f4eee2}.atelier-page-preview__canvas{will-change:transform}.atelier-preview-today{--preview-button:var(--atelier-theme-button,#7f8962);--preview-button-text:var(--atelier-theme-button-text,#fff);--preview-outline:var(--atelier-theme-outline,#8d806b);--preview-heading:var(--atelier-theme-heading,#4a3821);--preview-body:var(--atelier-theme-body,#4d4436);--preview-link:var(--atelier-theme-link,#66734f);--preview-focus:var(--atelier-theme-focus,#9aae73);--preview-muted:var(--atelier-theme-muted,#786d5f);width:100%;min-height:100%;background:linear-gradient(#f4eee2,#e9e1d4);color:var(--preview-body);font-family:Georgia,'Times New Roman',serif}.atelier-preview-inspect{position:relative;color:inherit;font:inherit;text-align:left;border:0;cursor:default}.inspector-enabled .atelier-preview-inspect{cursor:pointer}.inspector-enabled .atelier-preview-inspect:hover{outline:5px solid color-mix(in srgb,var(--preview-focus) 80%,white);outline-offset:-5px;z-index:3}.atelier-preview-tag{display:none;position:absolute;top:10px;left:10px;padding:5px 9px;border-radius:999px;background:var(--preview-focus);color:#fff;font:600 13px/1 Arial,sans-serif;z-index:5}.inspector-enabled .atelier-preview-inspect:hover>.atelier-preview-tag,.show-boundaries .atelier-preview-tag{display:block}.show-boundaries .atelier-preview-inspect{outline:2px dashed color-mix(in srgb,var(--preview-focus) 75%,transparent);outline-offset:-2px}.atelier-preview-shell{display:block;width:100%;padding:0;background:#eee4d2}.atelier-preview-topbar{height:43px;display:flex;align-items:center;gap:28px;padding:0 20px 0 58px;background:linear-gradient(#65523c,#433526);color:#f8edda;font:15px Arial,sans-serif}.atelier-preview-seal{position:absolute;left:10px;top:3px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#8f2130;color:#fff;border:2px solid #d7b798}.atelier-preview-user{margin-left:auto}.atelier-preview-panorama{height:212px;background:linear-gradient(180deg,#d9c89e 0%,#abc1a0 45%,#5f7756 100%);position:relative;overflow:hidden}.atelier-preview-panorama:before{content:"";position:absolute;inset:20px 0 0;background:radial-gradient(circle at 12% 70%,#5b6b43 0 9%,transparent 10%),radial-gradient(circle at 31% 65%,#775e3e 0 7%,transparent 8%),radial-gradient(circle at 52% 68%,#5f724d 0 10%,transparent 11%),radial-gradient(circle at 72% 65%,#75613f 0 8%,transparent 9%),radial-gradient(circle at 90% 70%,#536a45 0 9%,transparent 10%)}.atelier-preview-scene-labels{position:absolute;inset:auto 15px 10px;display:grid;grid-template-columns:repeat(12,1fr);gap:2px;color:#fff;text-shadow:0 2px 5px #000;font:600 13px Arial,sans-serif;text-align:center}.atelier-preview-childbar{height:60px;display:flex;align-items:center;gap:30px;padding:0 30px;background:linear-gradient(#f8f0df,#d8ccb6);border-block:1px solid var(--preview-outline);font:16px Arial,sans-serif}.atelier-preview-childbar strong{color:var(--preview-heading);font-size:20px}.atelier-preview-page-body{padding:28px 36px 40px}.atelier-preview-hero{width:100%;min-height:145px;padding:24px 28px;display:grid;grid-template-columns:1.4fr .55fr 1fr;align-items:center;gap:24px;border:2px solid var(--preview-outline);border-radius:24px;background:rgba(255,252,244,.83);box-shadow:0 12px 30px rgba(77,61,42,.12)}.atelier-preview-hero h1{margin:2px 0;color:var(--preview-heading);font-size:42px}.atelier-preview-hero p,.atelier-preview-hero em{margin:3px 0}.atelier-preview-hero small,.atelier-preview-card small,.atelier-preview-focus small{color:var(--preview-muted);text-transform:uppercase;letter-spacing:.12em}.atelier-preview-clock{text-align:center}.atelier-preview-clock strong{display:block;font-size:30px;color:var(--preview-heading)}.atelier-preview-clock span{color:var(--preview-muted)}.atelier-preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.atelier-preview-summary span{padding:12px;border-left:1px solid var(--preview-outline);text-align:center}.atelier-preview-summary b{display:block;font-size:25px;color:var(--preview-heading)}.atelier-preview-actions{width:100%;margin:16px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:transparent}.atelier-preview-actions>span:not(.atelier-preview-tag){padding:12px 14px;border:1px solid var(--preview-outline);border-radius:14px;background:#fff9ed;color:var(--preview-link);text-align:center}.atelier-preview-focus{width:100%;padding:18px 22px;display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:16px;border:1px solid var(--preview-outline);border-radius:18px;background:rgba(255,250,239,.82)}.atelier-preview-focus h2{margin:3px 0;color:var(--preview-heading)}.atelier-preview-input,.atelier-preview-textarea{padding:13px 15px;border:1px solid var(--preview-outline);border-radius:10px;background:#fff;color:var(--preview-muted)}.atelier-preview-button{display:inline-block;padding:11px 15px;border-radius:10px;background:var(--preview-button);color:var(--preview-button-text);font-family:Arial,sans-serif}.atelier-preview-grid{display:grid;grid-template-columns:1.35fr .85fr 1fr;gap:18px;margin-top:18px}.atelier-preview-card{min-height:220px;padding:18px;border:1px solid var(--preview-outline);border-radius:20px;background:rgba(255,252,245,.86);box-shadow:0 8px 22px rgba(68,51,34,.1)}.atelier-preview-card header{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid color-mix(in srgb,var(--preview-outline) 45%,transparent);padding-bottom:10px;margin-bottom:14px}.atelier-preview-card h2{margin:2px 0;color:var(--preview-heading);font-size:25px}.atelier-preview-card header>span{color:var(--preview-link);font:14px Arial,sans-serif}.atelier-preview-calendar{display:flex;gap:22px;align-items:center}.atelier-preview-calendar>div{width:88px;text-align:center;border:1px solid var(--preview-outline);border-radius:12px;overflow:hidden}.atelier-preview-calendar b{display:block;padding:5px;background:var(--preview-button);color:var(--preview-button-text)}.atelier-preview-calendar strong{display:block;font-size:38px;color:var(--preview-heading)}.atelier-preview-weather{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:20px}.atelier-preview-weather>span{font-size:66px;color:#c79534}.atelier-preview-weather strong{font-size:42px;color:var(--preview-heading)}.atelier-preview-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.atelier-preview-textarea{min-height:76px}.atelier-preview-card blockquote{font-size:21px;color:var(--preview-heading)}.atelier-preview-card ul{padding-left:20px;line-height:1.8}.atelier-preview-card.emergency{grid-column:span 2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:145px}.atelier-preview-cross{font-size:48px;color:#8f2632}.atelier-preview-card.activity{min-height:145px}.atelier-page-preview[data-preview-device="tablet"] .atelier-preview-grid{grid-template-columns:1fr 1fr}.atelier-page-preview[data-preview-device="tablet"] .atelier-preview-hero{grid-template-columns:1fr 1fr}.atelier-page-preview[data-preview-device="tablet"] .atelier-preview-summary{grid-column:1/-1}.atelier-page-preview[data-preview-device="phone"] .atelier-preview-topbar{gap:10px}.atelier-page-preview[data-preview-device="phone"] .atelier-preview-panorama{height:120px}.atelier-page-preview[data-preview-device="phone"] .atelier-preview-scene-labels{display:none}.atelier-page-preview[data-preview-device="phone"] .atelier-preview-childbar{overflow:hidden;gap:16px;padding:0 14px}.atelier-page-preview[data-preview-device="phone"] .atelier-preview-page-body{padding:16px}.atelier-page-preview[data-preview-device="phone"] .atelier-preview-hero,.atelier-page-preview[data-preview-device="phone"] .atelier-preview-focus,.atelier-page-preview[data-preview-device="phone"] .atelier-preview-grid{grid-template-columns:1fr}.atelier-page-preview[data-preview-device="phone"] .atelier-preview-actions{grid-template-columns:1fr 1fr}.atelier-page-preview[data-preview-device="phone"] .atelier-preview-card.emergency{grid-column:auto;grid-template-columns:1fr}.atelier-page-preview[data-preview-device="phone"] .atelier-preview-summary{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.atelier-live-studio__status{grid-template-columns:1fr}.atelier-live-studio__toolbar{align-items:stretch}.atelier-live-studio__toolbar label{width:100%}}

/* Patch 147 · Atelier Design Studio 2.0 */
.atelier2{min-height:760px;background:#262522;color:#eee8dc;border:1px solid #716957;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px rgba(33,28,22,.24);font-family:Arial,sans-serif}.atelier2 button,.atelier2 select,.atelier2 input{font:inherit}.atelier2-commandbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:16px;align-items:center;padding:10px 14px;background:linear-gradient(#3d3b36,#302f2b);border-bottom:1px solid #676053}.atelier2-brand{display:grid}.atelier2-brand span,.atelier2-brand small{font-size:.68rem;letter-spacing:.12em;color:#b9ae99}.atelier2-brand strong{font:600 1rem Georgia,serif}.atelier2-file-actions,.atelier2-view-actions,.atelier2-device-toggle{display:flex;gap:4px}.atelier2 button,.atelier2-file-button{border:1px solid #6b6457;background:#44413b;color:#f4eee3;padding:7px 10px;border-radius:5px;cursor:pointer}.atelier2 button:hover,.atelier2 button.active,.atelier2-file-button:hover{background:#615b4f}.atelier2 button:disabled{opacity:.45;cursor:not-allowed}.atelier2-file-button input{display:none}.atelier2-workbench{display:grid;grid-template-columns:290px minmax(500px,1fr) 310px;min-height:720px}.atelier2-left,.atelier2-inspector{background:#302f2b;min-width:0}.atelier2-left{border-right:1px solid #5f594e}.atelier2-inspector{border-left:1px solid #5f594e}.atelier2-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1f1f1d;border-bottom:1px solid #5f594e}.atelier2-tabs button{border:0;border-radius:0;padding:9px 4px;font-size:.73rem}.atelier2-toolpanel{padding:12px;max-height:680px;overflow:auto}.atelier2-toolpanel h3,.atelier2-inspector h3{margin:3px 0 10px;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:#c7baa2}.atelier2-toolpanel input,.atelier2-toolpanel select,.atelier2-inspector input{width:100%;box-sizing:border-box;background:#242421;color:#f1ecdf;border:1px solid #625c50;border-radius:4px;padding:7px;margin-bottom:8px}.atelier2-toolpanel details{border-bottom:1px solid #4c483f;padding:6px 0}.atelier2-toolpanel summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:600;font-size:.82rem}.atelier2-treeitem,.atelier2-libraryitem{width:100%;display:flex!important;align-items:center;gap:8px;text-align:left;margin-top:3px;border:0!important;background:transparent!important;padding:6px!important}.atelier2-treeitem.selected,.atelier2-libraryitem.selected{background:#5b6046!important}.atelier2-libraryitem{justify-content:space-between}.atelier2-libraryitem span{display:grid}.atelier2-libraryitem small{font-size:.68rem;color:#aaa18f}.atelier2-libraryitem b{min-width:24px;text-align:center;border-radius:12px;background:#555044}.atelier2-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.atelier2-panel-heading button{padding:4px 7px;font-size:.7rem}.atelier2-center{display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#1e1e1c;min-width:0}.atelier2-previewbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#34322e;border-bottom:1px solid #5f594e}.atelier2-previewbar select{background:#232320;color:#eee6d8;border:1px solid #625c50;padding:6px}.atelier2-previewbar label{font-size:.72rem;display:flex;gap:4px}.atelier2-stage{overflow:auto;padding:22px;background:#575550;min-height:600px}.atelier2-stage.show-grid{background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:16px 16px}.atelier2-statusbar{display:flex;gap:20px;padding:7px 10px;background:#302f2b;border-top:1px solid #5f594e;font-size:.7rem}.atelier2-statusbar__right{margin-left:auto;color:#bfcaa0}.atelier2-inspector>header{display:grid;padding:12px;border-bottom:1px solid #5f594e}.atelier2-inspector>header span{font-size:.65rem;letter-spacing:.14em;color:#a99f8d}.atelier2-inspector section{padding:11px;border-bottom:1px solid #4c483f}.atelier2-inspector dl{display:grid;grid-template-columns:95px 1fr;gap:6px;margin:0;font-size:.74rem}.atelier2-inspector dt{color:#aaa18f}.atelier2-inspector dd{margin:0;word-break:break-word}.atelier2-inspector label{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:6px;font-size:.72rem}.atelier2-inspector input[type=color]{height:30px;padding:2px}.atelier2-inspector code{display:block;margin:4px 0;padding:6px;background:#232320;color:#c9d4aa}.atelier2-boxmodel{padding:7px;background:#716958;text-align:center}.atelier2-boxmodel>div{padding:7px;background:#514d44}.atelier2-boxmodel>div>div{padding:7px;background:#77705f}.atelier2-boxmodel>div>div>div{padding:12px;background:#3c4938}.atelier2-inspector-actions{display:grid;gap:6px;padding:11px}.atelier2-empty-small{text-align:center;padding:28px 10px;color:#bcb3a3}.atelier2-empty-small>span{font-size:2rem}.atelier2-empty-small p{margin:8px 0}.atelier2-empty-small small,.atelier2-muted{font-size:.72rem;color:#aaa18f}.atelier2-history{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #4c483f}.atelier2-history time{font-size:.68rem;color:#aaa18f}.atelier2-history div{display:grid}.atelier2-history span,.atelier2-history small{font-size:.7rem;color:#bbb19f}.atelier2-validation-summary{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:5px;padding:8px;background:#242421}.atelier2-issue{padding:8px;margin-top:6px;border-left:3px solid #7d8b62;background:#262521}.atelier2-issue.error{border-color:#b75757}.atelier2-issue.warning{border-color:#c79e50}.atelier2-issue p{margin:4px 0;font-size:.75rem}.atelier2-issue small{color:#aaa18f}.atelier2-presentation{position:relative;padding:24px;overflow:auto;background:#4f4c45}.atelier2-presentation>button{position:sticky;top:0;z-index:8}.atelier2 .atelier-page-preview__viewport{margin:0 auto}.atelier2 .atelier-preview-today{background:linear-gradient(var(--theme-surface,#fff9ee),var(--theme-canvas,#eee7da))}.atelier2 .atelier-preview-card,.atelier2 .atelier-preview-hero,.atelier2 .atelier-preview-focus{border-radius:var(--t-theme-radius-large,24px)}
@media(max-width:1250px){.atelier2-workbench{grid-template-columns:250px minmax(430px,1fr)}.atelier2-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #5f594e}.atelier2-commandbar{grid-template-columns:1fr}.atelier2-view-actions{position:absolute;right:16px;top:12px}}@media(max-width:760px){.atelier2-workbench{display:block}.atelier2-commandbar{display:block}.atelier2-file-actions,.atelier2-view-actions,.atelier2-previewbar{flex-wrap:wrap;margin-top:8px}.atelier2-view-actions{position:static}.atelier2-left,.atelier2-inspector{border:0}.atelier2-stage{min-height:420px}}

/* Patch 148 — merged Workshop / Studio live asset bench */
.atelier2-workshop-note{margin:0 0 12px;color:var(--atelier2-muted);font-size:.84rem;line-height:1.45}
.atelier2-workshop-list{display:grid;gap:8px;margin-top:10px}
.atelier2-workshop-slot{display:grid;gap:6px;padding:10px;border:1px solid rgba(120,103,79,.28);border-radius:10px;background:rgba(255,255,255,.38)}
.atelier2-workshop-slot.loaded{border-color:var(--atelier-theme-button,#7f8962);box-shadow:inset 3px 0 0 var(--atelier-theme-button,#7f8962)}
.atelier2-workshop-slot span{display:grid;gap:2px}.atelier2-workshop-slot small,.atelier2-workshop-slot em{font-size:.72rem;color:var(--atelier2-muted);font-style:normal}
.atelier2-workshop-slot input[type=file]{max-width:100%;font-size:.76rem}
.atelier2-inline-error{margin-top:10px;padding:9px;border:1px solid #a65b5b;border-radius:8px;background:#fff1ef;color:#782f2f;font-size:.8rem}


/* Patch 152 — application-wide preview and inspection overlays */
.atelier-preview-category .atelier-preview-scene-labels .active{color:var(--atelier-theme-heading);font-weight:800;text-shadow:0 1px 0 #fff}
.atelier-preview-category-grid{grid-template-columns:1.25fr .75fr;align-items:stretch}
.atelier-preview-category-grid .atelier-preview-card{min-height:220px}
.atelier-page-preview.show-padding .atelier-preview-inspect::after{content:"padding";position:absolute;inset:8px;border:2px dashed rgba(65,125,190,.55);pointer-events:none;font:11px Arial;color:#315f91}
.atelier-page-preview.show-margins .atelier-preview-inspect{outline:8px solid rgba(210,140,55,.18)!important}
.atelier-page-preview.show-spacing .atelier-preview-grid{background-image:linear-gradient(90deg,rgba(125,80,145,.12) 1px,transparent 1px),linear-gradient(rgba(125,80,145,.12) 1px,transparent 1px);background-size:16px 16px}
.atelier2-asset-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.atelier2-asset-grid article{display:grid;grid-template-columns:66px 1fr auto;grid-template-rows:auto auto auto;gap:2px 10px;padding:9px;border:1px solid rgba(95,75,50,.22);border-radius:10px;background:rgba(255,255,255,.45)}
.atelier2-asset-thumb{grid-row:1/4;width:66px;height:52px;border-radius:7px;background:rgba(90,75,55,.08) center/cover no-repeat;display:grid;place-items:center;overflow:hidden}
.atelier2-asset-thumb span{font-size:9px;text-transform:uppercase;background:rgba(255,255,255,.78);padding:2px 4px}
.atelier2-asset-grid strong,.atelier2-asset-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atelier2-asset-grid em{font-size:10px}.atelier2-asset-grid button{grid-column:3;grid-row:1/4;align-self:center}
.atelier2-history{width:100%;text-align:left;border:0;background:transparent;display:flex}.atelier2-history.current{background:rgba(124,136,97,.16);box-shadow:inset 3px 0 var(--atelier-theme-button)}


/* ==========================================================================
   Patch 156 — Atelier Studio visual restoration
   This block is deliberately scoped beneath .atelier2 so global Tapestry
   button, input, heading, and article rules cannot flatten the design studio.
   ========================================================================== */

.atelier2 {
    --atelier2-bg: #22211f;
    --atelier2-panel: #302e2a;
    --atelier2-panel-raised: #3a3731;
    --atelier2-panel-deep: #1d1d1b;
    --atelier2-line: rgba(218, 202, 174, .25);
    --atelier2-line-strong: rgba(218, 202, 174, .42);
    --atelier2-text: #f2ecdf;
    --atelier2-muted: #b7ad9d;
    --atelier2-accent: var(--atelier-theme-button, #7f8962);
    --atelier2-accent-soft: color-mix(in srgb, var(--atelier2-accent) 28%, transparent);
    isolation: isolate;
    width: 100%;
    min-width: 0;
    min-height: 760px;
    margin: 0;
    border: 1px solid var(--atelier2-line-strong);
    border-radius: 18px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% -20%, rgba(255,255,255,.055), transparent 38%),
        linear-gradient(145deg, #292824, var(--atelier2-bg));
    color: var(--atelier2-text);
    box-shadow: 0 24px 70px rgba(39, 31, 23, .28);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.atelier2 *,
.atelier2 *::before,
.atelier2 *::after {
    box-sizing: border-box;
}

.atelier2 :is(h1,h2,h3,h4,p,dl,dd) {
    color: inherit;
}

.atelier2 :is(button, select, input, output, label) {
    font: inherit;
}

.atelier2-commandbar {
    position: relative;
    z-index: 10;
    display: grid;
    grid-template-columns: minmax(230px, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    min-height: 66px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--atelier2-line);
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), transparent 55%),
        #33312d;
    box-shadow: 0 7px 22px rgba(0,0,0,.18);
}

.atelier2-brand {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    column-gap: 10px;
    align-items: baseline;
    min-width: 0;
}
.atelier2-brand > span {
    grid-row: 1 / 3;
    align-self: center;
    padding: 7px 9px;
    border: 1px solid var(--atelier2-line);
    border-radius: 7px;
    background: rgba(0,0,0,.16);
    color: #d7c9b0;
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .14em;
}
.atelier2-brand > strong {
    overflow: hidden;
    color: #fff9ee;
    font: 600 1.04rem/1.15 Georgia, "Times New Roman", serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atelier2-brand > small {
    color: var(--atelier2-muted);
    font-size: .69rem;
    letter-spacing: .03em;
}

.atelier2-file-actions,
.atelier2-view-actions,
.atelier2-device-toggle {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.atelier2 :is(button, .atelier2-file-button) {
    appearance: none;
    min-height: 34px;
    margin: 0;
    padding: 7px 11px;
    border: 1px solid var(--atelier2-line-strong);
    border-radius: 7px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.07), transparent),
        #45413a;
    color: var(--atelier2-text);
    box-shadow: 0 1px 0 rgba(255,255,255,.06) inset;
    cursor: pointer;
    line-height: 1.1;
    text-decoration: none;
    transition: background .14s ease, border-color .14s ease, transform .14s ease;
}
.atelier2 :is(button, .atelier2-file-button):hover {
    border-color: rgba(222,208,183,.58);
    background:
        linear-gradient(180deg, rgba(255,255,255,.09), transparent),
        #575147;
}
.atelier2 button:active {
    transform: translateY(1px);
}
.atelier2 button.active,
.atelier2-tabs button.active {
    border-color: color-mix(in srgb, var(--atelier2-accent) 75%, white);
    background: color-mix(in srgb, var(--atelier2-accent) 58%, #252521);
    color: #fff;
}
.atelier2 button:focus-visible,
.atelier2 :is(select,input):focus-visible,
.atelier2-file-button:focus-within {
    outline: 2px solid color-mix(in srgb, var(--atelier2-accent) 75%, white);
    outline-offset: 2px;
}
.atelier2 button:disabled {
    opacity: .42;
    cursor: not-allowed;
    transform: none;
}
.atelier2-file-button {
    display: inline-flex;
    align-items: center;
}
.atelier2-file-button input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.atelier2-workbench {
    display: grid;
    grid-template-columns: minmax(250px, 290px) minmax(560px, 1fr) minmax(280px, 320px);
    min-height: min(780px, calc(100vh - 210px));
    background: var(--atelier2-bg);
}

.atelier2-left,
.atelier2-inspector,
.atelier2-center {
    min-width: 0;
    min-height: 0;
}
.atelier2-left,
.atelier2-inspector {
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), transparent 30%),
        var(--atelier2-panel);
}
.atelier2-left {
    border-right: 1px solid var(--atelier2-line);
}
.atelier2-inspector {
    border-left: 1px solid var(--atelier2-line);
}

.atelier2-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 1px;
    padding: 1px;
    border-bottom: 1px solid var(--atelier2-line);
    background: var(--atelier2-panel-deep);
}
.atelier2-tabs button {
    min-width: 0;
    min-height: 38px;
    padding: 7px 4px;
    border: 0;
    border-radius: 0;
    background: #292824;
    color: #cfc5b5;
    font-size: .68rem;
}
.atelier2-tabs button:nth-child(n+5) {
    grid-column: span 1;
}

.atelier2-toolpanel {
    height: calc(100% - 41px);
    max-height: none;
    overflow: auto;
    padding: 13px;
    scrollbar-color: #777064 #282724;
}
.atelier2-toolpanel > h3,
.atelier2-inspector h3 {
    margin: 2px 0 11px;
    color: #d7c9b0;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.atelier2 :is(.atelier2-toolpanel, .atelier2-inspector) :is(input:not([type="checkbox"]):not([type="color"]):not([type="range"]), select) {
    width: 100%;
    min-height: 35px;
    margin: 0 0 9px;
    padding: 7px 9px;
    border: 1px solid var(--atelier2-line-strong);
    border-radius: 7px;
    background: #232320;
    color: #f5eee1;
}

.atelier2-toolpanel details {
    margin: 0;
    padding: 6px 0;
    border-bottom: 1px solid rgba(222,207,181,.13);
}
.atelier2-toolpanel summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 28px;
    color: #ded5c5;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}
.atelier2-toolpanel summary span {
    display: inline-grid;
    min-width: 21px;
    height: 21px;
    place-items: center;
    border-radius: 11px;
    background: rgba(255,255,255,.08);
    color: var(--atelier2-muted);
    font-size: .65rem;
}

.atelier2 .atelier2-treeitem,
.atelier2 .atelier2-libraryitem {
    display: flex;
    width: 100%;
    min-height: 31px;
    margin: 2px 0;
    padding: 6px 7px;
    align-items: center;
    gap: 7px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #ded7ca;
    text-align: left;
}
.atelier2 .atelier2-treeitem:hover,
.atelier2 .atelier2-libraryitem:hover {
    border-color: rgba(220,204,175,.16);
    background: rgba(255,255,255,.045);
}
.atelier2 .atelier2-treeitem.selected,
.atelier2 .atelier2-libraryitem.selected {
    border-color: color-mix(in srgb, var(--atelier2-accent) 56%, transparent);
    background: var(--atelier2-accent-soft);
    box-shadow: inset 3px 0 var(--atelier2-accent);
}
.atelier2-libraryitem {
    justify-content: space-between;
}
.atelier2-libraryitem > span {
    display: grid;
    min-width: 0;
}
.atelier2-libraryitem strong,
.atelier2-libraryitem small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atelier2-libraryitem small {
    color: var(--atelier2-muted);
    font-size: .66rem;
}
.atelier2-libraryitem b {
    display: inline-grid;
    min-width: 24px;
    height: 22px;
    place-items: center;
    border-radius: 12px;
    background: rgba(255,255,255,.08);
    font-size: .66rem;
}

.atelier2-panel-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.atelier2-panel-heading button {
    min-height: 27px;
    padding: 4px 7px;
    font-size: .66rem;
}

.atelier2-center {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background: #171715;
}
.atelier2-previewbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 50px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--atelier2-line);
    background: var(--atelier2-panel-raised);
}
.atelier2-previewbar select {
    min-width: 112px;
    min-height: 34px;
    margin: 0;
    padding: 6px 26px 6px 8px;
    border: 1px solid var(--atelier2-line-strong);
    border-radius: 7px;
    background: #252522;
    color: #f0e9dd;
}
.atelier2-previewbar label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 30px;
    margin: 0;
    color: #d4cbbb;
    font-size: .68rem;
    white-space: nowrap;
}
.atelier2-previewbar input[type="checkbox"] {
    accent-color: var(--atelier2-accent);
}

.atelier2-stage {
    position: relative;
    min-height: 610px;
    overflow: auto;
    padding: 26px;
    background:
        radial-gradient(circle at 50% 10%, rgba(255,255,255,.07), transparent 38%),
        #54514b;
    scrollbar-color: #8b8377 #35332f;
}
.atelier2-stage::before {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    pointer-events: none;
}
.atelier2-stage.show-grid {
    background-color: #54514b;
    background-image:
        linear-gradient(rgba(255,255,255,.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.075) 1px, transparent 1px);
    background-size: 16px 16px;
}
.atelier2-stage .atelier-page-preview__viewport {
    position: relative;
    z-index: 1;
    margin-inline: auto;
    border: 1px solid rgba(42,35,27,.55);
    box-shadow: 0 24px 65px rgba(0,0,0,.34);
}

.atelier2-statusbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    min-height: 34px;
    padding: 7px 10px;
    border-top: 1px solid var(--atelier2-line);
    background: #2d2b27;
    color: #aaa193;
    font-size: .66rem;
}
.atelier2-statusbar b {
    color: #eee6da;
    font-weight: 650;
}
.atelier2-statusbar__right {
    margin-left: auto;
    color: #c1cca3;
}

.atelier2-inspector {
    overflow: auto;
    scrollbar-color: #777064 #282724;
}
.atelier2-inspector > header {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    gap: 3px;
    padding: 13px;
    border-bottom: 1px solid var(--atelier2-line);
    background: rgba(48,46,42,.96);
    backdrop-filter: blur(10px);
}
.atelier2-inspector > header span {
    color: #a99f8d;
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .15em;
}
.atelier2-inspector > header strong {
    overflow: hidden;
    color: #f7efe2;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atelier2-inspector section {
    padding: 12px;
    border-bottom: 1px solid rgba(220,204,175,.14);
}
.atelier2-inspector dl {
    display: grid;
    grid-template-columns: 92px minmax(0,1fr);
    gap: 7px;
    margin: 0;
    font-size: .7rem;
}
.atelier2-inspector dt {
    color: var(--atelier2-muted);
}
.atelier2-inspector dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}
.atelier2-inspector label {
    display: grid;
    grid-template-columns: 70px minmax(0,1fr) auto;
    align-items: center;
    gap: 7px;
    min-height: 35px;
    color: #d7cfc2;
    font-size: .68rem;
}
.atelier2-inspector label > input:not([type="color"]):not([type="range"]) {
    margin: 0;
}
.atelier2-inspector input[type="color"] {
    width: 100%;
    min-width: 0;
    height: 31px;
    margin: 0;
    padding: 2px;
    border: 1px solid var(--atelier2-line-strong);
    border-radius: 6px;
    background: #232320;
}
.atelier2-inspector input[type="range"] {
    width: 100%;
    accent-color: var(--atelier2-accent);
}
.atelier2-inspector output {
    min-width: 42px;
    color: #c8bda9;
    text-align: right;
}
.atelier2-inspector code {
    display: block;
    margin: 4px 0;
    padding: 7px;
    overflow-wrap: anywhere;
    border: 1px solid rgba(217,202,176,.15);
    border-radius: 6px;
    background: #22221f;
    color: #cad7a9;
    font-size: .66rem;
}
.atelier2-boxmodel {
    padding: 7px;
    border-radius: 7px;
    background: #756b58;
    color: #fff5e5;
    text-align: center;
    font-size: .63rem;
}
.atelier2-boxmodel > div {
    padding: 7px;
    border-radius: 5px;
    background: #4f4b43;
}
.atelier2-boxmodel > div > div {
    padding: 7px;
    border-radius: 4px;
    background: #766f5e;
}
.atelier2-boxmodel > div > div > div {
    padding: 11px;
    background: #3c4938;
}
.atelier2-inspector-actions {
    display: grid;
    gap: 7px;
    padding: 12px;
}

.atelier2-empty-small {
    display: grid;
    justify-items: center;
    padding: 30px 12px;
    color: var(--atelier2-muted);
    text-align: center;
}
.atelier2-empty-small > span {
    font-size: 2rem;
}
.atelier2-empty-small p {
    margin: 8px 0 3px;
    color: #ded6c8;
}
.atelier2-empty-small small,
.atelier2-muted {
    color: var(--atelier2-muted);
    font-size: .69rem;
}

.atelier2-workshop-note {
    margin: 0 0 12px;
    color: var(--atelier2-muted);
    font-size: .75rem;
    line-height: 1.5;
}
.atelier2-workshop-list {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}
.atelier2-workshop-slot {
    display: grid;
    gap: 6px;
    padding: 10px;
    border: 1px solid rgba(218,202,174,.16);
    border-radius: 8px;
    background: rgba(255,255,255,.025);
}
.atelier2-workshop-slot.loaded {
    border-color: color-mix(in srgb, var(--atelier2-accent) 70%, white);
    box-shadow: inset 3px 0 var(--atelier2-accent);
}
.atelier2-workshop-slot span {
    display: grid;
}
.atelier2-workshop-slot small,
.atelier2-workshop-slot em {
    color: var(--atelier2-muted);
    font-size: .66rem;
    font-style: normal;
}
.atelier2-workshop-slot input[type="file"] {
    width: 100%;
    max-width: 100%;
    padding: 5px;
    border: 1px dashed rgba(218,202,174,.26);
    border-radius: 6px;
    background: #24231f;
    color: #dcd3c4;
    font-size: .68rem;
}

.atelier2-asset-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 11px;
}
.atelier2-asset-grid article {
    display: grid;
    grid-template-columns: 64px minmax(0,1fr) auto;
    grid-template-rows: auto auto auto;
    gap: 3px 9px;
    min-width: 0;
    padding: 8px;
    border: 1px solid rgba(218,202,174,.16);
    border-radius: 8px;
    background: rgba(255,255,255,.025);
}
.atelier2-asset-grid strong,
.atelier2-asset-grid small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atelier2-asset-grid small,
.atelier2-asset-grid em {
    color: var(--atelier2-muted);
    font-size: .62rem;
}
.atelier2-asset-grid button {
    grid-column: 3;
    grid-row: 1 / 4;
    align-self: center;
    min-height: 28px;
    padding: 4px 7px;
    font-size: .62rem;
}
.atelier2-asset-thumb {
    grid-row: 1 / 4;
    width: 64px;
    height: 51px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 6px;
    background: rgba(0,0,0,.15) center / cover no-repeat;
}

.atelier2-history {
    display: grid;
    grid-template-columns: 57px minmax(0,1fr);
    width: 100%;
    min-height: 58px;
    margin: 0;
    padding: 8px;
    gap: 8px;
    border: 0;
    border-bottom: 1px solid rgba(218,202,174,.13);
    border-radius: 0;
    background: transparent;
    text-align: left;
}
.atelier2-history.current {
    background: var(--atelier2-accent-soft);
    box-shadow: inset 3px 0 var(--atelier2-accent);
}
.atelier2-history time {
    color: var(--atelier2-muted);
    font-size: .63rem;
}
.atelier2-history div {
    display: grid;
    min-width: 0;
}
.atelier2-history span,
.atelier2-history small {
    overflow: hidden;
    color: var(--atelier2-muted);
    font-size: .65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atelier2-validation-summary {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr;
    gap: 6px;
    padding: 9px;
    border: 1px solid rgba(218,202,174,.14);
    border-radius: 7px;
    background: #24231f;
}
.atelier2-issue {
    margin-top: 7px;
    padding: 8px;
    border-left: 3px solid var(--atelier2-accent);
    border-radius: 4px;
    background: rgba(0,0,0,.12);
}
.atelier2-issue.error { border-color: #c26060; }
.atelier2-issue.warning { border-color: #caa150; }
.atelier2-issue p {
    margin: 4px 0;
    font-size: .7rem;
}
.atelier2-issue small {
    color: var(--atelier2-muted);
}

.atelier2-presentation {
    position: relative;
    min-height: 760px;
    padding: 24px;
    overflow: auto;
    background: #4f4c45;
}
.atelier2-presentation > button {
    position: sticky;
    top: 0;
    z-index: 8;
    margin-bottom: 12px;
}

@media (max-width: 1320px) {
    .atelier2-workbench {
        grid-template-columns: 250px minmax(500px,1fr);
    }
    .atelier2-inspector {
        grid-column: 1 / -1;
        max-height: 430px;
        border-top: 1px solid var(--atelier2-line);
        border-left: 0;
    }
}
@media (max-width: 980px) {
    .atelier2-commandbar {
        grid-template-columns: 1fr;
    }
    .atelier2-workbench {
        grid-template-columns: 220px minmax(420px,1fr);
    }
    .atelier2-view-actions {
        position: static;
    }
}
@media (max-width: 760px) {
    .atelier2 {
        border-radius: 12px;
    }
    .atelier2-workbench {
        display: block;
    }
    .atelier2-left,
    .atelier2-inspector {
        border: 0;
    }
    .atelier2-toolpanel {
        max-height: 480px;
    }
    .atelier2-previewbar,
    .atelier2-file-actions,
    .atelier2-view-actions {
        align-items: stretch;
    }
    .atelier2-previewbar select {
        flex: 1 1 120px;
    }
    .atelier2-stage {
        min-height: 430px;
        padding: 14px;
    }
    .atelier2-statusbar__right {
        width: 100%;
        margin-left: 0;
    }
}


/* ==========================================================================
   Patch 157 — Unified Studio / Component Workbench
   ========================================================================== */

.atelier2-workspace-switch {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    border: 1px solid var(--atelier2-line);
    border-radius: 9px;
    background: rgba(0,0,0,.18);
}
.atelier2-workspace-switch button {
    min-height: 30px;
    border-color: transparent;
    background: transparent;
    font-size: .69rem;
}
.atelier2-workspace-switch button.active {
    border-color: color-mix(in srgb, var(--atelier2-accent) 65%, white);
    background: color-mix(in srgb, var(--atelier2-accent) 52%, #272722);
}

.atelier2-workspace-banner {
    display: grid;
    grid-template-columns: minmax(220px, auto) minmax(260px, 1fr);
    align-items: center;
    gap: 18px;
    min-height: 57px;
    padding: 9px 13px;
    border-bottom: 1px solid var(--atelier2-line);
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--atelier2-accent) 13%, transparent), transparent 42%),
        #292824;
}
.atelier2-workspace-banner > div {
    display: grid;
    gap: 2px;
}
.atelier2-workspace-banner span {
    color: color-mix(in srgb, var(--atelier2-accent) 55%, #e9dfcf);
    font-size: .59rem;
    font-weight: 900;
    letter-spacing: .16em;
}
.atelier2-workspace-banner strong {
    color: #fff7e9;
    font: 600 .98rem/1.2 Georgia, "Times New Roman", serif;
}
.atelier2-workspace-banner small {
    color: var(--atelier2-muted);
    font-size: .7rem;
    line-height: 1.45;
}

.atelier2-control-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 3px !important;
    align-items: start !important;
}
.atelier2-control-stack > span {
    color: #aaa091;
    font-size: .57rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.atelier2-overlay-menu {
    position: relative;
    margin-left: auto;
}
.atelier2-overlay-menu > summary {
    min-height: 34px;
    padding: 8px 11px;
    border: 1px solid var(--atelier2-line-strong);
    border-radius: 7px;
    background: #45413a;
    color: var(--atelier2-text);
    cursor: pointer;
    font-size: .68rem;
    list-style: none;
}
.atelier2-overlay-menu > summary::-webkit-details-marker {
    display: none;
}
.atelier2-overlay-menu[open] > summary {
    border-color: color-mix(in srgb, var(--atelier2-accent) 65%, white);
}
.atelier2-overlay-menu > div {
    position: absolute;
    z-index: 20;
    top: calc(100% + 7px);
    right: 0;
    display: grid;
    min-width: 170px;
    gap: 4px;
    padding: 9px;
    border: 1px solid var(--atelier2-line-strong);
    border-radius: 8px;
    background: #2e2c28;
    box-shadow: 0 16px 38px rgba(0,0,0,.34);
}
.atelier2-overlay-menu label {
    min-height: 27px;
}

.atelier2-stage.component-workbench {
    background:
        linear-gradient(135deg, rgba(134,145,101,.09), transparent 34%),
        #4f4c46;
}
.atelier2-component-workbench-ribbon {
    position: sticky;
    z-index: 5;
    top: 0;
    display: grid;
    grid-template-columns: auto minmax(180px,1fr) auto;
    align-items: center;
    gap: 10px;
    max-width: 1180px;
    margin: 0 auto 14px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--atelier2-accent) 52%, transparent);
    border-radius: 8px;
    background: rgba(37,38,32,.92);
    box-shadow: 0 8px 24px rgba(0,0,0,.24);
    backdrop-filter: blur(10px);
}
.atelier2-component-workbench-ribbon span {
    color: #c7d2a8;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .13em;
}
.atelier2-component-workbench-ribbon strong {
    overflow: hidden;
    color: #eee7db;
    font-size: .73rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atelier2-component-workbench-ribbon button {
    min-height: 29px;
    padding: 5px 8px;
    font-size: .63rem;
}

@media (max-width: 1120px) {
    .atelier2-workspace-switch {
        width: 100%;
    }
    .atelier2-workspace-switch button {
        flex: 1;
    }
    .atelier2-workspace-banner {
        grid-template-columns: 1fr;
        gap: 5px;
    }
}
@media (max-width: 760px) {
    .atelier2-component-workbench-ribbon {
        grid-template-columns: 1fr;
    }
    .atelier2-component-workbench-ribbon button {
        justify-self: start;
    }
    .atelier2-overlay-menu {
        margin-left: 0;
    }
    .atelier2-overlay-menu > div {
        right: auto;
        left: 0;
    }
}

/* Patch 159 — Focus Mode Studio */
.atelier2-workbench.focus-mode {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 430px);
}
.atelier2-workbench.focus-mode .atelier2-left { display: none; }
.atelier2-workbench.focus-mode .atelier2-center { min-width: 0; }
.atelier2-workbench.focus-mode .atelier2-stage {
    position: relative;
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--atelier-theme-focus, #8da66d) 55%, transparent);
}
.atelier2-focus-header { position: relative; padding-right: 9.5rem !important; }
.atelier2-focus-header > span { letter-spacing: .12em; }
.atelier2-done-editing {
    position: absolute; right: .8rem; top: 50%; transform: translateY(-50%);
    min-height: 2.65rem; padding: .55rem .9rem !important;
    border-radius: .75rem !important; font-weight: 700;
}
.atelier2-focus-empty { padding: 3rem 1.5rem; text-align: center; }
.atelier2-focus-empty > span { display: block; font-size: 2.8rem; margin-bottom: .75rem; }
.atelier2-focus-empty h3 { margin: 0 0 .45rem; }
.atelier2-focus-empty p { margin: 0; opacity: .72; }
.atelier2-focus-intro { padding: 1rem 1.1rem; border-bottom: 1px solid var(--atelier-theme-outline); }
.atelier2-focus-intro > span { display: inline-block; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; opacity: .68; }
.atelier2-focus-intro p { margin: .45rem 0 0; line-height: 1.45; }
.atelier2-focus-group { border-bottom: 1px solid var(--atelier-theme-outline); }
.atelier2-focus-group > summary { cursor: pointer; padding: 1rem 1.1rem; font-weight: 750; list-style: none; }
.atelier2-focus-group > summary::-webkit-details-marker { display: none; }
.atelier2-focus-group > summary::after { content: '›'; float: right; transform: rotate(90deg); transition: transform .15s ease; }
.atelier2-focus-group[open] > summary::after { transform: rotate(-90deg); }
.atelier2-focus-group summary small { display: block; margin-top: .2rem; font-weight: 400; opacity: .65; }
.atelier2-focus-controls { display: grid; gap: .85rem; padding: 0 1.1rem 1.15rem; }
.atelier2-focus-controls label { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .8rem; }
.atelier2-focus-controls input[type="color"] { width: 3.4rem; height: 2.35rem; padding: .12rem; }
.atelier2-range-control { grid-template-columns: 1fr !important; }
.atelier2-range-control input { width: 100%; }
.atelier2-range-control output { justify-self: end; margin-top: -.45rem; }
.atelier2-friendly-summary { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .55rem .8rem; padding: 0 1.1rem 1.15rem; }
.atelier2-friendly-summary span { opacity: .7; }
.atelier2-friendly-summary strong { text-align: right; overflow-wrap: anywhere; }
.atelier2-secondary-actions { display: grid; gap: .5rem; padding: 0 1.1rem 1.15rem; }
.atelier2-primary-action-dock {
    position: sticky; bottom: 0; z-index: 6;
    display: grid; grid-template-columns: minmax(0,1fr); gap: .65rem;
    margin-top: auto; padding: 1rem;
    background: color-mix(in srgb, var(--theme-surface, #f7f0df) 96%, transparent);
    border-top: 2px solid var(--atelier-theme-outline);
    box-shadow: 0 -10px 22px rgba(42,34,24,.12);
}
.atelier2-primary-action-dock > div small { display: block; margin-top: .2rem; opacity: .68; }
.atelier2-save-tall, .atelier2-apply-tall {
    min-height: 3.75rem !important; padding: .8rem 1rem !important;
    border-radius: .8rem !important; font-size: .98rem; font-weight: 800 !important;
}
.atelier2-apply-tall { background: var(--atelier-theme-button) !important; color: var(--atelier-theme-button-text) !important; border-color: var(--atelier-theme-button) !important; }
.atelier2-save-tall:disabled, .atelier2-apply-tall:disabled { opacity: .45; }
@media (max-width: 980px) {
    .atelier2-workbench.focus-mode { grid-template-columns: 1fr; }
    .atelier2-workbench.focus-mode .atelier2-inspector { min-height: 36rem; }
}

/* Patch 160 — Atelier Focus Studio Monster Patch */
.atelier2-stage.focus-stage .atelier-page-preview {
    transform: translate(var(--atelier-focus-x, 0), var(--atelier-focus-y, 0)) scale(var(--atelier-focus-zoom, 1.12));
    transform-origin: center top;
    transition: transform .28s cubic-bezier(.2,.8,.2,1);
}
.atelier2-stage.focus-stage::after {
    content: '';
    pointer-events: none;
    position: absolute;
    inset: 10px;
    border: 1px dashed color-mix(in srgb, var(--atelier-theme-focus, #8da66d) 62%, transparent);
    border-radius: 12px;
    opacity: .7;
}
.atelier2-focus-breadcrumb {
    display: flex; align-items: center; gap: .42rem; flex-wrap: wrap;
    padding: .65rem 1rem; border-bottom: 1px solid var(--atelier-theme-outline);
    background: color-mix(in srgb, var(--theme-surface, #f7f0df) 88%, transparent);
}
.atelier2-focus-breadcrumb button { border: 0; background: transparent; padding: .2rem; min-height: auto; font-weight: 700; }
.atelier2-focus-breadcrumb span { opacity: .45; }
.atelier2-focus-breadcrumb strong { font-size: .76rem; }
.atelier2-context-toolbar {
    display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .35rem;
    padding: .65rem .85rem; border-bottom: 1px solid var(--atelier-theme-outline);
}
.atelier2-context-toolbar button { min-height: 2.2rem; padding: .4rem; font-size: .67rem; }
.atelier2-focus-menu { display: grid; gap: .55rem; padding: .85rem; }
.atelier2-focus-menu > button {
    display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .15rem .75rem; text-align: left;
    min-height: 4.35rem; padding: .75rem .85rem; border-radius: .85rem;
}
.atelier2-focus-menu > button span { font-weight: 800; font-size: .9rem; }
.atelier2-focus-menu > button small { grid-column: 1; opacity: .67; line-height: 1.35; }
.atelier2-focus-menu > button b { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-size: 1.25rem; }
.atelier2-section-heading {
    display: flex; align-items: center; gap: .7rem; padding: .85rem 1rem;
    border-bottom: 1px solid var(--atelier-theme-outline);
}
.atelier2-section-heading > button { width: 2.25rem; height: 2.25rem; padding: 0; border-radius: 999px; }
.atelier2-section-heading > div { display: grid; gap: .12rem; }
.atelier2-section-heading strong { font-size: .95rem; }
.atelier2-section-heading small { opacity: .65; }
.atelier2-section-body { padding-top: 1rem; }
.atelier2-switch-row { grid-template-columns: 1fr auto !important; }
.atelier2-preset-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; padding: .9rem; }
.atelier2-preset-grid button {
    min-height: 6rem; display: grid; align-content: end; gap: .25rem; text-align: left;
    border-radius: .85rem; padding: .75rem;
    background: linear-gradient(145deg, color-mix(in srgb, var(--atelier-theme-button) 16%, var(--theme-surface)), var(--theme-surface));
}
.atelier2-preset-grid b { font-family: Georgia, serif; }
.atelier2-preset-grid span { font-size: .65rem; opacity: .68; }
.atelier2-focus-history { display: grid; gap: .4rem; padding: .85rem; }
.atelier2-focus-history button { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: .65rem; align-items: center; text-align: left; }
.atelier2-focus-history time { font-size: .6rem; opacity: .6; }
.atelier2-focus-history span { display: grid; }
.atelier2-focus-history small { opacity: .62; }
.atelier2-focus-history em { font-style: normal; font-size: .62rem; }
.atelier2-smart-help, .atelier2-advanced-drawer { margin: .75rem .85rem; border: 1px solid var(--atelier-theme-outline); border-radius: .8rem; overflow: hidden; }
.atelier2-smart-help summary, .atelier2-advanced-drawer summary { cursor: pointer; padding: .75rem .85rem; font-weight: 800; }
.atelier2-smart-help p { margin: 0; padding: 0 .85rem .75rem; line-height: 1.45; }
.atelier2-smart-help button { margin: 0 .85rem .85rem; }
.atelier2-advanced-drawer .atelier2-secondary-actions { padding-top: .2rem; }
.atelier2-primary-action-dock { grid-template-columns: 1fr 1fr; }
.atelier2-primary-action-dock > div { grid-column: 1 / -1; }
.atelier2-save-tall, .atelier2-apply-tall { min-height: 4.4rem !important; }
.atelier2-apply-tall { box-shadow: 0 8px 18px color-mix(in srgb, var(--atelier-theme-button) 30%, transparent); }
@media (max-width: 620px) {
    .atelier2-context-toolbar { grid-template-columns: 1fr 1fr; }
    .atelier2-preset-grid { grid-template-columns: 1fr; }
    .atelier2-primary-action-dock { grid-template-columns: 1fr; }
    .atelier2-primary-action-dock > div { grid-column: auto; }
}

/* Patch 161 — Atelier Design Environment */
.atelier2-environment-rail{display:grid;grid-template-columns:repeat(6,minmax(72px,1fr));gap:1px;background:#201f1c;border-bottom:1px solid #5f594e}.atelier2-environment-rail button{display:grid;place-items:center;gap:.2rem;border:0;border-radius:0;min-height:3.45rem;padding:.35rem}.atelier2-environment-rail button span{font-size:1rem}.atelier2-environment-rail button b{font-size:.64rem;font-weight:700}.atelier2-environment-rail button.active{background:color-mix(in srgb,var(--atelier-theme-button,#8a7047) 45%,#34322e)}
.atelier2-environment-panel{background:#2b2a27;border-bottom:1px solid #625c50;box-shadow:0 12px 24px rgba(0,0,0,.18);max-height:25rem;overflow:auto}.atelier2-environment-panel>header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #4e493f}.atelier2-environment-panel>header div{display:grid}.atelier2-environment-panel>header span{font-size:.58rem;letter-spacing:.14em;color:#b9ae99}.atelier2-environment-panel>header strong{font:700 1rem Georgia,serif}.atelier2-environment-panel>header button{width:2rem;height:2rem;padding:0;border-radius:999px}
.atelier2-theme-gallery{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:.75rem;padding:.85rem}.atelier2-theme-gallery button{display:grid;grid-template-rows:5rem auto auto auto;gap:.3rem;text-align:left;padding:.65rem;border-radius:.8rem}.atelier2-theme-gallery small{opacity:.65;line-height:1.3}.atelier2-theme-gallery em{font-style:normal;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.atelier2-theme-swatch{border-radius:.55rem;background:linear-gradient(135deg,var(--a),var(--a) 58%,var(--b) 59%,var(--b));border:1px solid rgba(255,255,255,.14)}
.atelier2-component-library{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:.55rem;padding:.85rem}.atelier2-component-library button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;text-align:left;min-height:4rem}.atelier2-component-library button>span{font-size:1.2rem}.atelier2-component-library button div{display:grid}.atelier2-component-library small{opacity:.63}.atelier2-component-library em{font-style:normal;font-size:.6rem}
.atelier2-token-board{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:.65rem;padding:.85rem}.atelier2-token-board label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.7rem;background:#242421;border:1px solid #514c43;border-radius:.75rem;padding:.75rem}.atelier2-token-board label>span{display:grid;font-weight:700}.atelier2-token-board small{font-weight:400;opacity:.62}.atelier2-token-board input[type=color]{width:3.5rem;height:2.5rem}.atelier2-token-board label.wide{grid-column:1/-1;grid-template-columns:1fr minmax(180px,2fr) auto}.atelier2-token-board output{min-width:3rem;text-align:right}
.atelier2-health-board{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:.85rem}.atelier2-health-board article{display:grid;gap:.2rem;padding:.8rem;border:1px solid #555047;border-radius:.75rem;background:#242421}.atelier2-health-board article strong{font-size:1.55rem}.atelier2-health-board article small{opacity:.62}.atelier2-health-board article.good{border-left:4px solid #809465}.atelier2-health-board article.warn{border-left:4px solid #c89b4e}.atelier2-health-board article.bad{border-left:4px solid #b95d58}.atelier2-health-board>button{grid-column:1/-1;min-height:2.8rem}
.atelier2-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-width:1100px}.atelier2-compare-grid>section{background:#42403b;border:1px solid #777064;border-radius:.65rem;overflow:auto}.atelier2-compare-grid>section>header{position:sticky;top:0;z-index:4;display:grid;padding:.5rem .75rem;background:#2a2926;border-bottom:1px solid #5e584d}.atelier2-compare-grid>section>header span{font-size:.55rem;letter-spacing:.12em;opacity:.65}.atelier2-compare-grid>section>header strong{font-size:.8rem}.atelier2-stage.compare-stage{padding:1rem}
.atelier2-command-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:start center;padding-top:9vh;background:rgba(20,18,15,.62);backdrop-filter:blur(5px)}.atelier2-command-palette{width:min(680px,calc(100vw - 2rem));max-height:72vh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#302f2b;border:1px solid #8a806e;border-radius:1rem;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.42)}.atelier2-command-palette header{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem}.atelier2-command-palette header span{font-size:.62rem;letter-spacing:.14em}.atelier2-command-palette header button{width:2rem;height:2rem;padding:0}.atelier2-command-palette>input{margin:0 .9rem .8rem;padding:.9rem 1rem;background:#211f1c;color:#fff;border:1px solid #645d50;border-radius:.7rem;font-size:1rem}.atelier2-command-palette>div{overflow:auto;padding:0 .65rem .65rem}.atelier2-command-palette>div button{width:100%;display:grid;grid-template-columns:2rem 1fr;gap:.1rem .65rem;text-align:left;margin:.25rem 0;padding:.7rem}.atelier2-command-palette>div button>span{grid-row:1/3;font-size:1.15rem;align-self:center;text-align:center}.atelier2-command-palette>div button strong{font-size:.84rem}.atelier2-command-palette>div button small{opacity:.63}.atelier2-command-palette footer{padding:.55rem 1rem;border-top:1px solid #504b42;font-size:.65rem;opacity:.62}.atelier2-command-palette-button{font-weight:700}
@media(max-width:900px){.atelier2-environment-rail{grid-template-columns:repeat(3,1fr)}.atelier2-theme-gallery{grid-template-columns:repeat(2,1fr)}.atelier2-component-library{grid-template-columns:repeat(2,1fr)}.atelier2-health-board{grid-template-columns:1fr}.atelier2-health-board>button{grid-column:auto}}@media(max-width:560px){.atelier2-theme-gallery,.atelier2-component-library,.atelier2-token-board{grid-template-columns:1fr}.atelier2-token-board label.wide{grid-column:auto;grid-template-columns:1fr}.atelier2-environment-rail button b{font-size:.58rem}}

/* Patch 164 — precise header editing, selection pointer, and direct image placement */
.atelier-preview-shell{display:block;width:100%;padding:0;background:#eee4d2}
.atelier-preview-shell>.atelier-preview-inspect{display:flex;width:100%;border-radius:0;margin:0}
.atelier-preview-topbar{position:relative;background-image:var(--t-theme-header-background,none);background-position:calc(50% + var(--atelier-image-shell-header-x,0%)) calc(50% + var(--atelier-image-shell-header-y,0%));background-size:var(--atelier-image-shell-header-scale,100%) auto;background-repeat:no-repeat}
.atelier-preview-panorama{display:block;position:relative;background-image:var(--t-theme-navigation-background,none);background-position:calc(50% + var(--atelier-image-shell-navigation-x,0%)) calc(50% + var(--atelier-image-shell-navigation-y,0%));background-size:var(--atelier-image-shell-navigation-scale,100%) auto;background-repeat:no-repeat}
.atelier-preview-childbar{position:relative;background-image:var(--t-theme-childbar-background,none);background-position:calc(50% + var(--atelier-image-shell-childbar-x,0%)) calc(50% + var(--atelier-image-shell-childbar-y,0%));background-size:var(--atelier-image-shell-childbar-scale,100%) auto;background-repeat:no-repeat}
.atelier-preview-hero{background-image:var(--t-theme-hero-background);background-position:calc(50% + var(--atelier-image-heroes-background-x,0%)) calc(50% + var(--atelier-image-heroes-background-y,0%));background-size:var(--atelier-image-heroes-background-scale,100%) auto;background-repeat:no-repeat}
.atelier-preview-card{background-image:var(--t-theme-window-background),var(--t-theme-card-background);background-position:calc(50% + var(--atelier-image-windows-background-x,0%)) calc(50% + var(--atelier-image-windows-background-y,0%)),center;background-size:var(--atelier-image-windows-background-scale,100%) auto,cover;background-repeat:no-repeat}
.atelier-preview-inspect.is-selected{z-index:12!important;outline:7px solid color-mix(in srgb,var(--preview-focus) 86%,white)!important;outline-offset:-7px;box-shadow:0 0 0 4px rgba(255,255,255,.92),0 0 34px 12px color-mix(in srgb,var(--preview-focus) 66%,transparent)!important}
.atelier-selection-pointer{position:absolute;z-index:30;left:-84px;top:50%;transform:translateY(-50%);font:900 78px/1 Arial,sans-serif;color:#f4c84d;text-shadow:0 3px 0 #563b16,0 0 7px #fff,0 8px 18px rgba(0,0,0,.44);pointer-events:none;animation:atelierPointerNudge .9s ease-in-out infinite alternate}
.atelier-preview-topbar .atelier-selection-pointer,.atelier-preview-panorama .atelier-selection-pointer,.atelier-preview-childbar .atelier-selection-pointer{left:18px;top:50%;transform:translateY(-50%) rotate(0deg)}
@keyframes atelierPointerNudge{from{margin-left:0}to{margin-left:13px}}
@media(prefers-reduced-motion:reduce){.atelier-selection-pointer{animation:none}}
.atelier-image-transform-active{touch-action:none;cursor:move!important}
.atelier-image-transform-active::before{content:"Drag image · wheel or corner handle to scale";position:absolute;right:14px;top:14px;z-index:35;padding:8px 11px;border-radius:999px;background:rgba(35,31,24,.9);color:#fff;font:700 12px/1.2 Arial,sans-serif;pointer-events:none}
.atelier-image-transform-handle{position:absolute;right:12px;bottom:12px;z-index:36;width:34px;height:34px;border:3px solid #fff;border-radius:7px;background:#d6a83c;box-shadow:0 3px 12px rgba(0,0,0,.4);cursor:nwse-resize}
.atelier2-image-tools{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid var(--atelier2-line-strong);border-radius:10px;background:rgba(0,0,0,.13)}
.atelier2-image-tools__heading{display:grid;gap:3px}.atelier2-image-tools__heading small{color:var(--atelier2-muted);line-height:1.35}
.atelier2-image-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.atelier2-image-actions button:first-child{grid-column:1/-1}.atelier2-image-actions .danger{border-color:rgba(190,92,92,.6);background:#633b38}
.atelier2-selected-image-load{justify-content:center;width:100%;min-height:38px;background:color-mix(in srgb,var(--atelier2-accent) 42%,#34312c)!important}


/* Patch 179 — Atelier framework stabilization audit */
.atelier2-center{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;position:relative!important}
.atelier2-workspace-banner,.atelier2-previewbar,.atelier2-statusbar{flex:0 0 auto!important}
.atelier2-stage{flex:1 1 auto!important;min-height:0!important;overflow:auto!important}
.atelier2-previewbar{position:relative;flex-wrap:wrap}
.atelier2-size-trigger{margin-left:auto}
.atelier2-size-popover{position:absolute;z-index:80;right:10px;top:calc(100% + 8px);width:min(360px,calc(100vw - 32px));display:grid;gap:10px;padding:12px;background:#2d2b27;border:1px solid #807867;border-radius:10px;box-shadow:0 18px 42px rgba(0,0,0,.42)}
.atelier2-size-popover header{display:flex;align-items:center;justify-content:space-between}.atelier2-size-popover header button{width:30px;height:30px;padding:0}
.atelier2-size-popover label{display:grid;grid-template-columns:110px minmax(0,1fr) 58px;align-items:center;gap:8px}.atelier2-size-popover input{width:100%;margin:0}.atelier2-size-popover output{text-align:right;font-size:.7rem}.atelier2-size-popover hr{width:100%;border:0;border-top:1px solid #585247}
.atelier-preview-hero{background-image:var(--atelier-studio-category-hero-image)!important;background-position:calc(50% + var(--atelier-image-studio-categoryhero-x,0%)) calc(50% + var(--atelier-image-studio-categoryhero-y,0%))!important;background-size:var(--atelier-image-studio-categoryhero-scale,100%) auto!important;background-repeat:no-repeat!important}
.atelier-preview-actions{background-image:var(--atelier-studio-category-actions-image)!important;background-position:calc(50% + var(--atelier-image-studio-categoryactions-x,0%)) calc(50% + var(--atelier-image-studio-categoryactions-y,0%))!important;background-size:var(--atelier-image-studio-categoryactions-scale,100%) auto!important;background-repeat:no-repeat!important}
.atelier-preview-card.calendar{background-image:var(--atelier-studio-primary-workspace-image)!important;background-position:calc(50% + var(--atelier-image-studio-primaryworkspace-x,0%)) calc(50% + var(--atelier-image-studio-primaryworkspace-y,0%))!important;background-size:var(--atelier-image-studio-primaryworkspace-scale,100%) auto!important;background-repeat:no-repeat!important}
.atelier-preview-card.weather{background-image:var(--atelier-studio-secondary-workspace-image)!important;background-position:calc(50% + var(--atelier-image-studio-secondaryworkspace-x,0%)) calc(50% + var(--atelier-image-studio-secondaryworkspace-y,0%))!important;background-size:var(--atelier-image-studio-secondaryworkspace-scale,100%) auto!important;background-repeat:no-repeat!important}
.atelier-preview-card.journal{background-image:var(--atelier-studio-record-book-image)!important;background-position:calc(50% + var(--atelier-image-studio-recordbookcollection-x,0%)) calc(50% + var(--atelier-image-studio-recordbookcollection-y,0%))!important;background-size:var(--atelier-image-studio-recordbookcollection-scale,100%) auto!important;background-repeat:no-repeat!important}
.atelier-preview-card.activity{background-image:var(--atelier-studio-recent-activity-image)!important;background-position:calc(50% + var(--atelier-image-studio-recentactivity-x,0%)) calc(50% + var(--atelier-image-studio-recentactivity-y,0%))!important;background-size:var(--atelier-image-studio-recentactivity-scale,100%) auto!important;background-repeat:no-repeat!important}

/* PATCH 180 — selected component appearance is the rendered source of truth */
.atelier-preview-topbar{color:var(--atelier-component-topheaderbar-main,var(--preview-body))!important;background-color:var(--atelier-component-topheaderbar-background,var(--theme-surface))!important;border-color:var(--atelier-component-topheaderbar-outline,var(--preview-outline))!important;border-radius:var(--atelier-component-topheaderbar-radius,var(--t-theme-radius-large,0px))!important}
.atelier-preview-panorama{color:var(--atelier-component-navigationbar-main,var(--preview-body))!important;background-color:var(--atelier-component-navigationbar-background,var(--theme-surface))!important;border-color:var(--atelier-component-navigationbar-outline,var(--preview-outline))!important;border-radius:var(--atelier-component-navigationbar-radius,var(--t-theme-radius-large,0px))!important}
.atelier-preview-childbar{color:var(--atelier-component-childnavigationbar-main,var(--preview-body))!important;background-color:var(--atelier-component-childnavigationbar-background,var(--theme-surface))!important;border-color:var(--atelier-component-childnavigationbar-outline,var(--preview-outline))!important;border-radius:var(--atelier-component-childnavigationbar-radius,var(--t-theme-radius-large,0px))!important}
.atelier-preview-hero{color:var(--atelier-component-categoryhero-main,var(--preview-body));background-color:var(--atelier-component-categoryhero-background,var(--theme-surface))!important;border-color:var(--atelier-component-categoryhero-outline,var(--preview-outline))!important;border-radius:var(--atelier-component-categoryhero-radius,var(--t-theme-radius-large,24px))!important}
.atelier-preview-hero h1,.atelier-preview-hero h2,.atelier-preview-hero b{color:var(--atelier-component-categoryhero-main,var(--preview-heading))}
.atelier-preview-actions{color:var(--atelier-component-categoryactions-main,var(--preview-body));background-color:var(--atelier-component-categoryactions-background,transparent)!important;border-color:var(--atelier-component-categoryactions-outline,var(--preview-outline));border-radius:var(--atelier-component-categoryactions-radius,var(--t-theme-radius-large,14px))}
.atelier-preview-actions>span:not(.atelier-preview-tag){color:var(--atelier-component-categoryactions-main,var(--preview-link));background-color:var(--atelier-component-categoryactions-background,var(--theme-surface));border-color:var(--atelier-component-categoryactions-outline,var(--preview-outline));border-radius:var(--atelier-component-categoryactions-radius,var(--t-theme-radius-large,14px))}
.atelier-preview-card.calendar{color:var(--atelier-component-primaryworkspace-main,var(--preview-body));background-color:var(--atelier-component-primaryworkspace-background,var(--theme-surface))!important;border-color:var(--atelier-component-primaryworkspace-outline,var(--preview-outline))!important;border-radius:var(--atelier-component-primaryworkspace-radius,var(--t-theme-radius-large,20px))!important}
.atelier-preview-card.weather{color:var(--atelier-component-secondaryworkspace-main,var(--preview-body));background-color:var(--atelier-component-secondaryworkspace-background,var(--theme-surface))!important;border-color:var(--atelier-component-secondaryworkspace-outline,var(--preview-outline))!important;border-radius:var(--atelier-component-secondaryworkspace-radius,var(--t-theme-radius-large,20px))!important}
.atelier-preview-card.journal{color:var(--atelier-component-recordbookcollection-main,var(--preview-body));background-color:var(--atelier-component-recordbookcollection-background,var(--theme-surface))!important;border-color:var(--atelier-component-recordbookcollection-outline,var(--preview-outline))!important;border-radius:var(--atelier-component-recordbookcollection-radius,var(--t-theme-radius-large,20px))!important}
.atelier-preview-card.activity{color:var(--atelier-component-recentactivitywindow-main,var(--preview-body));background-color:var(--atelier-component-recentactivitywindow-background,var(--theme-surface))!important;border-color:var(--atelier-component-recentactivitywindow-outline,var(--preview-outline))!important;border-radius:var(--atelier-component-recentactivitywindow-radius,var(--t-theme-radius-large,20px))!important}
.atelier-preview-card.calendar h2,.atelier-preview-card.calendar b{color:var(--atelier-component-primaryworkspace-main,var(--preview-heading))}
.atelier-preview-card.weather h2,.atelier-preview-card.weather b{color:var(--atelier-component-secondaryworkspace-main,var(--preview-heading))}
.atelier-preview-card.journal h2,.atelier-preview-card.journal b,.atelier-preview-card.journal blockquote{color:var(--atelier-component-recordbookcollection-main,var(--preview-heading))}
.atelier-preview-card.activity h2,.atelier-preview-card.activity b{color:var(--atelier-component-recentactivitywindow-main,var(--preview-heading))}


/* PATCH 181 — explicit color confirmation controls */
.atelier2-confirmed-color__control{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.atelier2-confirmed-color__control input[type=color]{flex:0 0 auto}
.atelier2-confirmed-color__control button{display:inline-grid;place-items:center;width:34px;height:34px;min-width:34px;padding:0;border:1px solid #a79a78;border-radius:8px;background:#66704b;color:#fff;font-size:1rem;font-weight:800;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.atelier2-confirmed-color__control button:hover{background:#778259}
.atelier2-confirmed-color__control button:focus-visible{outline:2px solid #ead491;outline-offset:2px}

/* PATCH 182 — header color fidelity: remove legacy decorative fallback artwork */
.atelier-preview-panorama::before{display:none!important}

/* PATCH 183 — viewport studio redesign and always-visible image quick rail */
.atelier2{
    height:calc(100dvh - 12px);
    min-height:680px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}
.atelier2-commandbar{flex:0 0 auto}
.atelier2-workbench{
    flex:1 1 auto;
    min-height:0!important;
    height:auto!important;
    overflow:hidden;
}
.atelier2-left,.atelier2-center,.atelier2-inspector{height:100%;min-height:0!important}
.atelier2-left{overflow:auto}
.atelier2-inspector{
    display:flex;
    flex-direction:column;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
}
.atelier2-focus-header,.atelier2-focus-breadcrumb,.atelier2-focus-intro,.atelier2-context-toolbar,.atelier2-image-quickrail{flex:0 0 auto}
.atelier2-focus-intro{padding:.55rem .85rem}
.atelier2-focus-intro p{margin:.2rem 0 0;font-size:.74rem;line-height:1.28}
.atelier2-context-toolbar{padding:.42rem .55rem;gap:.28rem}
.atelier2-context-toolbar button{min-height:1.9rem;padding:.28rem .35rem;font-size:.61rem}
.atelier2-image-quickrail{
    display:grid;
    gap:.48rem;
    margin:.5rem .55rem .2rem;
    padding:.58rem;
    border:1px solid color-mix(in srgb,var(--atelier2-accent,#89966a) 62%,#665f53);
    border-radius:.7rem;
    background:linear-gradient(180deg,rgba(129,143,94,.13),rgba(0,0,0,.13));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.atelier2-image-quickrail__top{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:.38rem;
}
.atelier2-image-quickrail__top>div{display:grid;gap:.06rem;min-width:0}
.atelier2-image-quickrail__top span{font-size:.52rem;font-weight:900;letter-spacing:.14em;color:#c7d2a8}
.atelier2-image-quickrail__top strong{overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.atelier2-image-quickrail__load,.atelier2-image-quickrail__top button{
    min-height:1.95rem!important;
    padding:.32rem .52rem!important;
    font-size:.61rem!important;
    white-space:nowrap;
}
.atelier2-image-quickrail__top .danger{border-color:rgba(198,103,96,.72);background:#603b38}
.atelier2-image-quickrail__sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.atelier2-image-quickrail__sliders label{display:grid!important;grid-template-columns:1fr!important;gap:.12rem!important;font-size:.58rem!important}
.atelier2-image-quickrail__sliders label>span{display:flex;justify-content:space-between;gap:.25rem;color:#d7d0c3}
.atelier2-image-quickrail__sliders output{font-size:.55rem;color:#c7d2a8}
.atelier2-image-quickrail__sliders input[type=range]{width:100%;margin:0!important;padding:0!important}
.atelier2-image-quickrail__actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
.atelier2-image-quickrail__actions button{min-height:1.85rem;padding:.28rem .4rem;font-size:.59rem}
.atelier2-focus-menu{grid-template-columns:1fr 1fr;gap:.38rem;padding:.55rem}
.atelier2-focus-menu>button{min-height:3.1rem;padding:.48rem .58rem;border-radius:.65rem}
.atelier2-focus-menu>button span{font-size:.74rem}
.atelier2-focus-menu>button small{font-size:.56rem;line-height:1.2}
.atelier2-section-heading{padding:.55rem .7rem}
.atelier2-section-heading>button{width:1.9rem;height:1.9rem}
.atelier2-section-body{padding:.6rem .7rem .75rem}
.atelier2-focus-controls{gap:.5rem}
.atelier2-focus-controls label{gap:.45rem}
.atelier2-range-control output{margin-top:-.25rem}
.atelier2-smart-help,.atelier2-advanced-drawer{margin:.42rem .55rem}
.atelier2-smart-help summary,.atelier2-advanced-drawer summary{padding:.52rem .65rem;font-size:.68rem}
.atelier2-primary-action-dock{
    position:sticky;
    bottom:0;
    grid-template-columns:1fr 1fr;
    gap:.4rem;
    padding:.55rem;
}
.atelier2-primary-action-dock>div{display:none}
.atelier2-save-tall,.atelier2-apply-tall{min-height:2.65rem!important;padding:.45rem .55rem!important;font-size:.72rem!important}
@media(max-height:780px) and (min-width:981px){
    .atelier2-focus-intro{display:none}
    .atelier2-context-toolbar{padding:.3rem .45rem}
    .atelier2-image-quickrail{margin:.35rem .45rem .1rem;padding:.45rem}
    .atelier2-smart-help{display:none}
}
@media(max-width:1250px){
    .atelier2{height:auto;min-height:760px;overflow:visible}
    .atelier2-workbench{overflow:visible}
    .atelier2-inspector{height:auto;max-height:none;overflow:visible}
}

/* PATCH 184 — quarter-height Atelier title bar */
.atelier2-commandbar{
    min-height:30px!important;
    height:30px;
    padding:2px 8px!important;
    gap:7px!important;
    grid-template-columns:minmax(150px,1fr) auto auto!important;
    box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
}
.atelier2-brand{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0;
    line-height:1;
}
.atelier2-brand>span,
.atelier2-brand>small{display:none!important}
.atelier2-brand>strong{
    overflow:hidden;
    margin:0!important;
    font:600 .78rem/1 Georgia,serif!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.atelier2-file-actions,
.atelier2-view-actions,
.atelier2-workspace-switch{
    align-items:center;
    gap:2px!important;
    min-width:0;
}
.atelier2-commandbar button,
.atelier2-commandbar .atelier2-file-button{
    min-height:24px!important;
    height:24px;
    padding:2px 7px!important;
    border-radius:4px!important;
    font-size:.64rem!important;
    line-height:1!important;
    white-space:nowrap;
}
.atelier2-commandbar .atelier2-command-palette-button{padding-inline:6px!important}
@media(max-width:1250px){
    .atelier2-commandbar{
        height:auto;
        min-height:30px!important;
        grid-template-columns:minmax(150px,1fr) auto!important;
    }
    .atelier2-view-actions{position:static!important;grid-column:1/-1;justify-content:flex-end;margin-top:0!important}
}


/* PATCH 185 — direct preview image layers + hard compact title bar lock */
.atelier-preview-inspect{isolation:isolate;overflow:hidden}
.atelier-preview-inspect>.atelier-preview-image-layer{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:inherit;
    pointer-events:none!important;
}
.atelier-preview-inspect>*:not(.atelier-preview-image-layer){position:relative;z-index:1}
.atelier-preview-actions>.atelier-preview-image-layer{grid-column:1/-1;grid-row:1;position:absolute!important}
.atelier2>.atelier2-commandbar{
    display:flex!important;
    align-items:center!important;
    min-height:26px!important;
    max-height:26px!important;
    height:26px!important;
    padding:1px 6px!important;
    gap:4px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
.atelier2>.atelier2-commandbar>.atelier2-brand{flex:1 1 auto!important;min-width:90px!important;height:22px!important;overflow:hidden!important}
.atelier2>.atelier2-commandbar>.atelier2-brand>span,
.atelier2>.atelier2-commandbar>.atelier2-brand>small{display:none!important}
.atelier2>.atelier2-commandbar>.atelier2-brand>strong{font-size:.68rem!important;line-height:22px!important}
.atelier2>.atelier2-commandbar .atelier2-file-actions,
.atelier2>.atelier2-commandbar .atelier2-view-actions,
.atelier2>.atelier2-commandbar .atelier2-workspace-switch{display:flex!important;align-items:center!important;gap:2px!important;height:22px!important;margin:0!important}
.atelier2>.atelier2-commandbar button,
.atelier2>.atelier2-commandbar .atelier2-file-button{
    min-height:22px!important;
    max-height:22px!important;
    height:22px!important;
    padding:1px 6px!important;
    margin:0!important;
    font-size:.6rem!important;
    line-height:18px!important;
}
@media(max-width:1250px){
    .atelier2>.atelier2-commandbar{max-height:none!important;height:auto!important;min-height:26px!important;flex-wrap:wrap!important}
}

/* PATCH 186 — selectable workspace canvas, natural image motion, low-latency transforms, 66% title-rail reduction */
.atelier-preview-page-body{position:relative;isolation:isolate}
.atelier-preview-workspace-background{
    position:absolute;
    inset:0;
    z-index:0;
    display:block;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:1px solid var(--atelier-component-workspacebackground-outline,var(--preview-outline));
    border-radius:var(--atelier-component-workspacebackground-radius,var(--t-theme-radius-large,0px));
    background-color:var(--atelier-component-workspacebackground-background,var(--theme-canvas));
    background-image:var(--atelier-pages-background-image,none);
    background-position:calc(50% - var(--atelier-image-pages-background-x,0%)) calc(50% - var(--atelier-image-pages-background-y,0%));
    background-size:var(--atelier-image-pages-background-scale,100%) auto;
    background-repeat:no-repeat;
    color:var(--atelier-component-workspacebackground-main,var(--preview-body));
    cursor:pointer;
}
.atelier-preview-page-body>.atelier-preview-hero,
.atelier-preview-page-body>.atelier-preview-actions,
.atelier-preview-page-body>.atelier-preview-grid{position:relative;z-index:1}
.atelier-preview-workspace-background.is-selected{z-index:0!important;outline:7px solid color-mix(in srgb,var(--preview-focus) 86%,white)!important;outline-offset:-7px}
.atelier-preview-workspace-background .atelier-preview-tag{left:14px;right:auto;top:auto;bottom:12px}

/* Positive X means right; positive Y means down. */
.atelier-preview-image-layer{background-position:calc(50% - var(--atelier-image-x,0%)) calc(50% - var(--atelier-image-y,0%))}

/* Default title rail is 66% shorter than the previous 26px bar. Hover/focus restores commands. */
.atelier2>.atelier2-commandbar{
    min-height:9px!important;
    max-height:9px!important;
    height:9px!important;
    padding:0 6px!important;
    overflow:hidden!important;
    transition:height .12s ease,max-height .12s ease,min-height .12s ease!important;
}
.atelier2>.atelier2-commandbar>*{opacity:0!important;pointer-events:none!important;transition:opacity .08s ease!important}
.atelier2>.atelier2-commandbar:hover,
.atelier2>.atelier2-commandbar:focus-within{
    min-height:26px!important;
    max-height:26px!important;
    height:26px!important;
}
.atelier2>.atelier2-commandbar:hover>*,
.atelier2>.atelier2-commandbar:focus-within>*{opacity:1!important;pointer-events:auto!important}
.atelier2>.atelier2-commandbar::after{
    content:"ATELIER";
    position:absolute;
    left:8px;
    top:0;
    font:700 7px/9px Arial,sans-serif;
    letter-spacing:.16em;
    color:rgba(255,255,255,.72);
    pointer-events:none;
}
.atelier2>.atelier2-commandbar:hover::after,
.atelier2>.atelier2-commandbar:focus-within::after{display:none}
@media(max-width:1250px){
    .atelier2>.atelier2-commandbar{min-height:22px!important;max-height:none!important;height:auto!important}
    .atelier2>.atelier2-commandbar>*{opacity:1!important;pointer-events:auto!important}
    .atelier2>.atelier2-commandbar::after{display:none}
}


/* PATCH 187 — remove title bar and repair dedicated workspace background editing */
.atelier2>.atelier2-commandbar{display:none!important}
.atelier-preview-workspace-background{
    background-color:var(--atelier-component-workspacebackground-background,var(--theme-canvas))!important;
    border-color:var(--atelier-component-workspacebackground-outline,var(--preview-outline))!important;
    border-radius:var(--atelier-component-workspacebackground-radius,0px)!important;
    color:var(--atelier-component-workspacebackground-main,var(--preview-body))!important;
    appearance:none!important;
    -webkit-appearance:none!important;
}
.atelier-preview-workspace-background>.atelier-preview-image-layer{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    pointer-events:none!important;
    border-radius:inherit!important;
}
.atelier-preview-workspace-background>.atelier-preview-tag,
.atelier-preview-workspace-background>.atelier-selection-pointer{position:absolute!important;z-index:2!important}


/* PATCH 189 — compact essential file and publishing actions after title-bar removal */
.atelier2>.atelier2-essential-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    min-height:30px;
    padding:3px 10px;
    border-bottom:1px solid rgba(210,196,165,.38);
    background:var(--atelier-panel,#2f2d27);
    box-sizing:border-box;
}
.atelier2>.atelier2-essential-actions .atelier2-essential-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:74px;
    height:24px;
    margin:0;
    padding:2px 10px;
    border:1px solid rgba(213,199,167,.55);
    border-radius:7px;
    background:rgba(255,255,255,.055);
    color:var(--atelier-text,#f4efe3);
    font:600 .72rem/1 Arial,sans-serif;
    cursor:pointer;
    box-sizing:border-box;
}
.atelier2>.atelier2-essential-actions .atelier2-essential-action:hover,
.atelier2>.atelier2-essential-actions .atelier2-essential-action:focus-visible{
    background:rgba(255,255,255,.12);
    outline:2px solid var(--preview-focus,#adc783);
    outline-offset:1px;
}
.atelier2>.atelier2-essential-actions .atelier2-essential-load{position:relative;overflow:hidden}
.atelier2>.atelier2-essential-actions .atelier2-essential-load input[type=file]{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
}
.atelier2>.atelier2-essential-actions .atelier2-essential-live{
    background:color-mix(in srgb,var(--preview-focus,#8da66a) 44%,#2f2d27);
    border-color:color-mix(in srgb,var(--preview-focus,#8da66a) 72%,white);
}
@media(max-width:760px){
    .atelier2>.atelier2-essential-actions{justify-content:stretch}
    .atelier2>.atelier2-essential-actions .atelier2-essential-action{flex:1 1 0;min-width:0}
}

/* Version 3 creation workshops. */
.atelier-v3-asset-toolbar{display:flex;flex-wrap:wrap;gap:.45rem;padding:.7rem 1rem;border:1px solid rgba(125,110,86,.32);border-radius:.8rem;background:rgba(255,251,242,.78)}
.atelier-v3-workshop__layout{display:grid;grid-template-columns:220px minmax(420px,1fr) 300px;gap:1rem;align-items:start;margin-top:1rem}
.atelier-v3-library,.atelier-v3-tools,.atelier-v3-canvas{min-width:0;border:1px solid rgba(125,110,86,.35);border-radius:.85rem;background:rgba(255,251,242,.82);overflow:hidden}
.atelier-v3-library>header,.atelier-v3-tools>header,.atelier-v3-canvas__toolbar{display:flex;justify-content:space-between;gap:.5rem;padding:.75rem .9rem;border-bottom:1px solid rgba(125,110,86,.25)}
.atelier-v3-asset-card{width:calc(100% - 1rem);display:grid;grid-template-columns:32px 1fr;gap:.1rem .55rem;margin:.5rem;padding:.55rem;text-align:left;background:transparent;border:1px solid transparent;border-radius:.55rem}
.atelier-v3-asset-card.selected{border-color:#8d806b;background:#f3ead9}.atelier-v3-asset-card>span{grid-row:1/3;width:32px;height:32px;border:1px solid #9b8c75;border-radius:.4rem}.atelier-v3-asset-card small{opacity:.65}
.atelier-v3-empty{text-align:center;padding:2rem 1rem}.atelier-v3-empty span{font-size:2rem}.atelier-v3-message{margin-top:.75rem;padding:.7rem;border-radius:.55rem}.atelier-v3-message.error{background:#f6dede;color:#6f2429}
.atelier-v3-preview-surface{min-height:520px;display:grid;place-items:center;padding:2rem;background-color:#d8d2c7;background-image:linear-gradient(45deg,#c9c3b8 25%,transparent 25%),linear-gradient(-45deg,#c9c3b8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c9c3b8 75%),linear-gradient(-45deg,transparent 75%,#c9c3b8 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.atelier-v3-window-preview{width:min(520px,100%);min-height:300px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.atelier-v3-window-preview header,.atelier-v3-window-preview footer{padding:.8rem 1rem;border-color:inherit;border-style:solid;border-width:0 0 1px}.atelier-v3-window-preview footer{border-width:1px 0 0}.atelier-v3-window-preview>div{padding:1.25rem}
.atelier-v3-button-examples{display:grid;justify-items:center;gap:1rem}.atelier-v3-button-examples>button{min-width:150px}.atelier-v3-state-strip{display:flex;flex-wrap:wrap;gap:.25rem}.atelier-v3-state-strip button.active{background:#66734f;color:#fff}
.atelier-v3-plaque-preview{min-width:min(380px,100%);display:grid;gap:.35rem;text-align:center;text-transform:uppercase}.atelier-v3-plaque-preview strong{font-family:Georgia,serif}.atelier-v3-plaque-preview small{opacity:.7}
.atelier-v3-navigation-preview{width:min(720px,100%);display:grid}.atelier-v3-navigation-preview>*{padding:1rem}.atelier-v3-navigation-preview>div{min-height:150px;display:grid;place-items:center;background:linear-gradient(#d9c89e,#5f7756)}
.atelier-v3-tools details{padding:.65rem .8rem;border-bottom:1px solid rgba(125,110,86,.2)}.atelier-v3-tools summary{cursor:pointer;font-weight:700}.atelier-v3-tools label{display:grid;gap:.25rem;margin:.6rem 0;font-size:.76rem}.atelier-v3-tools input,.atelier-v3-tools textarea{width:100%;box-sizing:border-box}.atelier-v3-tools input[type=checkbox]{width:auto}.atelier-v3-tools output{font-size:.7rem;opacity:.7}
@media(max-width:1180px){.atelier-v3-workshop__layout{grid-template-columns:190px minmax(0,1fr)}.atelier-v3-tools{grid-column:1/-1}}
@media(max-width:760px){.atelier-v3-workshop__layout{display:block}.atelier-v3-library,.atelier-v3-canvas,.atelier-v3-tools{margin-bottom:1rem}.atelier-v3-preview-surface{min-height:360px;padding:1rem}}
.atelier2-escape-deselect{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;opacity:0!important;pointer-events:none!important}
.atelier2-studio-assets{margin:.55rem;border:1px solid rgba(255,255,255,.12);border-radius:.55rem}.atelier2-studio-assets summary{padding:.6rem;cursor:pointer;font-weight:700}.atelier2-studio-assets summary span{float:right}.atelier2-studio-assets p,.atelier2-studio-assets small{display:block;margin:.35rem .6rem;font-size:.7rem;opacity:.72}.atelier2-studio-assets>button{width:calc(100% - 1rem);display:grid;grid-template-columns:auto 1fr;gap:.4rem;margin:.35rem .5rem;text-align:left}.atelier2-studio-assets>button span{font-size:.62rem;opacity:.65}

/* Patch 191 — compact essential action recovery and eyedropper */
.atelier2-eyedropper { font-size: 15px; line-height: 1; }
.atelier2-essential-actions { flex-wrap: nowrap; }


/* Patch 192 — explicit eyedropper visibility */
.atelier2-confirmed-color__control .atelier2-eyedropper {
  width:auto !important;
  min-width:78px !important;
  padding:0 9px !important;
  font-size:11px !important;
  white-space:nowrap;
  background:#4f5940 !important;
}

/* PATCH 193 — Appearance-owned color rows */
.atelier2-section-body .atelier2-confirmed-color{
    display:grid !important;
    grid-template-columns:minmax(88px,1fr) minmax(0,188px) !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    margin:0 !important;
}
.atelier2-section-body .atelier2-confirmed-color__control{
    display:grid !important;
    grid-template-columns:38px minmax(82px,1fr) 34px !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:6px !important;
    min-width:0 !important;
}
.atelier2-section-body .atelier2-confirmed-color__control input[type=color]{
    width:38px !important;
    min-width:38px !important;
    height:34px !important;
    padding:2px !important;
}
.atelier2-section-body .atelier2-confirmed-color__control .atelier2-eyedropper{
    position:static !important;
    inset:auto !important;
    width:100% !important;
    min-width:0 !important;
    height:34px !important;
    padding:0 7px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:10px !important;
}
.atelier2-section-body .atelier2-confirmed-color__control button:last-child{
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    padding:0 !important;
}
@media(max-width:1180px){
    .atelier2-section-body .atelier2-confirmed-color{
        grid-template-columns:1fr !important;
        gap:5px !important;
    }
    .atelier2-section-body .atelier2-confirmed-color__control{
        grid-template-columns:38px minmax(72px,1fr) 34px !important;
    }
}


/* PATCH 199 — immediate image movement controls */
.atelier2-image-range-row {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr) 1.75rem;
    align-items: center;
    gap: .28rem;
    width: 100%;
}
.atelier2-image-range-row > input[type="range"] { width: 100%; min-width: 0; margin: 0 !important; }
.atelier2-image-range-row > button {
    min-width: 1.75rem;
    width: 1.75rem;
    min-height: 1.65rem;
    padding: 0;
    display: inline-grid;
    place-items: center;
    font-size: .82rem;
    line-height: 1;
    border-radius: .3rem;
}
.atelier-preview-image-layer { will-change: background-position, background-size; }

/* PATCH 202 — protected image fill. 100% is the minimum cover scale. */
.atelier-preview-inspect > .atelier-preview-image-layer,
.atelier-preview-workspace-background > .atelier-preview-image-layer {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    transform-origin: center !important;
}

/* Patch 203: navigation ratio reference and freeform overlay image layer. */
.atelier-preview-nav-ratio {
    position: absolute;
    right: 18px;
    bottom: 10px;
    z-index: 8;
    padding: 5px 9px;
    border: 1px solid rgba(255,255,255,.52);
    border-radius: 3px;
    background: rgba(31,28,24,.58);
    color: rgba(255,255,255,.88);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .13em;
    pointer-events: none;
}
.atelier-preview-overlay-image {
    position: absolute;
    z-index: 40;
    width: 42%;
    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform-origin: center;
    pointer-events: none;
}
.atelier-preview-overlay-image.atelier-image-transform-active {
    pointer-events: auto;
    cursor: move;
    outline: 3px solid var(--atelier-theme-focus, #8da66d);
    outline-offset: 4px;
}

/* Patch 204: Atelier-only navigation artwork dimension reference. */
.atelier2-stage{position:relative}
.atelier2-navigation-reference{position:sticky;float:right;top:calc(100% - 34px);right:10px;z-index:30;pointer-events:none;user-select:none;padding:5px 9px;border:1px solid rgba(212,198,167,.55);border-radius:4px;background:rgba(42,40,36,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);color:#d8ccb4;font:600 .68rem/1.1 Consolas,monospace;letter-spacing:.08em}

/* Patch 206 — direct overlay movement and four-corner resizing. */
.atelier-preview-overlay-image.atelier-image-transform-active::before {
    content: "Drag overlay to move · drag blue corners to resize";
    right: 12px;
    top: 12px;
}
.atelier-image-transform-overlay {
    min-width: 32px;
    min-height: 32px;
    box-sizing: border-box;
    user-select: none;
}
.atelier-image-transform-overlay .atelier-image-transform-handle {
    position: absolute;
    z-index: 46;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #2f95ee;
    box-shadow: 0 2px 10px rgba(0,0,0,.55);
}
.atelier-image-transform-handle--nw { left: -11px; top: -11px; right: auto; bottom: auto; cursor: nwse-resize; }
.atelier-image-transform-handle--ne { right: -11px; top: -11px; left: auto; bottom: auto; cursor: nesw-resize; }
.atelier-image-transform-handle--se { right: -11px; bottom: -11px; left: auto; top: auto; cursor: nwse-resize; }
.atelier-image-transform-handle--sw { left: -11px; bottom: -11px; right: auto; top: auto; cursor: nesw-resize; }
.atelier-preview-overlay-image.atelier-image-transform-active {
    pointer-events: auto;
    touch-action: none;
    cursor: move;
    outline: 2px solid #2f95ee;
    outline-offset: 0;
    box-shadow: 0 0 0 1px rgba(255,255,255,.9), 0 0 18px rgba(47,149,238,.45);
}

/* Patch 208 — visual-only draggable navigation hit-box editor. */
.atelier2-hitbox-trigger {
    border: 1px solid rgba(168, 141, 82, .72) !important;
    background: rgba(76, 66, 45, .72) !important;
    color: #f0dfb2 !important;
}
.atelier2-hitbox-trigger.active {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 2px rgba(77,156,239,.22);
    border-color: #4d9cef !important;
}
.atelier2-hitbox-panel {
    margin: 12px;
    padding: 14px;
    border: 1px solid rgba(184,155,94,.55);
    border-radius: 9px;
    background: rgba(43,40,33,.78);
}
.atelier2-hitbox-panel header,
.atelier2-hitbox-panel footer { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.atelier2-hitbox-panel header span { display:block; color:#c9af72; font-size:.67rem; font-weight:800; letter-spacing:.12em; }
.atelier2-hitbox-panel header strong { display:block; margin-top:2px; color:#f3ead7; }
.atelier2-hitbox-panel p { margin:10px 0; color:#d5cdbd; font-size:.78rem; line-height:1.45; }
.atelier2-hitbox-widths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin-bottom:10px; }
.atelier2-hitbox-widths span { padding:6px 7px; border:1px solid rgba(255,255,255,.08); border-radius:4px; background:rgba(255,255,255,.035); }
.atelier2-hitbox-widths b,.atelier2-hitbox-widths output { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.atelier2-hitbox-widths b { color:#eee3ca; font-size:.64rem; }
.atelier2-hitbox-widths output { margin-top:2px; color:#8fc5ff; font:600 .65rem Consolas,monospace; }
.atelier2-hitbox-panel footer button { flex:1; }
.atelier-preview-panorama { position:relative; }
.atelier-navigation-hitboxes {
    position:absolute!important;
    inset:0!important;
    z-index:60;
    display:grid;
    pointer-events:none;
    overflow:visible;
    border:2px solid #3198f4;
    background:rgba(49,152,244,.06);
    box-sizing:border-box;
    width:100%!important;
    height:100%!important;
}
.atelier-navigation-hitbox-cell {
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    padding:0 3px 9px;
    border-right:1px dashed rgba(49,152,244,.86);
    background:linear-gradient(180deg,rgba(49,152,244,.03),rgba(49,152,244,.13));
    color:#102235;
    text-shadow:0 1px rgba(255,255,255,.75);
    box-sizing:border-box;
    pointer-events:none;
}
.atelier-navigation-hitbox-cell:nth-of-type(4n+1){background-color:rgba(117,190,95,.08)}
.atelier-navigation-hitbox-cell:nth-of-type(4n+3){background-color:rgba(234,181,61,.08)}
.atelier-navigation-hitbox-cell b { max-width:100%; overflow:hidden; text-overflow:ellipsis; font-size:10px; }
.atelier-navigation-hitbox-cell small { font:700 9px Consolas,monospace; }
.atelier-navigation-hitbox-handle {
    position:absolute;
    top:-7px;
    bottom:-7px;
    width:16px;
    margin-left:-8px;
    z-index:64;
    cursor:col-resize;
    pointer-events:auto;
    touch-action:none;
}
.atelier-navigation-hitbox-handle::before {
    content:"";
    position:absolute;
    left:7px;
    top:0;
    bottom:0;
    width:2px;
    background:#3198f4;
    box-shadow:0 0 0 1px rgba(255,255,255,.78),0 0 8px rgba(49,152,244,.7);
}
.atelier-navigation-hitbox-handle::after {
    content:"";
    position:absolute;
    left:2px;
    top:50%;
    width:12px;
    height:12px;
    margin-top:-6px;
    border:2px solid white;
    border-radius:50%;
    background:#3198f4;
    box-shadow:0 2px 6px rgba(0,0,0,.5);
}
.atelier-navigation-hitbox-handle:hover::after { transform:scale(1.22); }
body.atelier-navigation-hitbox-dragging,
body.atelier-navigation-hitbox-dragging * { cursor:col-resize !important; user-select:none !important; }

/* Authoritative workspace layout. Side panels scroll; the design surface stays
   visible at normal desktop sizes. */
.atelier2 { height:calc(100dvh - 12px)!important;min-height:560px!important;overflow:hidden!important }
.atelier2>.atelier2-essential-actions{flex:0 0 30px}
.atelier2-workbench{flex:1 1 auto;min-height:0!important;overflow:hidden!important}
.atelier2-left,.atelier2-center,.atelier2-inspector{height:100%!important;min-height:0!important}
.atelier2-left{overflow:hidden!important}
.atelier2-toolpanel{height:calc(100% - 86px);max-height:none!important;overflow:auto;overscroll-behavior:contain}
.atelier2-inspector{overflow-y:auto!important;overscroll-behavior:contain}
.atelier2-stage{min-height:0!important;overscroll-behavior:contain}
@media(max-width:1250px) and (min-width:761px){
    .atelier2-workbench{grid-template-columns:230px minmax(420px,1fr) 280px!important}
    .atelier2-inspector{grid-column:auto!important;border-top:0!important;border-left:1px solid #5f594e!important}
}
@media(max-width:760px){
    .atelier2{height:auto!important;min-height:0!important;overflow:visible!important}
    .atelier2-workbench{display:block;overflow:visible!important}
    .atelier2-left,.atelier2-inspector{height:auto!important;overflow:visible!important}
    .atelier2-toolpanel{height:auto;max-height:50vh!important}
}

/* The Studio room is an application surface, not a long Atelier gallery page. */
.atelier-shell--studio{height:calc(100dvh - 109px - 11.036vw);min-height:420px;padding-top:4px!important;padding-bottom:4px!important;overflow:hidden}
.atelier-shell--studio>.atelier-room-nav{height:38px;min-height:38px;margin:0 0 4px;padding:2px;border-radius:8px}
.atelier-shell--studio>.atelier-room-nav .atelier-room-button{min-height:30px;padding:3px 9px;font-size:.7rem}
.atelier-shell--studio>.atelier2{height:calc(100% - 42px)!important;min-height:0!important}

/* Patch 213: natural page scrolling and compact primary toolbar. */
.atelier-shell--studio{height:auto!important;min-height:0!important;overflow:visible!important}
.atelier-shell--studio>.atelier2{height:auto!important;min-height:0!important;overflow:visible!important}
.atelier2-workbench{height:auto!important;min-height:0!important;overflow:visible!important;align-items:start}
.atelier2-left,.atelier2-center,.atelier2-inspector{height:auto!important;max-height:none!important;overflow:visible!important}
.atelier2-toolpanel{height:auto!important;max-height:none!important;overflow:visible!important}
.atelier2-stage{min-height:560px!important;overflow-x:auto!important;overflow-y:visible!important}
.atelier2-primary-action-dock{position:sticky;bottom:0}
.atelier2-environment-rail{grid-template-columns:repeat(3,minmax(88px,1fr))}
.atelier2-environment-rail button:nth-child(2),
.atelier2-environment-rail button:nth-child(5),
.atelier2-environment-rail button:nth-child(6){display:none}
.atelier2-removed-elements{margin:.5rem;border:1px solid var(--atelier-theme-outline);border-radius:.6rem;background:rgba(0,0,0,.12)}
.atelier2-removed-elements summary{padding:.6rem .7rem;cursor:pointer;font-weight:800}
.atelier2-removed-elements summary span{float:right}
.atelier2-removed-elements>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.35rem .7rem;border-top:1px solid rgba(255,255,255,.08)}
.atelier2-removed-elements button{padding:.3rem .55rem;font-size:.65rem}
.atelier2-replacement{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.6rem .7rem;border-bottom:1px solid var(--atelier-theme-outline)}
.atelier2-replacement label{display:grid;gap:.25rem}
.atelier-preview-childbar{display:var(--atelier-component-childnavigationbar-display,flex)!important}
.atelier-preview-hero{display:var(--atelier-component-categoryhero-display,grid)!important}
.atelier-preview-actions{display:var(--atelier-component-categoryactions-display,grid)!important}
.atelier-preview-card.calendar{display:var(--atelier-component-primaryworkspace-display,grid)!important}
.atelier-preview-card.weather{display:var(--atelier-component-secondaryworkspace-display,grid)!important}
.atelier-preview-card.journal{display:var(--atelier-component-recordbookcollection-display,grid)!important}
.atelier-preview-card.activity{display:var(--atelier-component-recentactivitywindow-display,grid)!important}

/* Patch 214: the browser page is the only Studio scroll owner. */
.atelier-shell--studio,
.atelier-shell--studio>.atelier2,
.atelier2-workbench,
.atelier2-left,
.atelier2-center,
.atelier2-inspector,
.atelier2-toolpanel,
.atelier2-stage,
.atelier2-stage .atelier-page-preview,
.atelier2-compare-grid,
.atelier2-compare-grid>section{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
}
.atelier-live-studio__stage,
.atelier2-presentation,
.atelier-page-preview,
.atelier-page-preview__viewport,
.atelier-page-preview__canvas{
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
}
.atelier2-presentation>button{position:relative!important;top:auto!important}
.atelier2-center{min-width:0!important}
.atelier2-stage{min-width:0!important;min-height:0!important}
.atelier2-stage .atelier-page-preview{width:100%;min-width:0}
.atelier2-stage .atelier-page-preview__viewport{max-width:100%;margin-inline:auto}
.atelier2-stage .atelier-page-preview__canvas{max-width:none}
.atelier2-inspector>header{position:relative!important;top:auto!important}
.atelier2-primary-action-dock{position:relative!important;bottom:auto!important}
.atelier2-navigation-reference{position:absolute!important;right:10px;bottom:10px;top:auto!important}
.atelier2-compare-grid{min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1250px){
    .atelier2-workbench{grid-template-columns:minmax(210px,250px) minmax(0,1fr)!important}
    .atelier2-inspector{grid-column:1/-1!important}
}
@media(max-width:760px){
    .atelier2-workbench{display:block!important}
    .atelier2-compare-grid{grid-template-columns:1fr}
}

/* Unified Atelier Studio — one live surface, one selection, one page scrollbar. */
.atelier-shell--studio{background:#070a0d!important;color:#f4f4f1!important;padding:0!important}
.atelier-shell--studio>.atelier-room-nav{margin:0!important;padding:.45rem 1rem!important;border:0!important;border-bottom:1px solid #272c32!important;border-radius:0!important;background:#0b0f13!important}
.atelier-shell--studio>.atelier-room-nav .atelier-room-button{background:transparent!important;color:#aeb4bd!important;border-color:transparent!important}
.atelier-shell--studio>.atelier-room-nav .atelier-room-button.selected{color:#f2ca72!important;border-color:#8b6a2f!important;background:#17140e!important}
.atelier2{border:0!important;border-radius:0!important;background:#0a0d10!important;color:#f3f3f0!important;box-shadow:none!important}
.atelier2>.atelier2-essential-actions{display:flex!important;align-items:center!important;gap:.45rem!important;min-height:64px!important;padding:.55rem 1rem!important;background:linear-gradient(180deg,#11161a,#080b0e)!important;border-bottom:1px solid #293039!important;overflow:visible!important}
.atelier2-command-brand{display:grid;min-width:165px;margin-right:.45rem;padding-right:1rem;border-right:1px solid #2c3238;color:#e9c878}.atelier2-command-brand span{font:700 .92rem Georgia,serif;letter-spacing:.13em}.atelier2-command-brand small{color:#929aa4;font-size:.58rem;text-transform:uppercase;letter-spacing:.14em}
.atelier2-command-devices{display:flex;gap:.2rem;margin-left:auto}.atelier2-command-devices button{padding:.38rem .55rem!important;font-size:.65rem!important}.atelier2-command-devices button.active{border-color:#3f95ff!important;color:#9ac8ff!important;background:#10243a!important}
.atelier2>.atelier2-essential-actions .atelier2-essential-save{background:linear-gradient(#f3ce7b,#d49c3d)!important;color:#181107!important;border-color:#f5d88f!important}.atelier2>.atelier2-essential-actions .atelier2-essential-live{background:#123b26!important;color:#c8f7d5!important;border-color:#288052!important}
.atelier2>.atelier2-essential-actions>.atelier-storage-card,.atelier2>.atelier2-essential-actions>.atelier-how-link,.atelier2>.atelier2-essential-actions>.atelier2-essential-load{display:none!important}
.atelier2-workbench,.atelier2-workbench.focus-mode{display:grid!important;grid-template-columns:minmax(205px,245px) minmax(0,1fr) minmax(270px,330px)!important;gap:0!important;align-items:start!important;background:#0c1014!important}
.atelier2-workbench.focus-mode .atelier2-left{display:block!important}
.atelier2-left,.atelier2-inspector{background:linear-gradient(180deg,#11161b,#0a0e12)!important;border-color:#2b323a!important}
.atelier2-center{background:#171c21!important;overflow:visible!important}
.atelier2-stage{padding:clamp(12px,2vw,28px)!important;background:radial-gradient(circle at 50% 35%,#2d343b,#151a1f 70%)!important;overflow:visible!important;min-height:560px!important}
.atelier2-stage.focus-stage .atelier-page-preview{transform:none!important}
.atelier2-stage.focus-stage::after{display:none!important}
.atelier2-selected-card{display:grid;gap:.3rem;padding:1rem;border-bottom:1px solid #2e353d}.atelier2-selected-card span{font-size:.58rem;letter-spacing:.15em;color:#d9b45f}.atelier2-selected-card strong{font-size:1rem}.atelier2-selected-card small{color:#8f99a5;line-height:1.35}
.atelier2-component-presets{display:grid!important;grid-template-columns:1fr 1fr;gap:.4rem;padding:.8rem!important;border-bottom:1px solid #2d343b!important}.atelier2-component-presets h3{grid-column:1/-1!important;color:#f0ca75!important}.atelier2-component-presets button{display:grid!important;gap:.18rem;min-height:72px;padding:.55rem!important;text-align:left!important}.atelier2-component-presets button>span{font-size:1.2rem;color:#77b5ff}.atelier2-component-presets button>small{font-size:.55rem;color:#87919c}.atelier2-component-presets button.active{border-color:#3698ff!important;box-shadow:0 0 0 1px #3698ff,0 0 18px rgba(54,152,255,.22)}
.atelier2-tabs{grid-template-columns:repeat(2,1fr)!important}.atelier2-toolpanel{padding:.65rem!important}
.atelier2-inspector{grid-column:auto!important;min-width:0!important}.atelier2-focus-header{background:#0b0f13!important;border-bottom:1px solid #2f3842!important}.atelier2-focus-header>span:first-child{color:#5da8ff!important}.atelier2-focus-intro{background:#101820!important}.atelier2-focus-menu>button,.atelier2-section-heading{border-color:#313a44!important;background:#11171d!important}.atelier2-primary-action-dock{background:#0b1015!important;border-color:#735d2d!important}
.atelier2-statusbar{position:relative!important;background:#080c10!important;border-color:#2d343c!important;color:#aab2bc!important;min-height:34px!important;align-items:center!important}.atelier2-statusbar b{color:#edf0f3!important}.atelier2-statusbar__right{color:#75d195!important}
.atelier2-focus-lift{display:grid;gap:.22rem;margin:.65rem;padding:.85rem;border:1px solid #318ef0;border-radius:.7rem;background:linear-gradient(135deg,#10243a,#121820);box-shadow:0 -6px 24px rgba(49,142,240,.18);animation:atelier-focus-lift .24s ease-out}.atelier2-focus-lift>span{color:#70b5ff;font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.atelier2-focus-lift>strong{font-size:1rem}.atelier2-focus-lift>small{color:#9eb0c2}
.atelier2-focus-canonical{display:grid;border-top:1px solid #2e3740}.atelier2-focus-canonical>button{display:grid!important;grid-template-columns:1fr auto;gap:.15rem .6rem;padding:.8rem 1rem!important;border:0!important;border-bottom:1px solid #29323b!important;border-radius:0!important;background:#0d1217!important;text-align:left!important}.atelier2-focus-canonical>button span{font-weight:800}.atelier2-focus-canonical>button small{color:#85919e}.atelier2-focus-canonical>button b{grid-column:2;grid-row:1/3;align-self:center;color:#62aaff;font-size:1.2rem}@keyframes atelier-focus-lift{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:none}}
.atelier-preview-inspect.is-selected,.atelier-preview-workspace-background.is-selected,.atelier-preview-window-part.is-selected{position:relative!important;overflow:visible!important;outline:3px solid #3f9cff!important;outline-offset:2px!important;box-shadow:0 0 0 1px #fff,0 0 22px rgba(63,156,255,.6)!important;z-index:30!important}
.atelier-selection-pointer{position:absolute!important;left:8px!important;top:-30px!important;z-index:80!important;padding:5px 9px!important;border-radius:4px!important;background:#2384ea!important;color:#fff!important;font:800 10px Arial,sans-serif!important;letter-spacing:.1em!important;pointer-events:none!important}
.atelier-live-size{position:absolute;right:8px;top:-30px;z-index:80;padding:5px 8px;border-radius:4px;background:#07192c;color:#a9d4ff;border:1px solid #3f9cff;font:700 10px Arial,sans-serif;white-space:pre;pointer-events:none}
.atelier-move-handle{position:absolute;left:50%;top:-13px;z-index:90;display:grid;width:26px;height:26px;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#177bd6;color:#fff;border:2px solid #dceeff;cursor:move;touch-action:none}
.atelier-resize-handle{position:absolute;z-index:90;width:11px;height:11px;background:#4ca6ff;border:2px solid #fff;box-shadow:0 0 0 1px #1269b8;touch-action:none}.atelier-resize-handle.nw{left:-7px;top:-7px;cursor:nwse-resize}.atelier-resize-handle.n{left:50%;top:-7px;transform:translateX(-50%);cursor:ns-resize}.atelier-resize-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}.atelier-resize-handle.e{right:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.atelier-resize-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.atelier-resize-handle.s{left:50%;bottom:-7px;transform:translateX(-50%);cursor:ns-resize}.atelier-resize-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.atelier-resize-handle.w{left:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}
@media(max-width:900px){.atelier2-workbench,.atelier2-workbench.focus-mode{grid-template-columns:minmax(190px,220px) minmax(0,1fr)!important}.atelier2-inspector{grid-column:1/-1!important}.atelier2>.atelier2-essential-actions{flex-wrap:wrap!important}.atelier2-command-devices{margin-left:0}}
@media(max-width:760px){.atelier2-workbench,.atelier2-workbench.focus-mode{display:block!important}.atelier2-stage{min-height:420px!important}}


/* PATCH 223 — granular child-window editing and directional image fades */
.atelier-preview-window-part{position:relative;z-index:2;display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:inherit;font:inherit;cursor:pointer;overflow:hidden;border-radius:inherit}
.atelier-preview-window-part.title{border-radius:inherit inherit 0 0}
.atelier-preview-window-part.content{min-height:92px;border-radius:0 0 inherit inherit}
.atelier-preview-window-part>.atelier-preview-image-layer{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;pointer-events:none!important;background-repeat:no-repeat;background-size:cover}
.atelier-preview-window-part>*:not(.atelier-preview-image-layer){position:relative;z-index:1}
.atelier-preview-window-part.is-selected{outline:4px solid var(--atelier-theme-focus,#9cae78)!important;outline-offset:-4px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.9)}
.atelier2-image-quickrail__sliders{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}


/* Patch 225 — component-scoped workshop images and single-button canvas. */
.atelier-v3-preview-surface.button{
    background-color:#f7f2e8;
    background-image:none;
}
.atelier-v3-button-examples{
    width:100%;
    min-height:360px;
    display:grid;
    place-items:center;
}
.atelier-v3-button-examples>.atelier-v3-button-preview{
    min-width:150px;
    max-width:min(520px,calc(100% - 2rem));
    background-clip:padding-box;
}

/* Patch 226: one unified Design workshop with a mutually exclusive component selector. */
.atelier-v3-design-selector {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 0 0 .8rem;
    padding: .65rem .8rem;
    border: 1px solid rgba(91, 73, 48, .24);
    border-radius: 12px;
    background: rgba(255, 252, 244, .78);
}

.atelier-v3-design-selector legend {
    padding: 0 .4rem;
    font-weight: 700;
}

.atelier-v3-design-selector label {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-width: 7.5rem;
    padding: .5rem .7rem;
    border: 1px solid rgba(91, 73, 48, .25);
    border-radius: 9px;
    cursor: pointer;
    background: rgba(255,255,255,.55);
}

.atelier-v3-design-selector label.selected {
    border-color: #8f6f2d;
    box-shadow: 0 0 0 2px rgba(143, 111, 45, .18) inset;
    background: rgba(248, 239, 215, .92);
}

.atelier-v3-design-selector input {
    accent-color: #7c622c;
}

/* Patch 227: compact, single-screen Design workshop */
.atelier-v3-workshop{max-width:1780px;margin-inline:auto;padding:clamp(.65rem,1vw,1rem)}
.atelier-v3-workshop__hero{padding:.85rem 1rem;gap:1rem}.atelier-v3-workshop__hero h2{margin:.1rem 0;font-size:clamp(1.45rem,2vw,2rem)}
.atelier-v3-design-selector{display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem;margin:.55rem 0;border-radius:14px}.atelier-v3-design-selector legend{float:left;margin-right:.5rem;padding:.3rem .25rem;font-size:.78rem}.atelier-v3-design-selector label{min-width:0;padding:.45rem .75rem;display:flex;gap:.4rem}
.atelier-v3-asset-toolbar--compact{padding:.45rem;gap:.35rem;position:sticky;top:0;z-index:15}.atelier-v3-asset-toolbar--compact button{min-height:34px;padding:.38rem .68rem}
.atelier-v3-workshop__layout{grid-template-columns:minmax(145px,190px) minmax(520px,1fr) minmax(300px,380px);gap:.65rem;align-items:start}
.atelier-v3-library,.atelier-v3-canvas,.atelier-v3-tools{border-radius:14px}.atelier-v3-library{max-height:calc(100vh - 245px);overflow:auto}.atelier-v3-tools{position:sticky;top:52px;max-height:calc(100vh - 68px);overflow:auto}
.atelier-v3-tools>header{padding:.65rem .75rem}.atelier-v3-tools details{padding:.1rem .65rem .55rem}.atelier-v3-tools summary{padding:.55rem 0;font-size:.86rem}.atelier-v3-tools label{gap:.25rem;margin:.35rem 0;font-size:.78rem}.atelier-v3-tools input,.atelier-v3-tools select,.atelier-v3-tools textarea{min-height:32px;padding:.35rem .45rem}.atelier-v3-tools input[type=range]{min-height:20px}.atelier-v3-tools output{font-size:.72rem}
.atelier-v3-basics-grid{display:grid;grid-template-columns:1fr;gap:.25rem}.atelier-v3-preview-surface{min-height:clamp(360px,54vh,620px);padding:clamp(1rem,2vw,2rem)}
.atelier-v3-text-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:center}.atelier-v3-text-compose .t-button{min-height:32px;padding:.35rem .7rem}.atelier-v3-text-editor>small{display:block;line-height:1.35;margin:.2rem 0 .45rem}
.atelier-v3-text-list{display:grid;gap:.25rem;max-height:120px;overflow:auto;margin:.35rem 0}.atelier-v3-text-list button{display:flex;justify-content:space-between;gap:.5rem;text-align:left;padding:.35rem .45rem;border-radius:7px}.atelier-v3-text-list button.selected{outline:2px solid currentColor}.atelier-v3-text-list small{opacity:.65;white-space:nowrap}
.atelier-v3-text-stage{position:relative;overflow:hidden}.atelier-v3-movable-text{position:absolute;left:50%;top:50%;z-index:5;display:inline-block;max-width:90%;padding:.16rem .32rem;white-space:pre-wrap;cursor:grab;touch-action:none;user-select:none;border:1px dashed transparent;border-radius:4px}.atelier-v3-movable-text:hover,.atelier-v3-movable-text.selected{border-color:currentColor;background:rgba(255,255,255,.2)}.atelier-v3-movable-text:active{cursor:grabbing}
.atelier-v3-window-preview__content{min-height:120px}
@media(max-width:1180px){.atelier-v3-workshop__layout{grid-template-columns:150px minmax(430px,1fr) 320px}.atelier-v3-tools{position:relative;top:auto;max-height:none}}
@media(max-width:900px){.atelier-v3-workshop__layout{grid-template-columns:1fr}.atelier-v3-library{max-height:180px}.atelier-v3-tools{max-height:none}.atelier-v3-design-selector{flex-wrap:wrap}}

/* Patch 228 — compact Design workbench and direct component resizing */
.atelier-v3-preview-surface{
    min-height:clamp(300px,42vh,470px);
    padding:clamp(.85rem,1.6vw,1.4rem);
}
.atelier-v3-resizable-shell{
    position:relative;
    display:block;
    max-width:100%;
    touch-action:none;
}
.atelier-v3-resizable-shell>.atelier-v3-window-preview,
.atelier-v3-resizable-shell>.atelier-v3-button-preview,
.atelier-v3-resizable-shell>.atelier-v3-plaque-preview{
    box-sizing:border-box;
    max-width:none;
    min-width:0;
    min-height:0;
    overflow:hidden;
}
.atelier-v3-window-preview{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.atelier-v3-window-preview__content{min-height:0;overflow:auto}
.atelier-v3-button-preview{display:grid;place-items:center}
.atelier-v3-plaque-preview{display:grid;place-content:center}
.atelier-v3-resize-handle{
    position:absolute;
    right:-10px;
    bottom:-10px;
    z-index:30;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    padding:0;
    border:2px solid rgba(255,255,255,.95);
    border-radius:50%;
    background:#8a6826;
    color:#fff;
    box-shadow:0 3px 10px rgba(35,26,15,.35);
    cursor:nwse-resize;
    font-size:18px;
    line-height:1;
    touch-action:none;
    user-select:none;
}
.atelier-v3-resize-handle:hover,.atelier-v3-resize-handle:focus-visible{background:#6f5017;transform:scale(1.06)}
@media(max-width:760px){.atelier-v3-preview-surface{min-height:300px;padding:1rem}.atelier-v3-resize-handle{right:-6px;bottom:-6px}}

/* Patch 229 — reliable resize grip, text dimensions/fonts, fully collapsible inspector */
.atelier-v3-resize-handle{
    right:4px;
    bottom:4px;
    width:38px;
    height:38px;
    border-radius:8px 0 8px 0;
    border:1px solid rgba(255,255,255,.95);
    box-shadow:0 2px 8px rgba(35,26,15,.35);
    font-size:22px;
}
.atelier-v3-resize-handle::after{
    content:"";
    position:absolute;
    right:5px;
    bottom:5px;
    width:13px;
    height:13px;
    border-right:3px solid currentColor;
    border-bottom:3px solid currentColor;
    opacity:.9;
}
body.atelier-design-resizing,body.atelier-design-resizing *{cursor:nwse-resize!important;user-select:none!important}
.atelier-v3-text-format-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(88px,.65fr);gap:.45rem;margin:.45rem 0}
.atelier-v3-text-format-grid label{margin:0}
.atelier-v3-movable-text{box-sizing:border-box;display:grid;place-items:center;line-height:1.15;text-align:center}
.atelier-v3-tools details{border-bottom:1px solid rgba(92,72,43,.14)}
.atelier-v3-tools details>summary{cursor:pointer;user-select:none;list-style:none;display:flex;align-items:center;gap:.4rem;padding:.55rem 0}
.atelier-v3-tools details>summary::-webkit-details-marker{display:none}
.atelier-v3-tools details>summary::before{content:"▸";font-size:.8em;transition:transform .15s ease}
.atelier-v3-tools details[open]>summary::before{transform:rotate(90deg)}
@media(max-width:760px){.atelier-v3-resize-handle{right:3px;bottom:3px}}


/* Patch 230 — Atelier Studio workbench foundation.
   Matches the approved dark charcoal / warm brass design language while
   preserving existing Workshop behavior and component architecture. */
.atelier-v3-workshop{
    --atelier-studio-bg:#12100d;
    --atelier-studio-panel:#1d1a16;
    --atelier-studio-panel-2:#27221c;
    --atelier-studio-line:#5f4b2e;
    --atelier-studio-gold:#d1ad64;
    --atelier-studio-gold-soft:#9f7f47;
    --atelier-studio-ink:#f1e5cf;
    --atelier-studio-muted:#a99c88;
    padding:0;
    overflow:hidden;
    border:1px solid #604b2c;
    border-radius:18px;
    background:
        radial-gradient(circle at 50% -20%,rgba(183,139,69,.15),transparent 38%),
        linear-gradient(180deg,#201b15,#100f0d 75%);
    color:var(--atelier-studio-ink);
    box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.03);
}
.atelier-v3-workshop__hero{
    margin:0;
    padding:18px 24px 14px;
    border-bottom:1px solid #5d4729;
    background:linear-gradient(180deg,#28221a,#191612);
}
.atelier-v3-workshop__hero h2{color:#e1bd72;text-shadow:0 1px 0 #000;font-size:1.65rem}
.atelier-v3-workshop__hero p,.atelier-v3-purpose span{color:var(--atelier-studio-muted)}
.atelier-v3-purpose{border-color:#5b472c;background:#171410}
.atelier-v3-design-selector{
    margin:0;
    padding:10px 20px;
    border:0;
    border-bottom:1px solid #4d3b25;
    border-radius:0;
    background:#171410;
}
.atelier-v3-design-selector legend{color:#ba9656}
.atelier-v3-design-selector label{background:#211c17;border-color:#544126;color:#cbbda8}
.atelier-v3-design-selector label.selected{border-color:#d2ad63;background:#30271b;box-shadow:inset 0 0 0 1px #7d6338}
.atelier-v3-asset-toolbar--compact{
    margin:0;
    padding:10px 18px;
    border:0;
    border-bottom:1px solid #614b2c;
    border-radius:0;
    background:linear-gradient(#2b251e,#1b1713);
}
.atelier-v3-asset-toolbar button{
    min-height:36px;
    border:1px solid #725936;
    border-radius:6px;
    background:linear-gradient(#342c22,#201b16);
    color:#ead9bb;
    box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.atelier-v3-asset-toolbar button:hover:not(:disabled){border-color:#d4af67;color:#fff2d5;background:#3b3022}
.atelier-v3-asset-toolbar .t-button{background:linear-gradient(#82683e,#554226);border-color:#d1ad64;color:#fff2d6}
.atelier-v3-workshop__layout{
    display:grid;
    grid-template-columns:230px minmax(520px,1fr) 330px;
    gap:0;
    min-height:720px;
    background:#11100e;
}
.atelier-v3-library,.atelier-v3-tools{
    border:0;
    border-radius:0;
    background:linear-gradient(180deg,#211d18,#151310);
    color:var(--atelier-studio-ink);
}
.atelier-v3-library{border-right:1px solid #584329}
.atelier-v3-tools{border-left:1px solid #584329}
.atelier-v3-library>header,.atelier-v3-tools>header{
    min-height:52px;
    padding:12px 16px;
    border-bottom:1px solid #59442a;
    background:#171410;
}
.atelier-v3-library>header strong,.atelier-v3-tools>header strong{color:#e3c27e}
.atelier-v3-library>header span,.atelier-v3-tools>header span{color:#a78952}
.atelier-v3-asset-card{
    border-color:#493a27!important;
    background:#1b1814!important;
    color:#e6d7bd!important;
}
.atelier-v3-asset-card:hover,.atelier-v3-asset-card.selected{
    border-color:#c49f59!important;
    background:#2c251c!important;
    box-shadow:inset 3px 0 #d1ad64;
}
.atelier-v3-canvas{padding:0;background:#0e0e0d}
.atelier-v3-canvas__toolbar{
    min-height:52px;
    padding:12px 18px;
    border-bottom:1px solid #534127;
    background:#191612;
}
.atelier-v3-canvas__toolbar strong{color:#e1bd72}
.atelier-v3-canvas__toolbar span{color:#8f8678}
.atelier-v3-preview-surface{
    min-height:660px;
    padding:46px;
    border:0;
    border-radius:0;
    background:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
        radial-gradient(circle at center,#282725,#151514 70%);
    background-size:24px 24px,24px 24px,auto;
}
.atelier-v3-resizable-shell{filter:drop-shadow(0 22px 34px rgba(0,0,0,.62))}
.atelier-v3-tools details{
    margin:0;
    border:0;
    border-bottom:1px solid #473721;
    border-radius:0;
    background:#1b1814;
}
.atelier-v3-tools details[open]{background:#242019;box-shadow:inset 3px 0 #c9a35c}
.atelier-v3-tools summary{
    min-height:44px;
    padding:12px 15px;
    color:#d9c6a6;
    font-weight:700;
    letter-spacing:.02em;
}
.atelier-v3-tools details[open] summary{color:#f0ce88;border-bottom:1px solid #4e3d25}
.atelier-v3-tools label{color:#c8b89e}
.atelier-v3-tools input:not([type=color]):not([type=range]),
.atelier-v3-tools textarea,.atelier-v3-tools select{
    border:1px solid #665035;
    border-radius:5px;
    background:#100f0d;
    color:#f2e4ce;
}
.atelier-v3-tools input[type=color]{border:1px solid #80643a;background:#111}
.atelier-v3-tools input[type=range]{accent-color:#d1ad64}
.atelier-v3-tools output{color:#dfbd77}
.atelier2-file-button{
    border:1px solid #b18c4c!important;
    background:linear-gradient(#695333,#3c2e1d)!important;
    color:#fff0ce!important;
}
.atelier-v3-image-actions button,.atelier-v3-text-compose button{
    border:1px solid #755b35;
    background:#17130f;
    color:#ddc8a5;
}
.atelier-v3-fade-simple{
    display:grid;
    gap:10px;
    margin-top:14px;
    padding:13px;
    border:1px solid #665034;
    border-radius:8px;
    background:#15120f;
}
.atelier-v3-fade-simple>label:first-child{
    display:flex;
    align-items:center;
    gap:9px;
    color:#f0cf8c;
    font-weight:700;
}
@media(max-width:1180px){
    .atelier-v3-workshop__layout{grid-template-columns:190px minmax(440px,1fr) 300px}
}
@media(max-width:920px){
    .atelier-v3-workshop__layout{grid-template-columns:1fr}
    .atelier-v3-library,.atelier-v3-tools{border:0;border-top:1px solid #584329}
    .atelier-v3-preview-surface{min-height:520px;padding:24px}
}

/* Patch 255 — canonical component image border rendering */
.tapestry-component-renderer{position:relative;overflow:visible}
.tapestry-component-renderer__image-border{position:absolute;inset:0;z-index:30;pointer-events:none;overflow:visible;opacity:var(--image-border-opacity,1)}
.tapestry-component-renderer__image-border>span{position:absolute;display:block;background-position:center;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));transform-origin:center}
.tapestry-component-renderer__image-border .top,.tapestry-component-renderer__image-border .bottom{left:var(--image-border-neg-inset);right:var(--image-border-neg-inset);height:var(--image-border-thickness)}
.tapestry-component-renderer__image-border .top{top:var(--image-border-edge)}
.tapestry-component-renderer__image-border .bottom{bottom:var(--image-border-edge)}
.tapestry-component-renderer__image-border .left,.tapestry-component-renderer__image-border .right{top:50%;width:calc(100% + var(--image-border-expand));height:var(--image-border-thickness)}
.tapestry-component-renderer__image-border .left{left:var(--image-border-edge)}
.tapestry-component-renderer__image-border .right{right:var(--image-border-edge)}
.tapestry-component-renderer__image-border.corner-rounded{clip-path:inset(-120px round var(--image-border-thickness))}
.tapestry-component-renderer__image-border.corner-hidden>span{clip-path:inset(0 calc(var(--image-border-thickness) * .55))}


/* Patch 257 — clean navigation hit-box editing surface.
   The navigation canvas shows only the artwork and draggable vertical boundaries. */
.atelier-preview-panorama.is-selected,
.atelier-preview-panorama.is-hitbox-editing {
    outline:0!important;
    outline-offset:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
}
.atelier-preview-panorama .atelier-preview-tag,
.atelier-preview-panorama .atelier-selection-pointer,
.atelier-preview-panorama .atelier-preview-nav-ratio,
.atelier-preview-panorama .atelier-preview-scene-labels {
    display:none!important;
}
.atelier-navigation-hitboxes {
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
}
.atelier-navigation-hitbox-cell {
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:transparent!important;
    text-shadow:none!important;
}
.atelier-navigation-hitbox-cell:nth-of-type(4n+1),
.atelier-navigation-hitbox-cell:nth-of-type(4n+3) {
    background:transparent!important;
}
.atelier-navigation-hitbox-cell > * { display:none!important; }
.atelier-navigation-hitbox-handle {
    top:0!important;
    bottom:0!important;
    width:14px!important;
    margin-left:-7px!important;
}
.atelier-navigation-hitbox-handle::before {
    left:6px!important;
    width:2px!important;
    background:#3198f4!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.9),0 0 7px rgba(49,152,244,.7)!important;
}
.atelier-navigation-hitbox-handle::after {
    left:2px!important;
    width:10px!important;
    height:10px!important;
    margin-top:-5px!important;
}

/* Patch 260 — canonical header + arrangement workspace cleanup */
.atelier-preview-page-body.atelier-arrangement-workspace{position:relative;min-height:720px;padding:0!important;overflow:hidden;isolation:isolate;background:transparent}
.atelier-arrangement-workspace>.atelier-preview-workspace-background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;z-index:0!important;background:var(--theme-canvas,#eee7da);overflow:hidden}
.atelier-arrangement-workspace>.atelier-preview-workspace-background>.atelier-preview-image-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;background-repeat:no-repeat!important}
.atelier-arrangement-window-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.atelier-arrangement-window{position:absolute;pointer-events:auto;min-width:180px;min-height:120px;border:0;background:transparent;padding:0;overflow:visible}
.atelier-arrangement-window:nth-child(1){left:4%;top:6%;width:56%;height:42%}
.atelier-arrangement-window:nth-child(2){right:4%;top:6%;width:32%;height:42%}
.atelier-arrangement-window:nth-child(3){left:4%;bottom:6%;width:56%;height:39%}
.atelier-arrangement-window:nth-child(4){right:4%;bottom:6%;width:32%;height:39%}
.atelier-arrangement-window>.atelier-preview-image-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
.atelier-arrangement-empty{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center;gap:8px;color:color-mix(in srgb,var(--preview-body) 52%,transparent);pointer-events:none}
.atelier-arrangement-empty strong{font:600 24px Georgia,serif}.atelier-arrangement-empty span{font:14px Arial,sans-serif}
.atelier-arrangement-workspace .atelier-preview-workspace-background.is-selected{outline:3px solid #3f9cff!important;outline-offset:-3px!important;box-shadow:inset 0 0 0 1px #fff!important}
.atelier2-page-elements .atelier2-treeitem>span:last-child{display:grid;gap:1px}.atelier2-page-elements .atelier2-treeitem strong{font-size:.76rem}.atelier2-page-elements .atelier2-treeitem small{font-size:.64rem;color:#aaa18f}.atelier2-workspace-empty-note{display:grid;gap:3px;margin:8px 2px;padding:10px;border:1px dashed #665f52;border-radius:6px;color:#aaa18f}.atelier2-workspace-empty-note strong{font-size:.72rem;color:#ddd4c4}.atelier2-workspace-empty-note span{font-size:.66rem;line-height:1.35}
/* Patch 261 — compact browser theme library and divider-only hit-box editor. */
.atelier2-saved-themes{border-bottom:1px solid rgba(255,255,255,.1);padding:0 10px 10px}
.atelier2-saved-themes>summary{display:flex;justify-content:space-between;align-items:center;min-height:38px;cursor:pointer;font-weight:700}
.atelier2-saved-themes__head{display:flex;gap:8px;align-items:center;margin:0 0 8px}
.atelier2-saved-themes__head p{flex:1;margin:0;font-size:11px;line-height:1.3;color:var(--atelier-theme-muted,#aaa)}
.atelier2-saved-themes__head button,.atelier2-saved-theme-row button{min-height:28px}
.atelier2-saved-theme-row{display:flex;gap:5px;margin:4px 0}
.atelier2-saved-theme-open{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:6px 8px;min-width:0}
.atelier2-saved-theme-open strong,.atelier2-saved-theme-open small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.atelier2-saved-theme-open small{font-size:10px;opacity:.7}
.atelier2-hitbox-panel .atelier2-hitbox-widths{display:none!important}


/* PATCH 263 — canonical compact Focus Dock */
.atelier2-inspector{height:calc(100vh - 116px)!important;max-height:calc(100vh - 116px)!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}
.atelier2-focus-header{padding:.7rem .8rem!important;min-height:0!important}
.atelier2-focus-header strong{font-size:.94rem!important}
.atelier2-selection-hint{font-size:.57rem!important;line-height:1.25!important;margin-top:.2rem!important}
.atelier2-focus-breadcrumb{min-height:38px!important;padding:.35rem .65rem!important;font-size:.7rem!important}
.atelier2-focus-lift{position:sticky;top:0;z-index:12;grid-template-columns:minmax(0,1fr) 28px!important;align-items:center;gap:.45rem!important;margin:0!important;padding:.58rem .68rem!important;border-width:0 0 1px!important;border-radius:0!important;box-shadow:0 8px 18px rgba(0,0,0,.28)!important}
.atelier2-focus-lift>div{display:grid;gap:.08rem;min-width:0}.atelier2-focus-lift>div>span{color:#70b5ff;font-size:.57rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.atelier2-focus-lift>div>strong{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atelier2-focus-lift>div>small{font-size:.58rem;color:#8f9baa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atelier2-focus-lift>button{width:27px!important;height:27px!important;padding:0!important;border-radius:50%!important;font-size:1rem!important;background:#171d23!important;border:1px solid #39434d!important}
.atelier2-section-heading{display:none!important}
.atelier2-section-body,.atelier2-focus-controls{padding:.58rem .68rem .68rem!important;gap:.38rem!important}
.atelier2-focus-controls label{min-height:30px!important;gap:.35rem!important;font-size:.68rem!important}
.atelier2-focus-controls input[type=color]{width:2.25rem!important;height:1.75rem!important}
.atelier2-confirmed-color__control{gap:.25rem!important}.atelier2-confirmed-color__control button{min-height:28px!important;padding:.28rem .42rem!important;font-size:.6rem!important}
.atelier2-image-quickrail{padding:.55rem .65rem!important;margin:0!important;border-radius:0!important}
.atelier2-image-quickrail__top,.atelier2-image-quickrail__sliders,.atelier2-image-quickrail__actions{gap:.38rem!important}
.atelier2-focus-canonical{display:grid!important;border-top:1px solid #27303a!important}
.atelier2-focus-canonical>button{min-height:38px!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:.35rem!important;padding:.48rem .7rem!important;background:#0c1116!important;border:0!important;border-bottom:1px solid #242d36!important;border-radius:0!important;text-align:left!important}
.atelier2-focus-canonical>button:hover{background:#151c23!important}
.atelier2-focus-canonical>button span{font-size:.76rem!important;font-weight:800!important}.atelier2-focus-canonical>button small{display:none!important}.atelier2-focus-canonical>button b{grid-column:2!important;grid-row:1!important;font-size:.95rem!important;color:#62aaff!important}
.atelier2-friendly-summary,.atelier2-focus-history,.atelier2-preset-grid{margin:0!important;padding:.58rem .68rem!important}
.atelier2-smart-help,.atelier2-advanced-drawer{display:none!important}
.atelier2-primary-action-dock{position:sticky!important;bottom:0!important;z-index:15!important}

/* PATCH 264 — single preview, clean image controls, quiet header selection */
.atelier-preview-topbar.is-selected .atelier-selection-pointer,
.atelier-preview-topbar.is-selected .atelier-live-size,
.atelier-preview-topbar.is-selected .atelier-move-handle,
.atelier-preview-topbar.is-selected .atelier-resize-handle,
.atelier-preview-topbar.is-selected .atelier-preview-tag {
    display:none!important;
}
.atelier-preview-topbar.is-selected {
    outline:2px solid rgba(207,174,96,.9)!important;
    outline-offset:-2px!important;
    box-shadow:none!important;
    overflow:hidden!important;
}

/* Patch 265 — child navigation remains selectable but no longer paints the stray green workspace bar. */
.atelier-arrangement-workspace + *{}
.atelier-preview-shell .atelier-preview-childbar{
  background-color:transparent!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--preview-outline) 35%,transparent)!important;
  box-shadow:none!important;
}
.atelier-preview-shell .atelier-preview-childbar:not(:has(.atelier-preview-image-layer[style*="background-image:url"])) {
  min-height:20px!important;
}


/* Patch 266 — the child navigation is a clean text/image strip, never a green selection bar. */
.atelier-preview-shell .atelier-preview-childbar{
  height:38px!important;
  min-height:38px!important;
  padding:0 18px!important;
  gap:18px!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--preview-outline) 28%,transparent)!important;
  box-shadow:none!important;
  outline:none!important;
}
.atelier-preview-shell .atelier-preview-childbar .atelier-preview-image-layer{
  background-color:transparent!important;
}
.atelier-preview-shell .atelier-preview-childbar .atelier-preview-tag,
.atelier-preview-shell .atelier-preview-childbar .atelier-selection-pointer{display:none!important;}
.atelier-preview-shell .atelier-preview-childbar.is-selected{outline:none!important;box-shadow:none!important;}


/* PATCH 268 — authoritative Navigation Bar image target and hit-box overlay.
   This block intentionally sits last so older Atelier patches cannot override it. */
.atelier-preview-shell .atelier-preview-panorama{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:212px!important;
    min-height:212px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    isolation:isolate!important;
}
.atelier-preview-shell .atelier-preview-panorama>.atelier-preview-image-layer[data-atelier-asset-slot="shell.navigation"]{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:cover!important;
    pointer-events:none!important;
}
.atelier-preview-shell .atelier-preview-childbar{
    position:relative!important;
    z-index:2!important;
    overflow:hidden!important;
}
.atelier-preview-navigation-zones{
    position:absolute!important;
    inset:0!important;
    z-index:4!important;
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    margin:0!important;
}
.atelier-preview-navigation-zones>button{
    appearance:none!important;
    display:block!important;
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.atelier-preview-navigation-zones>button>span{display:none!important}
.atelier-preview-panorama.is-hitbox-editing .atelier-preview-navigation-zones{pointer-events:none!important}
.atelier-navigation-hitboxes{
    position:absolute!important;
    inset:0!important;
    z-index:60!important;
    display:grid!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:1px solid #3198f4!important;
    background:rgba(49,152,244,.018)!important;
    overflow:hidden!important;
    pointer-events:none!important;
}
.atelier-navigation-hitbox-cell{
    position:relative!important;
    display:block!important;
    min-width:0!important;
    width:auto!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:0!important;
    border-right:1px solid rgba(49,152,244,.9)!important;
    background:transparent!important;
    color:transparent!important;
    pointer-events:none!important;
}
.atelier-navigation-hitbox-cell:last-of-type{border-right:0!important}
.atelier-navigation-hitbox-handle{
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    width:9px!important;
    margin-left:-4px!important;
    z-index:64!important;
    cursor:col-resize!important;
    pointer-events:auto!important;
    touch-action:none!important;
}
.atelier-navigation-hitbox-handle::before{
    content:""!important;
    position:absolute!important;
    left:4px!important;
    top:0!important;
    bottom:0!important;
    width:1px!important;
    background:#3198f4!important;
    box-shadow:none!important;
}
.atelier-navigation-hitbox-handle::after{display:none!important}

/* PATCH 269 — remove inherited navigation-zone chrome.
   Destination hit targets remain full-width and clickable, but are visually invisible.
   Only the thin blue editable hit-box boundaries may render over the artwork. */
.atelier-preview-shell .atelier-preview-panorama .atelier-preview-navigation-zones{
    position:absolute!important;
    inset:0!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    gap:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
}
.atelier-preview-shell .atelier-preview-panorama .atelier-preview-navigation-zones>button,
.atelier-preview-shell .atelier-preview-panorama .atelier-preview-navigation-zones>button:hover,
.atelier-preview-shell .atelier-preview-panorama .atelier-preview-navigation-zones>button:focus,
.atelier-preview-shell .atelier-preview-panorama .atelier-preview-navigation-zones>button:active,
.atelier-preview-shell .atelier-preview-panorama .atelier-preview-navigation-zones>button.active{
    position:relative!important;
    inset:auto!important;
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    opacity:1!important;
    color:transparent!important;
    text-shadow:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
}
.atelier-preview-shell .atelier-preview-panorama .atelier-preview-navigation-zones>button::before,
.atelier-preview-shell .atelier-preview-panorama .atelier-preview-navigation-zones>button::after{
    content:none!important;
    display:none!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
}


/* PATCH 278 — Studio interaction recovery. The navigation preview is display-only;
   blue boundaries are the only navigation editing controls. */
.atelier-preview-navigation-zones { pointer-events:none!important; }
.atelier-preview-navigation-zone {
    position:relative; display:block; min-width:0; background:transparent!important;
    border:0!important; box-shadow:none!important; pointer-events:none!important;
}
.atelier-preview-navigation-zone > span { opacity:0!important; pointer-events:none!important; }
.atelier-preview-navigation-zones > button { display:none!important; }
.atelier-navigation-hitboxes { z-index:80!important; pointer-events:auto!important; }
.atelier-navigation-hitbox-cell { background:transparent!important; box-shadow:none!important; pointer-events:none!important; }
.atelier-navigation-hitbox-handle { z-index:90!important; pointer-events:auto!important; }
.atelier-navigation-hitbox-cell::before,.atelier-navigation-hitbox-cell::after { display:none!important; content:none!important; }

/* Library placements use the page workspace itself as their containing block. */
.atelier-arrangement-workspace { position:relative!important; overflow:hidden!important; }
.atelier-arrangement-library-layer {
    position:absolute!important; inset:0!important; z-index:45!important;
    overflow:hidden!important; pointer-events:none!important;
}
.atelier-arrangement-library-layer > .studio-placement { pointer-events:auto!important; }

/* Patch 283: explicit working-page chooser in the Studio command bar. */
.atelier2-command-page{display:flex;align-items:center;gap:7px;margin-left:auto;padding:0 8px;color:#d8d2c3;font-size:11px;white-space:nowrap}
.atelier2-command-page span{font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.atelier2-command-page select{min-width:116px;height:32px;border:1px solid #8f7b54;border-radius:6px;background:#171d21;color:#f2ead8;padding:0 28px 0 9px;font-weight:700}
.atelier2-command-page select:focus{outline:2px solid #72aee6;outline-offset:1px}