:root{background-color:#fff;color:#1a1a1a;color-scheme:light dark;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}svg{height:auto;width:100%}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 16px}.control{display:flex;flex-direction:column;font-size:12px}.control>input,.control>select{font-size:13px;min-width:120px;padding:4px 6px}.checkbox-row{align-items:center;flex-direction:row;font-size:12px;gap:4px}.projects-view{text-align:center}.project-list{list-style:none;text-align:right}.project-list li{margin-bottom:5px}.project-create-panel{align-items:center;gap:12px;margin-bottom:20px;text-align:right}.project-create-button{margin-bottom:5px}.project-create-panel select{appearance:none;background:#fff;border:1px solid #aaa;border-radius:6px;cursor:pointer;font-size:14px;height:32px;max-width:fit-content;outline:none;padding:6px 10px;transition:border-color .15s ease}.project-create-panel select:hover{border-color:#888}.project-create-panel select:focus{border-color:#666}.project-create-panel select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path fill='%23666' d='M0 0l5 6 5-6z'/></svg>");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.shelf-view{max-width:600px}.shelf-view h1{font-size:2em;line-height:.8}#back-button{margin-bottom:8px}.segment.segment--selected circle,.segment.segment--selected rect{stroke:red;stroke-width:2}.segment-panel-row--settings{display:flex;justify-content:space-between}.segment-panel .settings-margin{align-items:center;display:flex;flex-direction:row;gap:6px}.segment-panel .settings-margin>span{font-size:13px;white-space:nowrap}.segment-panel .settings-margin>input{font-size:13px;min-width:0;padding:3px 4px;width:36px}.segment-panel .settings-dividers-row{align-items:center;column-gap:12px;display:flex}.segment-panel .checkbox-inline{align-items:center;display:flex;flex-direction:row;font-size:12px;gap:4px;white-space:nowrap}.segment-panel .settings-divider-left,.segment-panel .settings-divider-left-placeholder{display:flex;justify-content:flex-start;width:130px}.segment-panel .settings-divider-right{justify-content:flex-end}.segment-panel .segment-panel-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.segment-panel .segment-panel-actions button{font-size:13px;min-width:130px;padding:6px 10px}.segment-panel .secondary-button--placeholder{opacity:0;pointer-events:none}.segment-panel{background:#fff;border:1px solid #ddd;border-radius:10px;margin:12px auto 0;padding:10px 14px 12px;text-align:left;width:520px}.segment-panel h2{font-size:18px;font-weight:600;margin:0 0 8px}.segment-panel-row{margin-bottom:6px}.segment-panel-row--settings{align-items:center;column-gap:12px;display:grid;grid-template-columns:auto auto 1fr}.settings-margin{align-items:center;display:flex;flex-direction:row;gap:6px}.settings-margin>span{font-size:13px;white-space:nowrap}.settings-margin>input{font-size:13px;min-width:0;padding:3px 4px;width:32px}.checkbox-inline{align-items:center;display:inline-flex;font-size:12px;gap:4px;white-space:nowrap}.settings-divider-left{justify-self:flex-start}.settings-divider-left-placeholder{visibility:hidden}.settings-divider-right{justify-self:flex-end}.segment-panel-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.segment-panel-actions button{font-size:13px;min-width:130px;padding:6px 10px}.secondary-button--placeholder{opacity:0;pointer-events:none}.shelf-status{border-radius:4px;font-size:.9rem;margin:.5rem 0;padding:.5rem .75rem}.shelf-status-error{background:#ffe5e5;color:#a30000}.shelf-status-info{background:#e5f2ff;color:#003a7a}.sections{align-items:stretch;border:1px solid #ddd;display:flex;flex-wrap:wrap;gap:16px;padding:8px}.section{border:0 solid #ddd}.section-add{align-items:center;display:flex;justify-content:center;padding:8px}.section-frontview svg{display:block}.shelf-inline-controls{align-items:center;display:flex;font-size:10px;gap:4px;justify-content:center;opacity:0;pointer-events:none}.shelf-inline-button{background:#fff;border:1px solid #888;border-radius:3px;color:#1a1a1a;cursor:pointer;padding:2px 6px}.shelf-inline-button:hover{background:#eee;color:#1a1a1a}.section-frontview svg .section-shelf-wrapper:hover .shelf-inline-controls,.section-frontview svg .shelf-inline-controls:focus-within{opacity:1;pointer-events:auto}.section-header-controls{display:flex;font-size:11px;justify-content:center;margin-bottom:6px;opacity:0;pointer-events:none;transition:opacity .15s ease-out;width:100%}.section-header-button{background:#fff;border:1px solid #888;border-radius:3px;color:#1a1a1a;cursor:pointer;padding:3px 10px}.section-header-button:hover{background:#eee;color:#1a1a1a}.section-header-controls:focus-within,.section:hover .section-header-controls{opacity:1;pointer-events:auto}