.bones-page{background:var(--background,#070910);min-height:100svh;color:var(--foreground,#eef2ff);--bones-accent:#78dfc4;--bones-accent-strong:#35cda7;--bones-violet:#7c78ff}.bones-header{border-bottom:1px solid var(--border,#2b3242);padding:22px 28px}.bones-brand img{width:126px;height:auto}.bones-main{width:min(1540px,100% - 48px);margin:0 auto;padding:30px 0 100px}.bones-page h1,.bones-page h2,.bones-page h3,.bones-page p{margin:0}.bones-page h1{letter-spacing:-.045em;margin-top:2px;font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.1}.bones-page h2{font-size:1.0625rem;line-height:1.4}.bones-page h3{font-size:.9375rem;line-height:1.4}.bones-page p{color:var(--muted,#a9b3c7);font-size:.875rem;line-height:1.6}.bones-page button{border:1px solid var(--border,#343d50);background:var(--surface,#111724);min-height:44px;color:inherit;cursor:pointer;border-radius:10px;font:700 .8125rem/1.35 inherit}.bones-page button:hover{border-color:var(--bones-accent)}.bones-page :focus-visible{outline-offset:3px;outline:3px solid #a6c9ff}.bones-intro{justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px;display:flex}.bones-intro>button{flex:none;align-items:center;gap:8px;padding:10px 15px;display:inline-flex}.bones-identity{align-items:center;gap:15px;min-width:0;display:flex}.bones-identity>span{width:56px;height:56px;color:var(--bones-accent);background:#102923;border:1px solid #408e7b;border-radius:17px;flex:none;place-items:center;display:grid}.bones-identity svg{width:28px;height:28px}.bones-identity small,.bones-panel>div:first-child>span,.bones-canvas-panel>header span{color:var(--bones-accent);letter-spacing:.13em;font-size:.75rem;font-weight:850}.bones-identity p{margin-top:6px}.bones-workspace{grid-template-columns:minmax(225px,.56fr) minmax(460px,1.35fr) minmax(280px,.72fr);align-items:start;gap:16px;display:grid}.bones-panel,.bones-canvas-panel,.bones-export{border:1px solid var(--border,#2b3242);background:color-mix(in srgb, var(--surface,#111724) 94%, transparent);border-radius:18px}.bones-panel{gap:18px;padding:18px;display:grid}.bones-panel>div:first-child p{margin-top:5px}.bones-palette{position:sticky;top:18px}.bones-block-picker{border-top:1px solid var(--border,#2b3242);gap:9px;padding-top:3px;display:grid}.bones-block-picker>strong{padding-top:14px;font-size:.8125rem}.bones-block-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.bones-block-picker button{color:#c7cfdf;place-items:center;gap:4px;min-width:0;min-height:62px;padding:7px 4px;display:grid}.bones-block-picker button svg{width:18px;height:18px;color:var(--bones-accent)}.bones-block-picker button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;overflow:hidden}.bones-canvas-panel{min-width:0;overflow:hidden}.bones-canvas-panel>header{border-bottom:1px solid var(--border,#2b3242);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;display:flex}.bones-canvas-panel>header h2{overflow-wrap:anywhere;margin-top:4px}.bones-canvas-panel>header small{color:var(--muted,#a9b3c7);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.bones-stage{background-color:#080b12;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:24px 24px;min-height:680px;padding:32px 24px 42px;overflow:auto}.bones-device{background:#f4f6fb;border:1px solid #475168;border-radius:15px;gap:7px;width:100%;margin:0 auto;padding:12px;transition:max-width .24s;display:grid;box-shadow:0 24px 60px #0008}.bones-device-tablet{max-width:72%}.bones-device-mobile{max-width:390px}.bones-block{text-align:left;width:100%;box-shadow:none;grid-template-columns:38px minmax(0,1fr) minmax(90px,.45fr);align-items:center;gap:10px;display:grid;position:relative;color:#1a2232!important;background:#fff!important;border:1px solid #cfd6e4!important;border-radius:10px!important;min-height:78px!important;padding:12px!important}.bones-block:hover{border-color:#7181a2!important}.bones-block.selected{box-shadow:inset 0 0 0 2px #7169ff,0 8px 25px #332e8d24;border-color:#5048e5!important}.bones-block-header,.bones-block-footer,.bones-block-navigation{min-height:62px!important}.bones-block-heading{background:#f1f0ff!important;min-height:108px!important}.bones-block-index{color:#5d6880;font-variant-numeric:tabular-nums;background:#e8ebf2;border-radius:9px;place-items:center;width:30px;height:30px;font-size:.75rem;font-weight:800;display:grid}.bones-block.selected .bones-block-index{color:#fff;background:#4d45db}.bones-block-copy{min-width:0}.bones-block-copy strong,.bones-block-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bones-block-copy strong{font-size:.8125rem}.bones-block-copy small{color:#657087;margin-top:4px;font-size:.75rem;font-weight:500}.bones-mini-lines{gap:5px;display:grid}.bones-mini-lines i{background:#b9c1d1;border-radius:9px;height:5px;display:block}.bones-mini-lines i:nth-child(2){width:84%}.bones-mini-lines i:nth-child(3){width:57%}.bones-mini-lines.heading i:first-child{background:#7068e6;width:92%;height:10px}.bones-mini-grid{grid-template-columns:repeat(var(--bones-columns), minmax(0, 1fr));gap:4px;display:grid}.bones-mini-grid i{aspect-ratio:1.15;background:#eef1f6;border:1px solid #aeb8cb;border-radius:4px}.bones-mini-table{gap:3px;display:grid}.bones-mini-table>span{gap:3px;display:flex}.bones-mini-table i{background:#c4cada;flex:1;height:8px}.bones-mini-form{gap:5px;display:grid}.bones-mini-form i{border:1px solid #aeb8cb;border-radius:3px;height:11px;display:block}.bones-mini-form b{background:#7068e6;border-radius:3px;width:52%;height:12px;display:block}.bones-inspector{position:sticky;top:18px}.bones-inspector label{color:var(--muted,#a9b3c7);gap:7px;font-size:.8125rem;font-weight:700;display:grid}.bones-inspector input,.bones-inspector textarea{box-sizing:border-box;border:1px solid var(--border,#343d50);background:var(--background,#080b12);width:100%;min-width:0;color:inherit;border-radius:9px;font:500 .875rem/1.5 inherit}.bones-inspector input{min-height:44px;padding:9px 11px}.bones-inspector textarea{resize:vertical;min-height:76px;padding:10px 11px}.bones-selected-editor{background:#0a0f19;border:1px solid #354056;border-radius:13px;gap:13px;padding:14px;display:grid}.bones-selected-editor>strong{justify-content:space-between;align-items:center;gap:10px;font-size:.8125rem;display:flex}.bones-selected-editor>strong small{color:var(--bones-accent);text-transform:uppercase;font-size:.75rem;font-weight:800}.bones-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.bones-actions button{place-items:center;gap:3px;min-width:0;min-height:54px;padding:5px 3px;display:grid}.bones-actions button span{font-size:.75rem}.bones-actions button.danger{color:#ffaaa6}.bones-empty{border:1px dashed #465066;border-radius:12px;padding:14px}.bones-checks{border-top:1px solid var(--border,#2b3242);padding-top:16px}.bones-checks header{justify-content:space-between;align-items:center;gap:10px;display:flex}.bones-checks header strong{color:var(--bones-accent);font-size:.8125rem}.bones-checks ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.bones-checks li{color:#c0cadc;align-items:flex-start;gap:8px;font-size:.75rem;line-height:1.5;display:flex}.bones-checks li svg{flex:none;width:17px;height:17px;margin-top:1px}.bones-checks li.pass svg{color:#55d6a7}.bones-checks li.fail svg{color:#ff9d96}.bones-export{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:18px;display:flex}.bones-export>div{align-items:center;gap:12px;display:flex}.bones-export>div:first-child>span{width:32px;height:32px;color:var(--bones-accent);background:#163b32;border-radius:9px;flex:none;place-items:center;font-size:.75rem;font-weight:900;display:grid}.bones-export>div:last-child{flex-wrap:wrap;justify-content:flex-end}.bones-export button{align-items:center;gap:7px;padding:9px 14px;display:inline-flex}.bones-export button.primary{background:var(--bones-accent-strong);border-color:var(--bones-accent-strong);color:#061813}.bones-status{color:#cdd6e8;min-height:28px;padding:8px 2px 0;font-size:.875rem}.bones-note{border-top:1px solid var(--border,#2b3242);margin-top:22px;padding-top:18px}.bones-note strong{font-size:.9375rem}.bones-note p{max-width:980px;margin-top:6px}.bones-footer{margin-top:42px}html[data-theme=light] .bones-page{--bones-accent:#08795f;--bones-accent-strong:#2bc39e}html[data-theme=light] .bones-identity>span{background:#dff8f0;border-color:#79bbaa}html[data-theme=light] .bones-selected-editor{background:#f7f9fc}html[data-theme=light] .bones-export button.primary{color:#08251e}@media (width<=1180px){.bones-workspace{grid-template-columns:minmax(230px,.6fr) minmax(0,1.4fr)}.bones-inspector{grid-column:1/-1;grid-template-columns:minmax(200px,.7fr) minmax(260px,1fr) minmax(260px,1fr);align-items:start;position:static}.bones-inspector>label{grid-column:1}.bones-selected-editor{grid-area:1/2/span 3}.bones-checks{border-top:0;grid-area:1/3/span 3;padding:0}}@media (width<=820px){.bones-workspace{grid-template-columns:minmax(0,1fr)}.bones-palette{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.bones-palette>div:first-child,.bones-block-picker{grid-column:1/-1}.bones-inspector{grid-template-columns:minmax(0,1fr);display:grid}.bones-inspector>*,.bones-selected-editor,.bones-checks{grid-area:auto/1}.bones-checks{border-top:1px solid var(--border,#2b3242);padding-top:16px}.bones-stage{min-height:560px}}@media (width<=620px){.bones-header{padding:16px}.bones-main{width:calc(100% - 28px);padding-top:22px}.bones-intro{flex-direction:column;align-items:flex-start}.bones-intro>button{justify-content:center;align-self:stretch}.bones-identity{align-items:flex-start}.bones-identity>span{border-radius:14px;width:48px;height:48px}.bones-palette{grid-template-columns:minmax(0,1fr)}.bones-palette>div:first-child,.bones-block-picker{grid-column:1}.bones-stage{min-height:480px;padding:20px 10px 28px}.bones-device-tablet,.bones-device-mobile{max-width:100%}.bones-block{grid-template-columns:32px minmax(0,1fr)}.bones-block>:last-child{grid-column:2;width:100%}.bones-export{flex-direction:column;align-items:stretch}.bones-export>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.bones-export button{justify-content:center;padding-inline:7px}}@media (prefers-reduced-motion:reduce){.bones-device{transition:none}}