/* A permanent dock, inspired by the local Frenkel agent. Logical properties mirror in RTL. */
.cp-present #app{margin-inline-end:60px}.cp-open #app{margin-inline-end:410px}#copilot{position:fixed;inset-block:0;inset-inline-end:0;z-index:30;width:60px}.cp-open #copilot{width:410px}.cp-face{display:inline-flex;width:44px;height:44px;flex-shrink:0;border-radius:15px;background:#edf2ff;color:#3972e8;align-items:center;justify-content:center}.cp-face svg{width:90%;height:90%}.cp-rail{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;gap:19px;padding:19px 5px;background:#fff;border-inline-start:1px solid #e4eaf4}.cp-rail:hover{background:#f1f5ff}.cp-rail-name{writing-mode:vertical-rl;font-size:13px;color:#46618e;font-weight:600}.cp-rail-expand{margin-top:auto;font-size:25px;color:#617898}.cp-unread{position:absolute;top:18px;inset-inline-end:6px;width:10px;height:10px;background:#e86da4;border:2px solid white;border-radius:50%}.cp-panel{height:100%;height:100dvh;display:flex;flex-direction:column;min-height:0;background:#f6f8ff;border-inline-start:1px solid #e1e7f3;box-shadow:0 0 25px #39548707}.cp-header{display:flex;align-items:center;gap:9px;padding:17px 16px;background:#fff;border-bottom:1px solid #e9edf6;flex:none}.cp-header>div{flex:1;min-width:0}.cp-header strong{font-size:14px;display:block}.cp-header small{display:block;font-size:11px;color:#8a94a8;margin-top:5px}.cp-header button{width:29px;height:32px;border-radius:8px;color:#647490;font-size:22px;flex:none}.cp-header button:hover{background:#edf3fc}.cp-context{padding:13px 18px;background:white;border-bottom:1px solid #e9edf6}.cp-context label{font-size:10px;color:#7d8ba4;display:block;margin-bottom:6px}.cp-context select{width:100%;border:1px solid #dce5f2;background:#fafcff;padding:9px 10px;border-radius:9px;color:#425572;font-size:12px}.cp-connected{display:block;font-size:10px;color:#8392aa;margin-top:9px}.cp-connected:before{content:'';display:inline-block;width:5px;height:5px;background:#46ae97;border-radius:50%;margin-inline-end:6px}.cp-transcript{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:19px 18px;scrollbar-width:thin}.cp-welcome{text-align:center;padding-top:18px}.cp-welcome>.cp-face{width:105px;height:105px;border-radius:33px;transform:rotate(-6deg);background:linear-gradient(145deg,#e5ecff,#eee8ff);box-shadow:0 10px 25px #7391df15;margin:6px auto 25px}.cp-kicker{display:block;font-size:8px;letter-spacing:2px;color:#9aa7bd;margin-bottom:12px}.cp-welcome h2{font-size:23px;line-height:1.4;color:#2f4268;letter-spacing:-.7px}.cp-welcome>p{font-size:12px;line-height:1.8;color:#8090aa;max-width:280px;margin:12px auto 24px}.cp-suggestions{display:grid;gap:8px}.cp-suggestions button{display:flex;align-items:center;gap:12px;text-align:start;background:#fff;padding:13px 14px;border:1px solid #e1e8f6;border-radius:12px;font-size:12px;color:#526886;box-shadow:0 3px 6px #66799e04}.cp-suggestions button span{color:#7995e8;font-size:19px}.cp-suggestions button b{margin-inline-start:auto;color:#a4b1c5;font-size:14px}.cp-suggestions button:hover{border-color:#8cafff;background:#fbfcff}.cp-footer{flex:none;padding:12px 16px 11px;background:#fff;border-top:1px solid #e6ebf6}.cp-model{display:flex;align-items:center;gap:8px;font-size:10px;color:#8491a7;margin-bottom:9px;min-height:23px}.cp-model select{background:#f7f9fd;border:1px solid #e7edf6;border-radius:5px;color:#4e6484;font-size:11px;max-width:180px;padding:3px}.cp-model>span{direction:ltr}#cp-composer{border:1px solid #dce4f3;border-radius:13px;background:#fafcff;box-shadow:0 4px 12px #44679905;padding:10px}#cp-input{width:100%;resize:vertical;min-height:58px;max-height:140px;border:0;background:transparent;font:inherit;font-size:13px;color:#31486f;line-height:1.7;outline:none;padding:0}#cp-input::placeholder{color:#98a5bc}#cp-composer:focus-within{border-color:#8ca9e8}#cp-composer>div{display:flex;align-items:center;justify-content:space-between;gap:10px}#cp-composer small{font-size:9px;color:#9ba8bb}#cp-composer button{background:#3976ed;color:white;border-radius:9px;width:32px;height:32px;font-size:21px}#cp-composer button:disabled{background:#dae4f5;opacity:1;color:#8ba2c8;cursor:default}.cp-help{font-size:9px;line-height:1.7;color:#8e9cb1;margin:9px 2px 0}.cp-help summary{cursor:pointer}.cp-help p{font-size:10px;padding-top:7px}.cp-message{margin:0 0 15px;max-width:100%;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.cp-message-body{padding:12px 14px;border:1px solid #e4eaf4;background:white;border-radius:14px 14px 5px 14px;white-space:normal}.cp-user{margin-inline-start:32px}.cp-user .cp-message-body{background:#eaf0ff;border-color:#e2e9fb;color:#3d5782;border-radius:14px 14px 14px 5px}.cp-message code{background:#edf1f9;border-radius:4px;padding:2px 4px;font-size:11px}.cp-actions{margin-top:7px;font-size:11px;color:#48806e;padding:8px}.cp-actions summary{cursor:pointer}.cp-proposal{background:#fff9ee;border:1px solid #f0dfbd;border-radius:11px;padding:12px;margin-top:10px}.cp-proposal>span{font-size:10px;font-weight:700;color:#a97834}.cp-proposal p{font-size:12px;margin:7px 0 10px}.cp-proposal>div{display:flex;gap:7px}.cp-proposal button,.cp-notice button,.cp-error button,.cp-transcript>button{border:1px solid #dce5f2;border-radius:7px;background:white;padding:7px 10px;font-size:11px}.cp-proposal button:first-child{background:#2d6bdf;color:white;border-color:#2d6bdf}.cp-history h3{font-size:12px;color:#788aa5;margin-bottom:15px}.cp-history button{display:block;width:100%;text-align:start;background:white;border:1px solid #e4eaf4;padding:13px;border-radius:10px;margin-bottom:8px}.cp-history strong{display:block;font-size:12px;line-height:1.5}.cp-history small{display:block;font-size:10px;color:#8796ad;margin-top:7px;overflow-wrap:anywhere}.cp-thinking{display:flex;align-items:center;gap:6px;color:#7588aa;margin:15px 0;font-size:11px}.cp-thinking .cp-face{width:33px;height:33px}.cp-thinking span[data-cp-status]{flex:1}.cp-thinking i{width:4px;height:4px;border-radius:50%;background:#87a2dc;animation:cp-breathe 1.3s infinite}.cp-thinking i:nth-last-child(2){animation-delay:.2s}.cp-thinking i:last-child{animation-delay:.4s}.cp-error,.cp-notice{font-size:12px;line-height:1.8;padding:12px;background:#fff3ef;border:1px solid #f0d8d1;border-radius:10px;color:#9f6453;margin-top:12px}.cp-notice{background:#eef3ff;color:#607ba6;border-color:#dbe6fb}.cp-notice button,.cp-error button{display:block;margin-top:9px}.cp-loading{font-size:12px;color:#8393ae;text-align:center;padding:15px}.cp-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes cp-breathe{50%{opacity:.25;transform:translateY(-2px)}}
@media(min-width:1001px) and (max-width:1450px){.cp-open .columns,.cp-open .metrics,.cp-open .two-panels{grid-template-columns:1fr}.cp-open .hero-art{display:none}.cp-open .content{padding:26px 23px}.cp-open .topbar{padding-inline:23px}.cp-open .template-grid{grid-template-columns:1fr 1fr}.cp-open .design-editors{grid-template-columns:1fr}}
@media(max-width:1000px){.cp-present #app,.cp-open #app{margin-inline-end:0}#copilot{inset: auto 18px 18px auto;width:54px;height:54px}[dir=rtl] #copilot{right:auto;left:18px}.cp-rail{border:1px solid #dce6f7;border-radius:18px;padding:4px;box-shadow:0 8px 20px #4062a42b}.cp-rail-name,.cp-rail-expand{display:none}.cp-rail .cp-face{width:43px;height:43px}.cp-open #copilot{inset:0;width:100%;height:100%;z-index:80}.cp-open{overflow:hidden}.cp-panel{border:0}.cp-header{padding-top:max(15px,env(safe-area-inset-top))}.cp-footer{padding-bottom:max(11px,env(safe-area-inset-bottom))}.cp-welcome{padding-top:0}.cp-welcome>.cp-face{width:85px;height:85px;margin-bottom:15px}.cp-welcome h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.cp-thinking i{animation:none}}