.simple-rail{display:none}.simple-only{display:none}body[data-experience=simple] .toolrail{display:none}body[data-experience=simple] .simple-only{display:block}body[data-experience=simple] .simple-rail{display:flex;flex-direction:column;width:92px;flex:none;background:var(--panel);border-right:1px solid var(--line);padding:16px 6px;gap:8px}.simple-rail button{min-height:56px}body[data-experience=simple] #layerShortcut{display:none}body[data-experience=simple] #lockObject,body[data-experience=simple] #forwardObject,body[data-experience=simple] #backObject{display:none}body[data-experience=simple] #pickSeg{display:none}body[data-preview=light] #holder{background:#fff}body[data-preview=dark] #holder{background:#000000}body[data-preview=check] #holder{background-color:#fff;background-image:conic-gradient(#e4e9ea 25%,#fff 0 50%,#e4e9ea 0 75%,#fff 0);background-size:16px 16px;background-position:0 0}#stage{background-color:var(--bg)}.toolrail{overflow-y:auto;scrollbar-width:thin}.object-section{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.status-note{white-space:pre-wrap;font-size:12px;color:var(--mute);line-height:1.6}.node-point{fill:#fff;stroke:#00b9bd;stroke-width:2;vector-effect:non-scaling-stroke}.node-point.selected{fill:#00b9bd}.node-handle{fill:#f6c463;stroke:#765516;stroke-width:1;vector-effect:non-scaling-stroke}.node-line{stroke:#e7b856;stroke-width:1;vector-effect:non-scaling-stroke}.multi-banner{font-size:12px;color:var(--acc2)}.shape-picker{display:grid;grid-template-columns:1fr 1fr;gap:6px}.shape-picker button{border:1px solid var(--line)}.simplify-stats{padding:12px;border:1px solid var(--line);border-radius:12px;font-variant-numeric:tabular-nums}.layer[draggable=true]{cursor:grab}
@media(max-width:860px){header{flex-wrap:wrap}header h1{flex:1}body[data-experience=simple] .simple-rail{order:3;width:100%;flex-direction:row;padding:4px 6px max(4px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.simple-rail button{flex:1;min-height:52px}.toolrail{overflow-x:auto;overflow-y:hidden;justify-content:flex-start}.toolrail button{min-width:56px;flex:1}.bar{min-height:48px}aside{height:min(34dvh,310px);max-height:42%}body[data-experience=simple] aside{height:min(32dvh,290px)}body[data-experience=simple] aside.collapsed{height:0}.pane input[type=color]{min-height:44px}.more-menu{top:64px}}
/* Dialogs and mobile safe areas preserve the original premium editor. */
html,body{overscroll-behavior:none}header{padding-top:max(10px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.bar,.simple-rail{padding-bottom:max(8px,env(safe-area-inset-bottom))}.welcome-actions{display:flex;gap:8px;justify-content:center;margin:16px 0}.brand .ttl small{white-space:normal}@media(max-width:600px){header .brand .ttl small{font-size:9px;max-width:160px}#drop h2{font-size:24px}#drop>div{padding:16px}.welcome-actions{flex-wrap:wrap}}

#drop .welcome-actions{padding:0;border:0;background:none;border-radius:0}

/* The entire work area is the transparency preview, independent of SVG bounds. */
body[data-preview=check] #stage{background-color:#f8fafb;background-image:conic-gradient(#d8e0e3 25%,#f8fafb 0 50%,#d8e0e3 0 75%,#f8fafb 0);background-size:20px 20px;background-position:0 0}
body[data-preview=light] #stage{background:#fff}
body[data-preview=dark] #stage{background:#000000}
body[data-preview] #holder{background:transparent;background-image:none;box-shadow:none}
/* Both experiences share the premium dark palette and icon language. */
.simple-rail svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.simple-rail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.simple-rail button.on{background:var(--soft);color:var(--acc2);border-radius:12px}.selection-actions{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}.selection-actions button{min-height:44px}.marquee-overlay{position:fixed;z-index:9000;pointer-events:none;border:1.5px solid #00b9bd;background:#13b8bd20;box-sizing:border-box}.marquee-overlay[hidden]{display:none}.canvas-photo{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.canvas-photo summary{min-height:44px;cursor:pointer;font-weight:600}.canvas-photo>h3{display:none}body[data-experience=simple] .simple-only{display:none}#layerActions button{min-height:44px}@media(max-width:860px){.simple-rail svg{width:20px;height:20px}}

#tObjects .row[hidden]{display:none}

header .brand .ttl small{text-transform:none;letter-spacing:.03em}

.bucket-panel{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.bucket-panel input[type=color]{flex:0 0 64px;width:64px;min-height:44px}.bucket-panel input[type=text]{min-width:0;width:100%}#bucketToggle{width:100%;margin-top:12px;min-height:44px}#bucketToggle.on{background:var(--acc);color:#052e32}#stage.bucket-active,#stage.bucket-active *{cursor:crosshair!important}

.bucket-icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bucket-panel h3,#bucketToggle{display:flex;align-items:center;gap:9px}#bucketToggle{justify-content:center}.bucket-panel h3 .bucket-icon{color:var(--acc)}

#drop .example-action{display:block;margin:10px 0 0;padding:0;border:0;border-radius:0;background:none}#tryExample{min-height:44px}