:root{color:#e9ebe5;font-synthesis:none;text-rendering:optimizelegibility;background:#111310;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{color:#e9ebe5;background:#111310;min-height:100vh}.topbar{background:#151814;border-bottom:1px solid #2a2d28;justify-content:space-between;align-items:center;gap:18px;min-height:86px;padding:17px 28px;display:flex}.eyebrow{color:#959b90;letter-spacing:.13em;margin:0 0 4px;font-size:11px;font-weight:800}h1{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:650}.top-actions,.screen-tools,.hardware-controls{flex-wrap:wrap;gap:8px;display:flex}.top-actions button,.panel-title button,.screen-tools button,.hardware-controls button{color:#e9ebe5;background:#1d211c;border:1px solid #363b34;border-radius:8px;padding:9px 12px;font-size:13px}.top-actions button.active{color:#151814;background:#e9ebe5;border-color:#e9ebe5}.top-actions button.theme-action{color:#151814;background:#d8e1d2;border-color:#d8e1d2;font-weight:750}.notice{z-index:20;color:#171a16;background:#eef2e9;border:1px solid #6a7464;border-radius:10px;max-width:min(440px,100vw - 44px);padding:12px 16px;font-size:13px;font-weight:650;position:fixed;top:96px;right:22px;box-shadow:0 14px 40px #00000059}.workspace{grid-template-columns:320px minmax(610px,1fr) 360px;min-height:calc(100vh - 86px);display:grid}.sidebar{background:#151814;border-right:1px solid #2a2d28;padding:16px}.properties-panel{border-left:1px solid #2a2d28;border-right:0}.panel-title{color:#b8bdb4;text-transform:uppercase;letter-spacing:.09em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}.panel-title button{padding:5px 8px;font-size:11px}.screen-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.screen-item{color:#cfd3cb;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;width:100%;padding:11px}.screen-item strong,.screen-item small{display:block}.screen-item small{color:#7f877c;margin-top:3px;font-size:11px}.screen-item.active{color:#fff;background:#242922;border-color:#5a6156}.screen-tools{margin-top:10px}.screen-tools button{flex:1;padding:8px}.screen-editor{gap:8px;margin-top:12px;display:grid}.screen-editor label{color:#aeb5aa;gap:5px;font-size:11px;display:grid}.screen-editor input{color:#edf0e9;width:100%;font:inherit;background:#20241f;border:1px solid #383e36;border-radius:7px;padding:8px}.screen-editor>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.screen-editor button{color:#e9ebe5;background:#1d211c;border:1px solid #363b34;border-radius:7px;padding:8px;font-size:12px}.screen-editor button:disabled{cursor:not-allowed;opacity:.38}.hardware-panel{border-top:1px solid #2a2d28;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;padding-top:14px;display:grid}.hardware-panel .panel-title{grid-column:1/-1;margin:0;padding:0}.hardware-binding{gap:5px;display:grid}.hardware-binding label{color:#aeb5aa;gap:5px;font-size:11px;display:grid}.hardware-binding select{color:#edf0e9;width:100%;font:inherit;background:#20241f;border:1px solid #383e36;border-radius:7px;padding:7px}.components-title{margin-top:32px}.component-grid{grid-template-columns:1fr 1fr;gap:5px;max-height:none;padding-right:0;display:grid}.component-grid button{color:#d9ddd4;text-transform:capitalize;background:#1c201b;border:1px solid #31362f;border-radius:7px;padding:8px 7px;font-size:11px}.stage{background:radial-gradient(circle at 50% 15%,#30352e,#151714 62%);flex-direction:column;align-items:center;padding:26px;display:flex;overflow:auto}.test-stage{grid-column:1/-1;padding:32px}.kobo-label{color:#abb1a7;justify-content:space-between;width:min(100%,590px);margin-bottom:11px;font-size:12px;display:flex}.kobo-device{background:#dadcd7;border-radius:18px;width:min(100%,590px);padding:16px;position:relative;box-shadow:0 24px 80px #00000073,inset 0 0 0 2px #f3f4f1}.kobo-device.landscape{width:min(100%,860px)}.kobo-screen{color:#10110f;background:#f5f5f1;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #b9bbb4}.editor-grid{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#21231e29 1px,#0000 1px),linear-gradient(#21231e29 1px,#0000 1px);background-position:0 0;position:absolute;inset:0}.prototype-element{color:#10110f;text-align:left;touch-action:none;background:0 0;border:0;min-width:0;min-height:0;padding:0;display:flex;position:absolute;overflow:hidden}.prototype-element.selected{outline-offset:3px;outline:3px solid #5775d6}.prototype-element .element-copy{justify-content:center;align-items:inherit;flex-direction:column;min-width:0;display:flex}.prototype-element .element-icon{object-fit:contain;filter:grayscale()contrast(1.45);flex:none;width:1.35em;height:1.35em;margin:0 .55em 0 0}.prototype-element.dark .element-icon{filter:grayscale()contrast(1.45)invert()}.prototype-element .element-icon.compact{width:1em;height:1em;margin:0 .45em 0 0}.prototype-element.text{white-space:pre-wrap;align-items:flex-start;font-weight:450;line-height:1.32}.prototype-element.text strong{font-weight:inherit}.prototype-element.card,.prototype-element.button,.prototype-element.edgeShortcut,.prototype-element.timer,.prototype-element.note,.prototype-element.quote,.prototype-element.book,.prototype-element.exercise,.prototype-element.dialog,.prototype-element.empty,.prototype-element.status,.prototype-element.header,.prototype-element.badge{border-style:solid;justify-content:center;align-items:flex-start;padding:8%}.prototype-element.layout-row{flex-direction:row}.prototype-element.layout-column{flex-direction:column}.prototype-element.layout-column .element-icon{margin:0 0 .32em}.prototype-element.header{border-bottom:2px solid #10110f;padding:0 2%;color:#10110f!important;background:#fff!important}.prototype-element.header .element-copy{flex:1}.prototype-element.header small{margin-top:0}.prototype-element.card strong,.prototype-element.button strong{font-size:1.05em;font-weight:750}.prototype-element.card small,.prototype-element.button small{color:#555752;margin-top:4%;font-size:.5em}.prototype-element small{opacity:.7}.prototype-element.line{min-height:2px;padding:0}.prototype-element.timer{text-align:center;align-items:center}.prototype-element.timer span{letter-spacing:.1em;text-transform:uppercase;font-size:.45em}.prototype-element.timer strong{margin:2% 0;font-size:1.15em;line-height:1.05}.prototype-element.timer small{text-transform:uppercase;font-size:.4em}.prototype-element.progress{grid-template-rows:auto 12px;grid-template-columns:1fr auto;align-items:center;gap:11px;font-size:.55em;display:grid}.prototype-element.progress strong{font-size:.85em}.prototype-element.progress i{background:#d1d3cc;grid-column:1/-1;height:100%;display:block}.prototype-element.progress b{background:#10110f;height:100%;display:block}.prototype-element.list{border-top:2px solid #10110f;flex-direction:column;gap:0;font-size:.65em;display:flex}.prototype-element.list span{border-bottom:1px solid #85877f;padding:3% 2%}.prototype-element.list span.active{color:#fff;background:#10110f}.prototype-element.checkbox{border-style:solid;align-items:center;gap:6%;padding:2%;display:flex}.prototype-element.checkbox i{border:2px solid;border-radius:4px;place-items:center;width:1.25em;height:1.25em;font-style:normal;display:grid}.prototype-element.stepper{border-style:solid;justify-content:space-between;align-items:center;padding:0 8%;display:flex}.prototype-element.stepper span{opacity:.7;font-size:.55em}.prototype-element.stepper strong{font-size:1.1em}.prototype-element.toggle{border-style:solid;justify-content:space-between;align-items:center;padding:0 6%;display:flex}.prototype-element.toggle i{text-align:center;text-transform:uppercase;border:1px solid;border-radius:99px;min-width:3.2em;padding:.45em .65em;font-size:.45em;font-style:normal}.prototype-element.segmented,.prototype-element.tabs{border-style:solid;grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;padding:3px;display:grid}.prototype-element.segmented span,.prototype-element.tabs span{place-items:center;padding:0 6px;font-size:.5em;display:grid}.prototype-element.segmented span.active,.prototype-element.tabs span.active{color:#fff;border-radius:inherit;background:#10110f}.prototype-element.status{white-space:nowrap;justify-content:center;padding:0 5%}.prototype-element.status strong{letter-spacing:.04em;font-size:.55em}.prototype-element.badge{align-items:center;padding:0 8%}.prototype-element.badge strong{text-transform:uppercase;letter-spacing:.07em;font-size:.6em}.prototype-element.edgeShortcut{writing-mode:vertical-rl;text-orientation:mixed;justify-content:center;align-items:center;padding:8%}.prototype-element.edgeShortcut strong{letter-spacing:.05em;font-size:.72em}.prototype-element.edgeShortcut .element-icon{writing-mode:horizontal-tb;width:1.15em;height:1.15em;margin:0 0 .5em}.prototype-element.edgeShortcut .element-copy{align-items:center}.prototype-element.quote{padding-left:7%;border-left-width:8px!important}.prototype-element.quote strong{font-style:italic;font-weight:500}.prototype-element.book,.prototype-element.exercise{padding-left:26%}.prototype-element.book:before,.prototype-element.exercise:before{content:"";opacity:.75;border:2px solid;border-radius:3px;width:13%;height:66%;position:absolute;top:17%;left:7%}.prototype-element.exercise:before{border-radius:50%;width:11%;height:42%;top:29%}.prototype-element.dialog{box-shadow:0 0 0 999px #0000000d}.prototype-element.empty{text-align:center;align-items:center}.prototype-element.svg,.prototype-element.image,.prototype-element.qr{border-style:solid;place-items:center;padding:4%;display:grid}.prototype-element.svg{overflow:visible}.prototype-element.svg img,.prototype-element.image img{object-fit:contain;transform-origin:50%;filter:grayscale()contrast(1.25)}.prototype-element.qr{grid-template-rows:1fr auto}.prototype-element.qr strong{letter-spacing:.08em;font-size:.42em}.qr-grid{aspect-ratio:1;background:repeating-linear-gradient(90deg,#10110f 0 9%,#0000 9% 17%),repeating-linear-gradient(#10110f 0 9%,#0000 9% 17%);width:70%;display:block}.eink-grain{pointer-events:none;opacity:.05;background-image:radial-gradient(#000 .45px,#0000 .45px);background-size:3px 3px;position:absolute;inset:0}.prototype-overlay{z-index:900;background:#ffffffb8;place-items:center;padding:8%;display:grid;position:absolute;inset:0}.prototype-overlay section{background:#fff;border:3px solid #10110f;border-radius:15px;width:min(92%,560px);max-height:88%;padding:5%;overflow:auto;box-shadow:12px 12px #10110f}.prototype-overlay header{border-bottom:2px solid #10110f;justify-content:space-between;align-items:center;padding-bottom:4%;font-size:1.15rem;display:flex}.prototype-overlay header button{background:#fff;border:2px solid #10110f;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.4rem}.reader-settings-grid{grid-template-columns:1fr 1fr;gap:12px;padding-top:4%;display:grid}.reader-settings-grid label,.set-editor label{gap:5px;font-size:.75rem;font-weight:700;display:grid}.reader-settings-grid select,.reader-settings-grid input,.set-editor input{background:#fff;border:2px solid #10110f;width:100%;min-height:38px}.set-editor{grid-template-columns:1fr 2fr 1fr;gap:10px;padding-top:5%;display:grid}.set-editor button,.keypad button{background:#fff;border:2px solid #10110f;border-radius:10px;min-height:48px;font-weight:800}.set-editor label,.set-editor .primary{grid-column:1/-1}.set-editor .primary,.keypad .primary{color:#fff;background:#10110f}.numeric-value{text-align:center;padding:6% 0;font-size:2.2rem;font-weight:800}.keypad{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.flash-layer{pointer-events:none;background:#111;animation:.22s steps(2,end) eink-flash;position:absolute;inset:16px}@keyframes eink-flash{0%{opacity:1}to{opacity:0}}.hardware-controls{color:#b8bdb4;justify-content:center;align-items:center;width:min(100%,590px);margin-top:18px;font-size:12px}.hardware-controls button{color:#1b1d19;background:#f0f1ec;border-color:#f0f1ec}.properties{grid-template-columns:1fr 1fr;align-content:start;gap:10px;display:grid}.properties>.style-section,.properties>.layer-section,.properties>.variant-note,.properties>.danger,.multi-properties>p,.multi-properties>button{grid-column:1/-1}.properties>label:has(textarea){grid-column:1/-1}.multi-properties p{color:#aeb5aa;margin:0;font-size:12px;line-height:1.5}.multi-properties p strong{color:#f3f5f0}.multi-properties>button{color:#edf0e9;background:#252a24;border:1px solid #4b5347;border-radius:7px;padding:9px}.properties label{color:#aeb5aa;gap:6px;font-size:12px;display:grid}.properties input,.properties textarea,.properties select{color:#edf0e9;background:#20241f;border:1px solid #383e36;border-radius:7px;width:100%;padding:9px}.properties textarea{resize:vertical;min-height:64px}.variant-note{color:#8f978b;font-size:11px;line-height:1.45}.theme-pack-panel{background:#1d231c;border:1px solid #586253;border-radius:9px;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;padding:11px;display:grid}.theme-pack-panel strong,.theme-pack-panel span{grid-column:1/-1}.theme-pack-panel strong{color:#f3f5f0;font-size:12px}.theme-pack-panel span{color:#aeb5aa;font-size:11px}.theme-pack-panel button{color:#151814;background:#d8e1d2;border:1px solid #4b5347;border-radius:7px;padding:9px;font-size:11px;font-weight:700}.theme-pack-panel button+button{color:#edf0e9;background:#252a24}.theme-pack-panel button:disabled{cursor:not-allowed;opacity:.38}.properties input[type=range]{accent-color:#b9c4ff;padding:0}.style-section{border:1px solid #383e36;border-radius:9px;grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.style-section>strong{color:#f3f5f0;font-size:12px}.style-section>strong,.style-section>label:first-of-type,.style-section>label:nth-of-type(2),.style-section>.two-up,.style-section>label:last-child{grid-column:1/-1}.layer-section{border:1px solid #383e36;border-radius:9px;gap:9px;padding:12px;display:grid}.layer-section>strong{color:#f3f5f0;font-size:12px}.layer-section>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.layer-section button{color:#edf0e9;background:#252a24;border:1px solid #4b5347;border-radius:7px;padding:8px;font-size:11px}.two-up{grid-template-columns:1fr 1fr;gap:8px;display:grid}.properties .check{align-items:center;gap:8px;display:flex}.properties .check input{width:auto}.danger{color:#ffc0bc;background:#2c1d1b;border:1px solid #6b3d3a;border-radius:8px;margin-top:8px;padding:10px}@media (width<=1040px){.workspace{grid-template-columns:210px minmax(380px,1fr)}.properties-panel{display:none}}@media (width<=700px){.topbar{flex-direction:column;align-items:flex-start;padding:16px}.workspace{grid-template-columns:1fr}.screens-panel{border-bottom:1px solid #2a2d28;border-right:0}.screen-list{grid-template-columns:repeat(2,minmax(0,1fr))}.components-title,.component-grid{display:none}.stage{padding:18px 10px}.kobo-device{padding:10px}.flash-layer{inset:10px}.top-actions{width:100%}}