:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font-family:inherit}.app-shell{color:#172026;background:#f4f6f8;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #d8dee6;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;display:flex}.topbar h1,.panel-heading h2,.plan-toolbar h2{margin:0}.topbar h1{font-size:28px;line-height:1.1}.topbar-actions{align-items:center;gap:10px;display:flex}.session-pill{color:#172026;white-space:nowrap;background:#fff;border:1px solid #cbd3dc;border-radius:999px;align-items:center;min-height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.save-status{color:#697680;white-space:nowrap;background:#fff;border:1px solid #cbd3dc;border-radius:999px;align-items:center;min-height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #d8dee6;border-radius:8px;gap:14px;width:min(420px,100%);padding:22px;display:grid}.login-panel h1{margin:0}.login-form{gap:10px;display:grid}.login-form label{color:#32424c;gap:6px;font-size:13px;font-weight:800;display:grid}.login-help{color:#697680;margin:0;font-size:13px;line-height:1.35}.save-status.saving{color:#6b4b00;background:#fff8df;border-color:#f2b705}.save-status.saved{color:#0f5f5a;background:#e8f6f4;border-color:#16827a}.save-status.error{color:#8c2434;background:#fff1f3;border-color:#d9a2aa}.wc-status-button{color:#172026;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd3dc;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.wc-status-button.enabled{color:#0f5f5a;background:#e8f6f4;border-color:#16827a}.wc-status-button.error,.wc-status-button.disabled{color:#8c2434;background:#fff1f3;border-color:#d9a2aa}.wc-status-button.syncing{color:#6b4b00;background:#fff8df;border-color:#f2b705}.mode-button{color:#172026;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd3dc;border-radius:8px;padding:0 12px;font-size:13px;font-weight:700}.mode-button.active{color:#fff;background:#16827a;border-color:#16827a}.settings-menu{position:relative}.settings-button{color:#172026;cursor:pointer;background:#fff;border:1px solid #cbd3dc;border-radius:8px;place-items:center;width:40px;height:40px;display:inline-grid}.settings-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.settings-popover{z-index:10;background:#fff;border:1px solid #d8dee6;border-radius:8px;gap:10px;width:340px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 36px #17202629}.settings-popover-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-popover-header strong{color:#172026;font-size:14px}.settings-popover-header button{color:#172026;cursor:pointer;background:#fff;border:1px solid #cbd3dc;border-radius:6px;place-items:center;width:30px;height:30px;font-size:22px;line-height:1;display:inline-grid}.settings-menu-item{color:#172026;min-height:52px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8dee6;border-radius:8px;gap:3px;padding:10px;display:grid}.settings-menu-item:hover{border-color:#16827a}.settings-menu-item span{font-size:13px;font-weight:800}.settings-menu-item small{color:#697680;font-size:12px}.settings-modal-backdrop{z-index:30;background:#17202661;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.settings-modal{background:#fff;border:1px solid #d8dee6;border-radius:8px;gap:14px;width:min(620px,100%);max-height:min(760px,100vh - 44px);padding:18px;display:grid;overflow:auto;box-shadow:0 24px 64px #17202638}.settings-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-modal-header h2{margin:0}.settings-modal-header>button{color:#172026;cursor:pointer;background:#fff;border:1px solid #cbd3dc;border-radius:6px;place-items:center;width:34px;height:34px;font-size:24px;line-height:1;display:inline-grid}.settings-section{gap:10px;display:grid}.settings-section>span{color:#32424c;font-size:13px;font-weight:800}.settings-section label{color:#32424c;gap:6px;font-size:13px;font-weight:700;display:grid}.settings-section small{color:#697680;font-size:12px}.settings-modal-actions{align-items:center;gap:8px;display:flex}.settings-modal-actions button,.settings-section>button,.settings-section form button{color:#fff;min-height:32px;font:inherit;cursor:pointer;background:#16827a;border:1px solid #16827a;border-radius:6px;font-size:13px}.settings-modal-actions .ghost-button{color:#172026;background:#fff;border-color:#cbd3dc}.woocommerce-settings,.admin-users-settings{background:#fbfcfd;border:1px solid #d8dee6;border-radius:8px;gap:8px;padding:10px;display:grid}.admin-users-settings span{color:#32424c;font-size:13px;font-weight:800}.admin-user-form,.admin-users-list{gap:8px;display:grid}.admin-password-box{background:#fff;border:1px solid #d8dee6;border-radius:8px;gap:8px;padding:10px;display:grid}.admin-password-box strong{color:#172026;font-size:14px}.admin-password-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.admin-user-row{background:#fff;border:1px solid #d8dee6;border-radius:6px;grid-template-columns:minmax(100px,.9fr) minmax(150px,1fr) auto auto;align-items:center;gap:8px;padding:7px;display:grid}.admin-user-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.woocommerce-settings span{color:#32424c;font-size:13px;font-weight:700}.woocommerce-settings small{color:#697680;font-size:12px}.woocommerce-settings label{color:#32424c;gap:6px;font-size:13px;font-weight:700;display:grid}.woocommerce-settings button{color:#fff;min-height:32px;font:inherit;cursor:pointer;background:#16827a;border:1px solid #16827a;border-radius:6px;font-size:13px}.eyebrow{color:#697680;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}.workspace{grid-template-columns:330px minmax(560px,1fr) 340px;gap:16px;padding:16px;display:grid}.workspace.user-workspace{grid-template-columns:330px minmax(560px,1fr)}.workspace.dashboard-workspace{display:block}.user-dashboard{background:#fff;border:1px solid #d8dee6;border-radius:8px;min-height:calc(100vh - 138px);padding:22px}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.dashboard-header h2{margin:0}.dashboard-grid{grid-template-columns:minmax(280px,1fr) minmax(320px,1.25fr);gap:16px;display:grid}.dashboard-card{background:#fbfcfd;border:1px solid #d8dee6;border-radius:8px;align-content:start;gap:14px;min-height:360px;padding:16px;display:grid}.dashboard-card h3{color:#172026;margin:0}.dashboard-start-empty{background:#fff;border:1px solid #d8dee6;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;display:grid}.dashboard-start-empty button{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#16827a;border:1px solid #16827a;border-radius:6px;font-size:13px}.dashboard-plan-list{gap:10px;display:grid}.dashboard-plan-list>button{color:#172026;text-align:left;background:#fff;border:1px solid #cbd3dc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:flex}.template-plan-card{color:#172026;text-align:left;background:#fff;border:1px solid #cbd3dc;border-radius:8px;grid-template-columns:minmax(150px,1fr) minmax(180px,260px) auto;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:grid}.dashboard-plan-list>button{cursor:pointer}.dashboard-plan-list span,.template-plan-card strong{color:#172026;font-size:14px;font-weight:800}.dashboard-plan-list small,.template-plan-card small,.dashboard-empty{color:#697680;font-size:13px}.template-plan-card>div{gap:3px;display:grid}.template-plan-card button{color:#fff;min-height:32px;font:inherit;cursor:pointer;background:#16827a;border:1px solid #16827a;border-radius:6px;flex:none;font-size:13px}.plan-preview{gap:5px;min-width:180px;max-width:260px;display:grid}.plan-preview>span{color:#697680;font-size:12px}.plan-preview-shelf{background:#fff;border:1px dashed #cbd3dc;border-bottom:6px solid #5d6872;border-radius:6px 6px 3px 3px;align-items:flex-end;height:52px;padding:4px 5px 0;display:flex;overflow:hidden}.plan-preview-products{align-items:flex-end;gap:1px;width:100%;height:100%;display:flex;overflow:hidden}.plan-preview-product{border:1px solid #1720261f;border-radius:3px 3px 1px 1px;flex:none;justify-content:center;align-items:flex-end;display:inline-flex;overflow:hidden}.plan-preview-product img{object-fit:contain;object-position:bottom center;width:100%;height:100%}.library-panel,.plan-panel,.editor-panel{background:#fff;border:1px solid #d8dee6;border-radius:8px;height:calc(100vh - 106px);min-height:calc(100vh - 106px)}.library-panel,.editor-panel{padding:16px}.library-panel{flex-direction:column;display:flex;overflow:hidden}.plan-panel{overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px;overflow:auto}.editor-panel{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.panel-heading,.plan-toolbar,.shelf-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-panel{background:#fbfcfd;border:1px solid #d8dee6;border-radius:8px;gap:10px;margin-bottom:14px;padding:12px;display:grid}.project-readonly{color:#697680;margin:0;font-size:13px;font-weight:700}.project-main,.project-create,.shelf-tools{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.project-main label,.shelf-tools label{color:#32424c;gap:5px;font-size:13px;font-weight:700;display:grid}.project-main label{flex:180px}.project-create input{flex:220px}.library-heading-actions{align-items:center;gap:8px;display:flex}.library-heading-actions>span{color:#fff;background:#172026;border-radius:50%;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 6px;font-size:16px;font-weight:700;display:inline-flex}.library-heading-actions button{color:#172026;cursor:pointer;background:#fff;border:1px solid #172026;border-radius:50%;place-items:center;min-width:38px;height:38px;padding:0;transition:border-color .15s,color .15s;display:inline-grid}.library-heading-actions button:hover{color:#16827a;border-color:#16827a}.library-heading-actions button span{color:currentColor;text-align:center;background:0 0;width:100%;height:100%;font-size:30px;font-weight:700;line-height:34px;display:block}.product-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;gap:10px;min-height:0;margin-top:18px;padding-right:8px;display:grid;overflow-y:auto}.product-list::-webkit-scrollbar{width:10px;height:10px}.plan-panel::-webkit-scrollbar{width:10px;height:10px}.editor-panel::-webkit-scrollbar{width:10px;height:10px}.product-list::-webkit-scrollbar-track{background:#eef2f5;border-radius:999px}.plan-panel::-webkit-scrollbar-track{background:#eef2f5;border-radius:999px}.editor-panel::-webkit-scrollbar-track{background:#eef2f5;border-radius:999px}.product-list::-webkit-scrollbar-thumb{background:#8f9ba6;border:2px solid #eef2f5;border-radius:999px}.plan-panel::-webkit-scrollbar-thumb{background:#8f9ba6;border:2px solid #eef2f5;border-radius:999px}.editor-panel::-webkit-scrollbar-thumb{background:#8f9ba6;border:2px solid #eef2f5;border-radius:999px}.product-list,.plan-panel,.editor-panel{scrollbar-color:#8f9ba6 #eef2f5;scrollbar-width:thin}.product-search,.range-filter,.csv-import{color:#32424c;text-align:left;gap:6px;margin-top:16px;font-size:13px;font-weight:700;display:grid}.product-search input,.range-filter select,.csv-import input{width:100%}.csv-import{background:#fbfcfd;border:1px solid #d8dee6;border-radius:8px;padding:12px}.settings-popover .csv-import{margin-top:0}.csv-import small{color:#697680;font-size:12px;font-weight:400;line-height:1.35}.empty-state{color:#697680;background:#fbfcfd;border:1px dashed #cbd3dc;border-radius:8px;margin:0;padding:14px;font-size:14px}.product-card{cursor:grab;background:#fbfcfd;border:1px solid #d8dee6;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.product-card-actions{grid-column:1/-1;gap:6px;display:flex}.product-card-actions button{flex:1 1 0;min-height:28px;font-size:12px}.product-card.selected{border-color:#16827a;box-shadow:inset 0 0 0 1px #16827a}.product-card-body{text-align:left;min-width:0;display:grid}.product-card-body strong,.selected-preview strong{color:#172026;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.product-card-body span,.product-card-body small,.selected-preview span,.shelf-header span,.shelf-block small{color:#697680;font-size:12px}.product-card button,.ghost-button,.danger-button,.project-panel button,.toolbar-actions button,.shelf-tools button,.shelf-actions button,.form-actions button,.placed-controls button{color:#172026;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd3dc;border-radius:6px;font-size:13px}button:disabled{cursor:not-allowed;opacity:.45}.toolbar-actions button,.form-actions button[type=submit]{color:#fff;background:#16827a;border-color:#16827a}.danger-button{color:#be3144;border-color:#be3144}.notice{color:#32424c;background:#f8fafb;border:1px solid #d8dee6;border-radius:8px;margin:14px 0;padding:10px 12px;font-size:14px}.notice.warning{color:#6b4b00;background:#fff8df;border-color:#f2b705}.toolbar-actions,.shelf-actions,.form-actions{align-items:center;gap:8px;display:flex}select,input{box-sizing:border-box;color:#172026;min-height:36px;font:inherit;background:#fff;border:1px solid #cbd3dc;border-radius:6px;font-size:14px}select{padding:0 10px}input{width:100%;padding:0 10px}.shelf-width-input,.shelf-size-input{width:92px}.dimension-field{color:#32424c;gap:4px;font-size:12px;font-weight:800;display:grid}.dimension-field input{width:92px}.dimension-field small{color:#697680;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.15}input[type=color]{padding:3px}input[type=file]{padding:7px}.checkbox-row{align-items:center;gap:8px;font-weight:700;grid-template-columns:none!important;display:flex!important}.checkbox-row input[type=checkbox]{flex:none;width:16px;height:16px;min-height:16px;padding:0}.image-sync-tools,.blacklist-settings{background:#fbfcfd;border:1px solid #d8dee6;border-radius:8px;gap:8px;padding:10px;display:grid}.blacklist-settings span{color:#32424c;font-size:13px;font-weight:700}.blacklist-settings small{color:#697680;font-size:12px}.blacklist-list{gap:6px;max-height:170px;padding-right:4px;display:grid;overflow-y:auto}.blacklist-row{background:#fff;border:1px solid #d8dee6;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;display:grid}.blacklist-row code{color:#172026;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:12px;font-weight:700;overflow:hidden}.blacklist-settings button{color:#172026;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd3dc;border-radius:6px;font-size:13px}.crop-editor{background:#fbfcfd;border:1px solid #d8dee6;border-radius:8px;gap:10px;padding:12px;display:grid}.external-image-preview{background:#fbfcfd;border:1px solid #d8dee6;border-radius:8px;gap:8px;padding:12px;display:grid}.external-image-preview img{object-fit:contain;max-width:100%;max-height:180px;display:block}.external-image-preview span{color:#697680;font-size:12px}.crop-frame{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#fff;background-image:linear-gradient(45deg,#eef2f5 25%,#0000 25%),linear-gradient(-45deg,#eef2f5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef2f5 75%),linear-gradient(-45deg,#0000 75%,#eef2f5 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:1px solid #aeb9c4;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.crop-frame img{pointer-events:none;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.crop-selection{cursor:move;pointer-events:auto;border:2px solid #111820;outline:1px solid #fff;position:absolute}.crop-handle{background:#fff;border:2px solid #111820;border-radius:50%;width:12px;height:12px;min-height:12px;padding:0;position:absolute}.crop-handle.nw{cursor:nwse-resize;top:-7px;left:-7px}.crop-handle.n{cursor:ns-resize;top:-7px;left:calc(50% - 6px)}.crop-handle.ne{cursor:nesw-resize;top:-7px;right:-7px}.crop-handle.e{cursor:ew-resize;top:calc(50% - 6px);right:-7px}.crop-handle.se{cursor:nwse-resize;bottom:-7px;right:-7px}.crop-handle.s{cursor:ns-resize;bottom:-7px;left:calc(50% - 6px)}.crop-handle.sw{cursor:nesw-resize;bottom:-7px;left:-7px}.crop-handle.w{cursor:ew-resize;top:calc(50% - 6px);left:-7px}.crop-editor input[type=range]{min-height:22px;padding:0}.shelves{gap:18px;display:grid}.shelf-block{background:#fbfcfd;border:1px solid #d8dee6;border-radius:8px;min-width:540px;padding:14px;position:relative}.shelf-block.dragging{opacity:.55}.shelf-block.drop-before:before,.shelf-block.drop-after:after{content:"";background:#16827a;border-radius:999px;height:4px;position:absolute;left:14px;right:14px}.shelf-block.drop-before:before{top:-11px}.shelf-block.drop-after:after{bottom:-11px}.shelf-header{margin-bottom:12px}.shelf-heading-left{align-items:center;gap:10px;min-width:280px;display:flex}.shelf-tools{margin:-2px 0 12px}.shelf-tools label{grid-template-columns:auto minmax(150px,220px);align-items:center}.shelf-title{gap:3px;min-width:190px;display:grid}.shelf-drag-handle{color:#32424c;cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd3dc;border-radius:6px;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.shelf-drag-handle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}.shelf-drag-handle:active{cursor:grabbing}.shelf-name-input{color:#172026;background:0 0;border-color:#0000;width:min(280px,100%);min-height:32px;padding:0 8px;font-size:16px;font-weight:800}.shelf-name-input:hover,.shelf-name-input:focus{background:#fff;border-color:#cbd3dc}.shelf-dropzone{background:linear-gradient(90deg,#1720260f 1px,#0000 1px) 0 0/80px 100%,#fff;border:2px dashed #aeb9c4;border-bottom:12px solid #5d6872;border-radius:8px 8px 4px 4px;align-items:flex-end;max-width:100%;display:flex;position:relative;overflow-x:auto}.drop-hint{color:#697680;margin:auto;font-size:14px}.placed-product{cursor:grab;flex:none;justify-content:flex-start;align-items:flex-end;gap:0;display:flex;position:relative}.placed-product:hover,.placed-product:focus-within{z-index:4}.placed-product.insert-before,.placed-product.insert-after{z-index:5}.placed-insert-line{top:calc(100% - var(--shelf-dropzone-height,240px));z-index:6;pointer-events:none;background:#172026;border-radius:999px;width:2.5px;position:absolute;bottom:0}.placed-insert-line.before{left:-2px}.placed-insert-line.after{right:-2px}.placed-product:active{cursor:grabbing}.placed-facing{cursor:grab;align-items:flex-end;height:100%;display:flex}.placed-facing:active{cursor:grabbing}.placed-product:hover .placed-controls,.placed-product:focus-within .placed-controls{opacity:1;pointer-events:auto;transform:translate(-50%)}.placed-product.edge-left:hover .placed-controls,.placed-product.edge-left:focus-within .placed-controls,.placed-product.edge-right:hover .placed-controls,.placed-product.edge-right:focus-within .placed-controls{transform:translate(0)}.placed-controls{z-index:2;opacity:0;pointer-events:none;white-space:nowrap;background:#fff;border:1px solid #cbd3dc;border-radius:6px;align-items:center;gap:4px;padding:4px;transition:all .15s;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%,6px);box-shadow:0 10px 24px #1720261f}.placed-controls:before{content:"";height:12px;position:absolute;bottom:-12px;left:0;right:0}.placed-product.edge-left .placed-controls{left:6px;transform:translateY(4px)}.placed-product.edge-right .placed-controls{left:auto;right:6px;transform:translateY(4px)}.placed-controls button{min-width:28px;min-height:28px;padding:0;line-height:1}.shelf-meter{background:#e7ebef;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.shelf-meter span{background:#16827a;height:100%;display:block}.shelf-block small.full{color:#be3144;font-weight:700}.selected-preview{background:#fbfcfd;border:1px solid #d8dee6;border-radius:8px;align-items:center;gap:12px;margin:18px 0;padding:12px;display:flex}.selected-preview>div{min-width:0;display:grid}.product-form{gap:12px;display:grid}.product-form label{color:#32424c;gap:5px;font-size:13px;font-weight:700;display:grid}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.product-visual{color:#fff;text-align:center;text-transform:uppercase;border:1px solid #1720262e;border-radius:6px 6px 3px 3px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:inset 0 -16px #00000014}.product-visual.compact{border-radius:5px}.product-visual img{object-fit:contain;width:100%;height:100%;display:block}.placed-product .product-visual{align-items:flex-end}.placed-product .product-visual img{object-position:bottom center}.product-visual span{padding:4px}@media (width<=1180px){.workspace{grid-template-columns:300px minmax(520px,1fr)}.editor-panel{grid-column:1/-1;min-height:auto}}@media (width<=860px){.topbar,.workspace{padding:12px}.workspace{grid-template-columns:1fr;display:grid}.library-panel,.plan-panel,.editor-panel{height:auto;min-height:auto}.plan-toolbar,.shelf-header,.topbar{flex-direction:column;align-items:flex-start}}