.nyra-ipad{box-sizing:border-box;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1c1c1e;background:var(--ipad-bg)}.nyra-ipad *{box-sizing:border-box}.nyra-ipad .nyra-ipad-icon{display:block;width:20px;height:20px}.nyra-ipad.ipad-theme-dark{--ipad-surface:#1c1c1e!important;--ipad-bg:#000!important;color:#f2f2f7}.nyra-ipad.ipad-state-disabled{opacity:.38}.nyra-ipad.ipad-state-focused{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--ipad-tint) 68%,transparent)}.ipad-screen,.ipad-empty-content{position:relative;background:var(--ipad-bg)}.ipad-empty-content{width:100%;height:100%}.ipad-device-frame{position:relative;padding:14px;border-radius:38px;background:#151519;box-shadow:inset 0 0 0 2px #48484d}.ipad-device-frame>.ipad-empty-content{border-radius:25px}.ipad-camera{position:absolute;z-index:3;top:6px;left:50%;width:6px;height:6px;border-radius:50%;background:#36363a;transform:translateX(-50%)}.ipad-safe-overlay{position:absolute;z-index:2;inset:38px 30px;border:2px dashed #ff9f0a;border-radius:12px;pointer-events:none}.ipad-safe-area{position:relative;border:2px dashed #ff9f0a;background:color-mix(in srgb,#ff9f0a 5%,transparent)}.ipad-safe-area>span{position:absolute;top:8px;left:10px;padding:2px 6px;border-radius:5px;color:#7a3d00;background:#fff3d6;font-size:11px;font-weight:700}.ipad-safe-area>i{position:absolute;inset:7%;border:1px dashed color-mix(in srgb,#ff9f0a 60%,transparent)}.ipad-sidebar-pane{height:100%;padding:14px 10px;background:color-mix(in srgb,var(--ipad-surface) 75%,var(--ipad-bg));border-right:1px solid color-mix(in srgb,currentColor 14%,transparent)}.ipad-sidebar-pane header{display:flex;align-items:center;gap:9px;padding:8px 10px 15px;font-size:18px}.ipad-sidebar-pane>div{display:flex;align-items:center;gap:10px;height:43px;padding:0 10px;border-radius:9px}.ipad-sidebar-pane>div span{flex:1}.ipad-sidebar-pane>div small{color:#8e8e93}.ipad-sidebar-pane>div.selected{color:#fff;background:var(--ipad-tint)}.ipad-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#8e8e93;background:var(--ipad-surface)}.ipad-placeholder>span{padding:8px 12px;border:1px dashed #c7c7cc;border-radius:8px;font-size:12px}.ipad-columns{display:grid}.ipad-columns.two{grid-template-columns:var(--ipad-sidebar) 1fr}.ipad-columns.three{grid-template-columns:var(--ipad-sidebar) 1fr var(--ipad-detail)}.ipad-columns.three>.ipad-placeholder+.ipad-placeholder{border-left:1px solid #c7c7cc}.ipad-size-compact.ipad-columns.three{grid-template-columns:42% 58%}.ipad-size-compact.ipad-columns.three>.ipad-placeholder:last-child{display:none}.ipad-master-detail{display:grid;grid-template-columns:var(--ipad-sidebar) 1fr}.ipad-master-detail>section:first-child{background:var(--ipad-surface);border-right:1px solid #c7c7cc}.ipad-master-detail header{display:flex;align-items:center;gap:8px;height:56px;padding:0 14px;border-bottom:1px solid #c7c7cc}.ipad-master-detail header b{flex:1}.ipad-master-detail>section>div{display:grid;grid-template-columns:1fr auto;gap:3px;padding:11px 13px;border-bottom:1px solid #e5e5ea}.ipad-master-detail>section>div small{grid-column:1;color:#8e8e93}.ipad-master-detail>section>div svg{grid-row:1/3;grid-column:2;align-self:center}.ipad-master-detail>section>div.selected{color:#fff;background:var(--ipad-tint)}.ipad-size-compact.ipad-master-detail{grid-template-columns:1fr}.ipad-size-compact.ipad-master-detail>.ipad-placeholder{display:none}.ipad-split-view{display:grid;grid-template-columns:1fr 12px 1fr}.ipad-split-view>section{min-width:0}.ipad-split-divider{display:grid;place-items:center;background:#111}.ipad-split-divider b{width:4px;height:34px;border-radius:4px;background:#fff}.ipad-slide-over{position:relative}.ipad-slide-over>aside{position:absolute;top:4%;right:4%;bottom:4%;width:40%;padding:8px;border-radius:20px;background:var(--ipad-surface);box-shadow:0 18px 50px #0005}.ipad-slide-over>aside>i{display:block;width:38px;height:5px;margin:0 auto 7px;border-radius:4px;background:#c7c7cc}.ipad-size-compact.ipad-slide-over>aside{width:74%}.ipad-window{border:1px solid #a7a7ad;border-radius:18px;background:var(--ipad-surface);box-shadow:0 18px 44px #0003}.ipad-window header{display:flex;align-items:center;gap:8px;height:48px;padding:0 14px;border-bottom:1px solid #d1d1d6}.ipad-window header>i{width:38px;height:5px;border-radius:4px;background:#8e8e93}.ipad-window header b{flex:1;text-align:center}.ipad-window main{height:calc(100% - 48px)}.ipad-stage{position:relative;display:grid;grid-template-columns:88px 1fr;padding:18px 18px 96px 8px;background:linear-gradient(135deg,#4361a9,#8b5ca7)}.ipad-stage>aside{display:grid;align-content:start;gap:12px}.ipad-stage>aside i{display:grid;width:58px;height:58px;place-items:center;border-radius:14px;color:#fff;background:#ffffff28}.ipad-stage>aside i.selected{outline:3px solid #fff}.ipad-stage>section{position:relative}.ipad-stage-window{position:absolute;border-radius:18px;background:var(--ipad-surface);box-shadow:0 18px 42px #0004}.ipad-stage-window.back{inset:6% 2% 12% 24%;opacity:.8}.ipad-stage-window.front{inset:12% 20% 2% 3%}.ipad-stage-window header{padding:15px;text-align:center}.ipad-stage>footer{position:absolute;right:18%;bottom:18px;left:18%;display:flex;justify-content:center;gap:13px;padding:10px;border-radius:22px;background:#ffffff50;backdrop-filter:blur(12px)}.ipad-stage>footer svg{width:34px!important;height:34px!important;color:#fff}.ipad-toolbar,.ipad-selection-toolbar{display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #c7c7cc;background:color-mix(in srgb,var(--ipad-surface) 88%,transparent)}.ipad-toolbar b{font-size:16px}.ipad-toolbar span,.ipad-selection-toolbar span{flex:1}.ipad-toolbar button,.ipad-selection-toolbar button,.ipad-inspector button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:9px;color:var(--ipad-tint);background:transparent}.ipad-toolbar button:hover,.ipad-toolbar button:focus{background:color-mix(in srgb,var(--ipad-tint) 14%,transparent)}.ipad-inspector{background:var(--ipad-surface);border-left:1px solid #c7c7cc}.ipad-inspector header{display:flex;align-items:center;height:52px;padding:0 12px;border-bottom:1px solid #c7c7cc}.ipad-inspector header b{flex:1}.ipad-inspector section{padding:14px;border-bottom:1px solid #e5e5ea}.ipad-inspector section>b{font-size:12px}.ipad-inspector label{display:flex;align-items:center;gap:10px;margin-top:12px}.ipad-inspector label span{flex:1}.ipad-inspector em{font-style:normal;color:#8e8e93}.ipad-toggle{width:42px;height:25px;border-radius:14px;background:#34c759}.ipad-toggle b{display:block;width:21px;height:21px;margin:2px 2px 2px auto;border-radius:50%;background:#fff}.ipad-popover{position:relative;padding:16px;border-radius:16px;background:var(--ipad-surface);box-shadow:0 12px 34px #0004}.ipad-popover>i{position:absolute;top:-9px;left:42px;width:18px;height:18px;background:var(--ipad-surface);transform:rotate(45deg)}.ipad-popover header{display:flex;align-items:center}.ipad-popover header b{flex:1}.ipad-popover p{color:#8e8e93}.ipad-popover button,.ipad-context-menu button,.ipad-command-menu button{width:100%;min-height:42px;border:0;border-top:1px solid #e5e5ea;color:inherit;background:transparent;text-align:left}.ipad-context-menu,.ipad-command-menu{padding:7px;border-radius:14px;background:var(--ipad-surface);box-shadow:0 12px 34px #0004}.ipad-context-menu button,.ipad-command-menu button{display:flex;align-items:center;justify-content:space-between;padding:0 10px}.ipad-command-menu header{display:flex;align-items:center;gap:9px;height:48px;padding:0 10px;border-bottom:1px solid #c7c7cc}.ipad-command-menu header span{flex:1;color:#8e8e93}.ipad-command-menu button span{display:flex;align-items:center;gap:9px}.nyra-ipad kbd{padding:2px 6px;border:1px solid #c7c7cc;border-radius:5px;color:#636366;background:var(--ipad-bg);font:11px inherit}.ipad-multiselect{background:var(--ipad-surface)}.ipad-multiselect header{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #c7c7cc}.ipad-multiselect header small{color:var(--ipad-tint)}.ipad-multiselect label{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;border-bottom:1px solid #e5e5ea}.ipad-multiselect label>i{display:grid;width:24px;height:24px;place-items:center;border:1px solid #c7c7cc;border-radius:50%;font-style:normal}.ipad-multiselect label.selected>i{border-color:var(--ipad-tint);color:#fff;background:var(--ipad-tint)}.ipad-multiselect label span{flex:1}.ipad-dock{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;border:1px solid #ffffff80;border-radius:24px;background:#ffffff66;backdrop-filter:blur(13px)}.ipad-dock>i{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;color:#fff;background:var(--ipad-tint)}.ipad-dock>i.selected{transform:translateY(-7px);box-shadow:0 8px 14px #0003}.ipad-dock svg{width:27px!important;height:27px!important}.ipad-pointer-demo{position:relative;display:grid;place-items:center;align-content:center;gap:12px}.ipad-pointer-demo button{display:flex;align-items:center;gap:8px;padding:10px 18px;border:0;border-radius:11px;color:#fff;background:var(--ipad-tint)}.ipad-pointer-demo button.focused{box-shadow:0 0 0 8px color-mix(in srgb,var(--ipad-tint) 20%,transparent);transform:scale(1.04)}.ipad-pointer-demo small{color:#8e8e93}.ipad-pointer-shape{position:absolute;right:18%;bottom:16%;width:18px;height:24px;background:#fff;clip-path:polygon(0 0,0 100%,27% 73%,47% 100%,62% 91%,43% 65%,78% 64%);filter:drop-shadow(0 1px 2px #000)}.ipad-focus-demo{display:flex;align-items:center;justify-content:center;gap:12px}.ipad-focus-demo button{padding:9px 14px;border:1px solid #c7c7cc;border-radius:9px;background:var(--ipad-surface)}.ipad-focus-demo button.focused{outline:3px solid var(--ipad-tint);outline-offset:3px}.ipad-pencil-palette{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #c7c7cc;border-radius:18px;background:var(--ipad-surface);box-shadow:0 10px 25px #0003}.ipad-pencil-palette button{display:grid;width:39px;height:39px;place-items:center;border:0;border-radius:9px;color:inherit;background:transparent}.ipad-pencil-palette button.selected{color:#fff;background:var(--ipad-tint)}.ipad-pencil-palette>i{width:26px;height:26px;border:5px solid #fff;border-radius:50%;background:var(--pencil-color);box-shadow:0 0 0 1px #8e8e93}.ipad-pencil-palette input{min-width:70px;flex:1;accent-color:var(--ipad-tint)}.ipad-drawing{position:relative;background-color:var(--ipad-surface);background-image:linear-gradient(#d1d1d633 1px,transparent 1px),linear-gradient(90deg,#d1d1d633 1px,transparent 1px);background-size:24px 24px}.ipad-drawing svg{width:100%;height:100%;fill:none;stroke:#1c1c1e;stroke-width:5;stroke-linecap:round}.ipad-drawing path.accent{stroke:var(--ipad-tint);stroke-width:8}.ipad-drawing>i{position:absolute;right:12%;bottom:18%;color:var(--ipad-tint);transform:rotate(-25deg)}.ipad-drag-drop{display:grid;grid-template-columns:1fr 44px 1fr;align-items:stretch;padding:16px;gap:8px}.ipad-drag-drop>section{padding:12px;border:1px solid #c7c7cc;border-radius:14px;background:var(--ipad-surface)}.ipad-drag-drop>section>b{display:block;margin-bottom:8px}.ipad-drag-drop section>div{display:flex;align-items:center;gap:8px;padding:9px;border-bottom:1px solid #e5e5ea}.ipad-drag-drop>i{display:grid;place-items:center;color:var(--ipad-tint)}.ipad-drag-drop .target{border:2px dashed var(--ipad-tint)}.ipad-drag-drop .dragging{border:0;border-radius:9px;color:#fff;background:var(--ipad-tint);box-shadow:0 8px 20px #0003;transform:translate(-22px,18px) rotate(2deg)}.ipad-keyboard{padding:8px 6px;background:#c7c9cf}.ipad-keyboard>div,.ipad-keyboard footer,.ipad-keyboard section>div,.ipad-keyboard section footer{display:flex;justify-content:center;gap:6px;margin:6px 0}.ipad-keyboard button{flex:1;min-width:20px;max-width:58px;height:42px;border:0;border-radius:6px;background:#fff;box-shadow:0 1px 2px #0005}.ipad-keyboard button.space{max-width:none}.ipad-keyboard footer button:first-child,.ipad-keyboard footer button:last-child{max-width:92px;background:#aeb2ba}.ipad-keyboard.split{display:grid;grid-template-columns:1fr 1fr;gap:14%;align-content:end}.ipad-keyboard.split section:first-child{clip-path:inset(0 25% 0 0)}.ipad-keyboard.split section:last-child{clip-path:inset(0 0 0 25%)}.ipad-keyboard.floating{border-radius:14px;box-shadow:0 12px 28px #0004}.ipad-keyboard.floating>i{display:block;width:48px;height:5px;margin:6px auto 0;border-radius:4px;background:#636366}.ipad-selection-toolbar b{color:var(--ipad-tint)}.ipad-resize-preview{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;padding:18px;gap:8px}.ipad-resize-preview>section{display:grid;place-items:center;gap:8px}.ipad-resize-preview>section>i{display:block;width:64%;height:130px;border:7px solid #1c1c1e;border-radius:13px;background:var(--ipad-surface)}.ipad-resize-preview>section.wide>i{width:94%;height:100px}.ipad-resize-preview>section span{color:#8e8e93}.ipad-resize-preview>b{color:var(--ipad-tint)}.ipad-adaptive{position:relative;display:grid;grid-template-rows:54px 1fr;background:var(--ipad-surface)}.ipad-adaptive>header{display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid #c7c7cc}.ipad-adaptive>header b{flex:1}.ipad-adaptive>aside{position:absolute;inset:54px auto 0 0;width:var(--ipad-sidebar)}.ipad-adaptive>main{padding-left:var(--ipad-sidebar)}.ipad-size-compact.ipad-adaptive>aside{display:none}.ipad-size-compact.ipad-adaptive>main{padding-left:0}@media(max-width:720px){.ipad-sidebar-pane header{font-size:15px}.ipad-columns.two{grid-template-columns:40% 60%}.ipad-toolbar b{font-size:14px}.ipad-keyboard button{height:36px;font-size:11px}}