:root{color:#172033;background:#eef1f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(230px,280px) minmax(360px,1fr) minmax(250px,300px);min-height:100vh}.panel,.device-workspace{min-width:0;padding:28px 24px}.panel{background:#fff}.app-library{border-right:1px solid #d9e0e8}.inspector{border-left:1px solid #d9e0e8}h1,h2,p,dl,dd{margin:0}h1{color:#172033;font-size:20px;font-weight:700;line-height:1.3}h2{color:#46536a;font-size:13px;font-weight:700;line-height:1.4}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.icon-button{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border:1px solid #9aa7b8;border-radius:5px;background:#fff;color:#172033;cursor:pointer;padding:0}.icon-button:hover{background:#eef1f5}.app-library__groups{display:grid;gap:22px;margin-top:22px}.app-library__selection{display:grid;gap:10px;margin-top:16px}.app-library__selected{color:#46536a;font-size:13px;line-height:1.5}.app-library__category{border-top:1px solid #e5eaf0;padding-top:14px}.app-library__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;margin-top:12px}.device-workspace{display:grid;align-content:start;justify-items:center;gap:18px;background:#eef1f5}.device-workspace>h1{justify-self:start}.device-frame{position:relative;width:min(348px,100%);border:8px solid #1c2534;background:#1c2534;box-shadow:0 18px 36px #1f293738}.device-frame--iphone{--device-icon-label-size: 11px;--home-slot-min-height: 76px;border-radius:44px;padding:12px}.device-frame--ipad{--device-icon-label-size: 13px;--home-slot-min-height: 76px;width:min(680px,100%);border-radius:32px;padding:12px}.device-frame__camera{position:absolute;z-index:1;top:14px;left:50%;width:78px;height:18px;transform:translate(-50%);border-radius:0 0 12px 12px;background:#1c2534}.device-frame--ipad .device-frame__camera{top:9px;width:9px;height:9px;border:2px solid #324057;border-radius:50%}.device-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;min-height:604px;overflow:hidden;border-radius:30px;background:#c9ddec;padding:16px 14px 14px}.device-frame--ipad .device-screen{min-height:498px;border-radius:20px;padding:14px 22px 18px}.device-screen__status{display:flex;justify-content:space-between;color:#172033;font-size:12px;font-weight:700;line-height:18px;padding:0 6px}.home-grid,.dock-grid{display:grid;gap:10px}.home-grid{align-content:space-between}.home-slot,.dock-slot{display:grid;min-width:0;min-height:76px}.home-slot{border:1px solid rgb(255 255 255 / 48%);border-radius:8px;background:#ffffff1f}.home-slot.is-drop-target,.dock-slot.is-drop-target{box-shadow:inset 0 0 0 2px #17203373;background:#ffffff8a}.dock-grid{border:1px solid rgb(255 255 255 / 68%);border-radius:20px;background:#ffffff7a;padding:9px}.dock-slot{min-height:70px}.home-icon{display:grid;align-content:start;justify-items:center;gap:5px;min-width:0;width:100%;border:0;border-radius:8px;background:transparent;color:#172033;cursor:pointer;padding:2px}.home-icon--static{cursor:default}.home-icon__tile{display:grid;place-items:center;width:min(54px,100%);aspect-ratio:1;border-radius:14px;color:#fff}.home-icon__tile--folder{background:#ffffff9e;box-shadow:inset 0 0 0 1px #17203324;padding:7px}.home-icon__folder-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:100%;height:100%}.home-icon__folder-preview span{min-width:0;border-radius:3px}.home-icon__folder-preview span:empty{background:#b3bfcc}.home-icon__label{display:block;width:min(100%,84px);min-height:2.4em;overflow-wrap:anywhere;color:#172033;font-size:var(--device-icon-label-size, 11px);line-height:1.2;text-align:center}.home-grid .home-icon__label,.dock-grid .home-icon__label{min-height:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-icon.is-selected .home-icon__tile{outline:3px solid #172033;outline-offset:3px}.home-icon.is-drop-target .home-icon__tile{outline:3px solid #2563eb;outline-offset:3px}.home-icon.is-dragging{cursor:grabbing;opacity:.45}.home-icon:not(.home-icon--static):hover .home-icon__tile{filter:brightness(1.06)}.home-icon:focus-visible,.page-controls button:focus-visible,.segmented-control button:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.page-controls{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.page-controls__button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cbd5df;border-radius:50%;background:#fff;color:#172033;cursor:pointer;padding:0}.page-controls__button:disabled{color:#9aa7b8;cursor:not-allowed}.page-controls__dots{display:flex;align-items:center;gap:8px}.page-controls__dot{width:10px;height:10px;border:0;border-radius:50%;background:#a7b4c4;cursor:pointer;padding:0}.page-controls__dot.is-active{background:#172033}.page-controls__current{min-width:118px;color:#46536a;font-size:13px;text-align:right}.inspector{display:grid;align-content:start;gap:22px}.inspector__section{border-top:1px solid #e5eaf0;padding-top:14px}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:12px;border-radius:7px;background:#e9eef4;padding:4px}.segmented-control button{min-height:36px;border:1px solid transparent;border-radius:5px;background:transparent;color:#46536a;cursor:pointer;padding:6px 8px}.segmented-control button.is-active{border-color:#172033;background:#172033;color:#fff}.inspector__value{margin-top:9px;color:#172033;font-size:14px;line-height:1.5}.inspector__details{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin-top:10px;color:#46536a;font-size:13px;line-height:1.5}.inspector__details dt{color:#6a7789}.inspector__actions,.inspector__folder-form{display:grid;gap:8px;margin-top:12px}.action-button,.text-button{border:1px solid #172033;border-radius:5px;background:#172033;color:#fff;cursor:pointer;font:inherit;line-height:1.35}.action-button{min-height:36px;padding:7px 10px}.action-button--with-icon{display:inline-flex;align-items:center;justify-content:center;gap:7px}.action-button--secondary{border-color:#9aa7b8;background:#fff;color:#172033}.action-button:disabled{border-color:#cbd5df;background:#e5eaf0;color:#7b8797;cursor:not-allowed}.inspector__folder-form label{color:#46536a;font-size:13px}.inspector__folder-form input{width:100%;min-height:36px;border:1px solid #9aa7b8;border-radius:5px;background:#fff;color:#172033;font:inherit;padding:7px 8px}.inspector__folder-list{display:grid;gap:7px;list-style:none;margin:14px 0;padding:0}.inspector__folder-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #e5eaf0;color:#46536a;font-size:13px;padding-bottom:7px}.text-button{flex:0 0 auto;min-height:30px;padding:4px 7px}.action-button:focus-visible,.color-input:focus-within,.color-swatch:focus-visible,.form-field input:focus-visible,.form-field select:focus-visible,.icon-button:focus-visible,.icon-picker__option:focus-visible,.text-button:focus-visible,.inspector__folder-form input:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.dialog-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;overflow-y:auto;background:#1720337a;padding:16px}.custom-app-dialog{width:min(580px,100%);max-height:calc(100vh - 32px);overflow:hidden;border:1px solid #cbd5df;border-radius:8px;background:#fff;box-shadow:0 20px 50px #17203347}.custom-app-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d9e0e8;padding:16px 18px}.custom-app-dialog__header h2{color:#172033;font-size:19px;line-height:1.3}.custom-app-form{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;max-height:calc(100vh - 101px);overflow-y:auto;padding:20px}.custom-app-form__preview{min-width:0;padding-top:24px}.custom-app-form__preview .home-icon__tile{width:58px}.custom-app-form__preview .home-icon__label{font-size:12px}.custom-app-form__fields{display:grid;gap:16px;min-width:0}.form-field{display:grid;gap:7px;color:#46536a;font-size:13px;font-weight:700}.form-field input,.form-field select{width:100%;min-height:38px;border:1px solid #9aa7b8;border-radius:5px;background:#fff;color:#172033;font:inherit;font-weight:400;padding:7px 9px}.form-fieldset{min-width:0;margin:0;border:0;padding:0}.form-fieldset legend{margin-bottom:8px;color:#46536a;font-size:13px;font-weight:700}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:30px;height:30px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #9aa7b8;cursor:pointer;padding:0}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 3px #172033}.color-input{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid #9aa7b8;border-radius:5px;color:#46536a;cursor:pointer;font-size:12px;padding:3px 6px}.color-input input{width:24px;height:22px;border:0;background:transparent;cursor:pointer;padding:0}.icon-picker{display:grid;grid-template-columns:repeat(8,36px);gap:7px}.icon-picker__option{display:grid;place-items:center;width:36px;height:36px;border:1px solid #cbd5df;border-radius:5px;background:#fff;color:#46536a;cursor:pointer;padding:0}.icon-picker__option:hover{border-color:#7b8797;background:#eef1f5}.icon-picker__option[aria-pressed=true]{border-color:#172033;background:#172033;color:#fff}.custom-app-dialog__actions{display:flex;grid-column:1 / -1;justify-content:flex-end;gap:8px;border-top:1px solid #e5eaf0;padding-top:16px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);padding:0;white-space:nowrap}.notice{border-left:3px solid #4f8ad8;background:#edf5ff;color:#234b77;font-size:13px;line-height:1.5;padding:9px 10px}.notice--warning{border-left-color:#bc7a1a;background:#fff7e8;color:#87500b}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.app-library,.inspector{border:0;border-bottom:1px solid #d9e0e8}.app-library__grid{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}.inspector{grid-template-columns:repeat(3,minmax(0,1fr))}.inspector>h1{grid-column:1 / -1}}@media(max-width:620px){.panel,.device-workspace{padding:22px 16px}.device-screen{min-height:560px;padding:16px 10px 12px}.device-frame{--home-slot-min-height: 70px}.device-frame--ipad .device-screen{min-height:462px;padding:14px 10px 12px}.home-grid,.dock-grid{gap:6px}.home-slot{min-height:70px}.home-icon__tile--folder{padding:5px}.page-controls{flex-wrap:wrap}.page-controls__current{width:100%;text-align:center}.inspector{grid-template-columns:1fr}.custom-app-form{grid-template-columns:1fr;gap:16px;padding:16px}.custom-app-form__preview{width:88px;padding-top:0}.icon-picker{grid-template-columns:repeat(6,36px)}}@media(max-width:360px){.icon-picker{grid-template-columns:repeat(5,36px)}.device-frame--ipad{--device-icon-label-size: 9px;--home-slot-min-height: 64px;border-width:4px;border-radius:20px;padding:6px}.device-frame--ipad .device-frame__camera{top:6px}.device-frame--ipad .device-screen{gap:8px;min-height:430px;padding:12px 6px 8px}.device-frame--ipad .home-grid{gap:4px}.device-frame--ipad .home-grid .home-icon{gap:2px;padding:0}.device-frame--ipad .home-grid .home-icon__label{width:100%;min-height:1.2em;overflow:visible;color:#172033;font-size:7px;text-overflow:clip;white-space:nowrap}.device-frame--ipad .dock-grid{gap:3px;padding:3px}.device-frame--ipad .dock-slot{min-height:46px}.device-frame--ipad .dock-grid .home-icon{gap:0;padding:0}.device-frame--ipad .dock-grid .home-icon__tile{width:min(42px,100%);border-radius:11px}.device-frame--ipad .dock-grid .home-icon__label{display:none}}