/* LaunchStudio UI theme. Poster colors are controlled by the document. */
:root{--accent:#007aff;--accent-hover:#0062cc;--accent-soft:#e8f2ff;--ui-bg:#f5f5f7;--ui-panel:#fff;--ui-text:#1d1d1f;--ui-secondary:#6e6e73;--ui-border:#d2d2d7;--ui-danger:#ff3b30}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;color:var(--ui-text);background:var(--ui-bg)}
button{border-color:var(--ui-border);border-radius:10px;transition:background-color .15s,color .15s,border-color .15s; font-weight:500}
button:hover:not(:disabled){border-color:var(--accent);background:#f0f6ff}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #007aff55;outline-offset:2px}
input,select,textarea{accent-color:var(--accent)}
input:not([type=range]):not([type=color]),textarea,select{border-color:var(--ui-border);color:var(--ui-text);border-radius:10px}
.primary,.dialog-actions .primary,.editor-toolbar .editor-export,.text-add,.home-empty button{background:var(--accent);color:white;border:0;border-radius:999px}
.primary:hover:not(:disabled),.dialog-actions .primary:hover:not(:disabled),.editor-toolbar .editor-export:hover:not(:disabled),.text-add:hover:not(:disabled){background:var(--accent-hover);color:white}
.active,.manual-mode nav .active,.tool-rail .active,.template-subnav button.active,.floating-text-toolbar .active,.layer-row.active{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--accent)!important}
nav .active em,.manual-mode nav .active em{background:var(--accent);color:white}
.editor-toolbar{background:#ffffffed;border-bottom:1px solid #e5e5ea}
.editor-brand span{color:var(--ui-secondary)}
.editor-toolbar .history-icons button,#backToWorkbench{color:var(--accent)}
.tool-rail{background:#f5f5f7;border-color:#e5e5ea}
.tool-rail button{color:var(--ui-secondary);border-radius:12px}
.tool-rail i svg{width:23px;height:23px;display:block}
.tool-sidebar{background:var(--ui-panel);border-color:#e5e5ea}
.tool-sidebar h3,label,.note{color:var(--ui-secondary)}
.tool-sidebar .upload,.center-information .upload{background:#f5f9ff;border-color:#b8d8ff;color:var(--accent)}
.center-information{background:var(--ui-bg)}
.template-subnav{background:#f2f2f7;border-radius:10px;padding:3px;gap:3px}
.template-subnav button{border:0;border-radius:8px;background:transparent}
.template-subnav button.active{background:white!important;box-shadow:0 1px 4px #0002;border:0}
.floating-text-toolbar,.floating-image-toolbar,.floating-page-toolbar{background:#fffffff5;border:1px solid #e5e5ea;box-shadow:0 4px 18px #00000012;border-radius:14px}
.floating-text-toolbar button,.floating-image-toolbar button{border-radius:7px}
.element-mini-tools button{color:var(--accent)}
#deleteLayer,.element-mini-tools [data-mini=delete]{color:var(--ui-danger)}
.page-card.selected .page-label{color:#0a84ff}
.page-card.selected canvas,.edit-focused .page-card.editing-page canvas{outline-color:#0a84ff}
.store-preview-heading button{color:#0a84ff;background:#2c2c2e;border-color:#48484a;border-radius:999px}
.editor-canvas .zoom-bar{background:#1c1c1e;border-color:#38383a}
.editor-canvas .zoom-bar button{color:#0a84ff}
#workbenchHome{background:var(--ui-bg);color:var(--ui-text)}
.home-nav{background:#f5f5f7;border-color:#e5e5ea}
.home-logo{color:var(--ui-text)}
.home-logo svg{color:var(--accent)}
.home-nav button.selected,.home-nav button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}
.home-notice{background:var(--accent-soft);color:var(--accent);border-color:#dceaff}
.home-notice button,.home-heading button{color:var(--accent)}
.home-hero{background:#fff;border:1px solid #e5e5ea;border-radius:24px}
.home-hero h1{font-weight:700;letter-spacing:-1px}
.home-categories button{border-radius:14px;border-color:#e5e5ea;background:#f5f5f7}
.home-categories button svg{color:var(--accent)}
.home-tabs button[aria-selected=true],.home-filters button.selected{background:var(--accent-soft);color:var(--accent);border-color:transparent;border-radius:999px}
.home-template-card,.home-draft-card{border-radius:18px;border-color:#e5e5ea;box-shadow:0 2px 8px #00000005;overflow:hidden}
.home-upgrade{background:#edf5ff;border-radius:16px}
.home-section h2{font-weight:700;letter-spacing:-.3px}
#templateDialog{border-radius:22px;box-shadow:0 20px 70px #0003;border:1px solid #e5e5ea}
/* Landing page action colors. */
.sh-home a.bg-gray-900,.sh-home button.bg-gray-900{background:var(--accent);border-radius:999px}
.sh-hero h1{font-family:inherit!important;letter-spacing:-1.5px}
.sh-hero__lede .hero-audience{background:linear-gradient(transparent 65%,#e8f2ff 65%,#e8f2ff 92%,transparent)}

.editor-shell{position:relative}
.editor-shell>.collapse-sidebar{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:30;display:flex;width:28px;height:48px;margin:0;padding:0;border:1px solid #e5e5ea;border-radius:999px;background:#fff;color:#1d1d1f;box-shadow:0 3px 10px #00000018}
.editor-shell>.collapse-sidebar:hover{background:#f5f9ff;color:#007aff}
.collapse-sidebar svg{width:18px;height:18px}
.sidebar-collapsed>.collapse-sidebar svg{transform:rotate(180deg)}
.information-mode .collapse-sidebar{display:none}

/* Transparent Apple mockup previews. */
.apple-template-preview{display:flex;position:relative;align-items:center;justify-content:center;height:160px;width:100%;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 50% 60%,#bdd0f1,transparent 70%),#eaf0f8;}
.apple-template-preview img{object-fit:contain;width:94%;height:90%;}
.apple-template-preview img.iphone-black{width:58%;}
.apple-template-preview:has(img+img) img.macbook-black{position:absolute;width:94%;height:70%;left:0;bottom:8%;}
.apple-template-preview:has(img+img) img.iphone-black{position:absolute;width:30%;height:65%;right:7%;bottom:7%;}
.apple-template-card:disabled{opacity:.55;cursor:wait;}
.home-template-card .apple-template-preview{height:220px;}

.device-category-bar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding-top:2px;}
.device-category-chip{position:relative;display:inline-flex;}
.device-category-chip .device-category-toggle{border:1px solid #e4e7ee;border-radius:999px;background:#f5f6f9;color:#666f7e;padding:7px 8px;font-size:11px;line-height:18px;transition:background .15s,border-color .15s,color .15s;}
.device-category-chip.is-selected .device-category-toggle{border-color:#3078f6;background:#eaf2ff;color:#2366db;box-shadow:0 0 0 1px #3078f620;}
.device-category-chip .device-category-toggle:hover{border-color:#90b5f8;}
.device-category-chip .device-category-remove{position:absolute;z-index:1;right:-5px;top:-5px;width:18px;height:18px;padding:0;border:1px solid #fff;border-radius:50%;background:#3078f6;color:#fff;font-size:14px;line-height:14px;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .12s;}
.device-category-chip.is-selected:hover .device-category-remove,.device-category-chip.is-selected:focus-within .device-category-remove{opacity:1;pointer-events:auto;}
.device-category-chip button:focus-visible{outline:2px solid #3078f6;outline-offset:3px;}
.layout-schematic>img{display:block;width:100%;height:auto;border:0;border-radius:0;}
.layout-home-card .layout-schematic>img{width:100%;height:auto;}
.layout-device-thumbnail{display:block;overflow:hidden;border-radius:8px;margin-bottom:8px;}
.layout-device-thumbnail img{display:block;width:100%;height:auto;}

.editor-toolbar .history-icons{margin:0 0 0 8px;padding-left:14px;border-left:1px solid #d2d2d7;flex-shrink:0;align-items:center}.editor-toolbar .editor-logo{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;flex-shrink:0}
.center-information .product-screenshot-dropzone{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:24px;border:1px dashed #aacbff;border-radius:14px;transition:background .15s,border-color .15s;}
.product-screenshot-dropzone .screenshot-upload-icon{font-size:28px;line-height:30px;color:#0959ff;}
.product-screenshot-dropzone strong{font-size:14px;font-weight:600;color:#0959ff;}
.product-screenshot-dropzone .upload-instruction{font-size:12px;color:#8490a3;}
.product-screenshot-dropzone .upload-recommendation{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11px;color:#8490a3;}
.product-screenshot-dropzone .screenshot-count{border-radius:999px;background:#e6efff;padding:4px 9px;color:#3974dd;font-variant-numeric:tabular-nums;}
.center-information .product-screenshot-dropzone.is-dragging{background:#e7f0ff;border-color:#0959ff;}
.product-screenshot-dropzone:focus-visible{outline:2px solid #0959ff;outline-offset:3px;}