@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Telugu:wght@400;700;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;background:#090910;color:#f5f3ff;font-family:Inter,system-ui,Arial}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{display:flex;min-height:100vh}aside{width:230px;background:#12121c;border-right:1px solid #292438;padding:30px 20px;display:flex;flex-direction:column;gap:60px}.brand{font-size:22px;font-weight:900;color:#e8bd6d}.brand span{color:#fff}.nav{color:#bcb3d2;line-height:3;font-size:14px}aside small{margin-top:auto;color:#8e859c}main{flex:1;padding:38px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}header small{color:#ad7dfd;letter-spacing:2px}h1{font-size:38px;margin:8px 0}p{color:#aaa1bb}.pill{border:1px solid #6b4e8e;padding:9px 14px;border-radius:30px;font-size:11px;color:#d2a7ff}.layout{display:grid;grid-template-columns:minmax(300px,430px) minmax(320px,1fr);gap:22px}.panel{background:#151420;border:1px solid #30293e;border-radius:20px;padding:24px;min-width:0}h2{font-size:16px;margin:8px 0 20px}.upload{display:block;text-align:center;border:2px dashed #6d4c95;border-radius:14px;padding:27px;background:#21182e;color:#d7b9ff;font-weight:700;cursor:pointer}.upload input{display:none}.muted{font-size:12px;color:#a59bb4}.frames{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.frames button{background:#1b1928;border:2px solid transparent;border-radius:10px;padding:3px;color:#fff}.frames button.selected{border-color:#b179ff}.frames img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.frames small{display:block}label{display:block;font-size:13px;color:#c8c0d8;margin:15px 0}label input:not([type=file]),label select{display:block;width:100%;margin-top:8px;padding:12px;background:#222030;border:1px solid #4a405b;border-radius:10px;color:#fff}.previewtop{display:flex;align-items:center;justify-content:space-between}.previewtop span{font-size:12px;color:#a59bb4}.canvas{margin:18px auto;width:100%;max-height:65vh;max-width:470px;aspect-ratio:3/4;background-color:#21172d;background-size:cover;background-position:center;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;padding:7% 6% 4%;text-align:center;box-shadow:0 15px 35px #0007}.canvas.r9x16{aspect-ratio:9/16;max-width:340px}.canvas.r16x9{aspect-ratio:16/9;max-width:100%}.canvas strong{font-size:clamp(16px,3vw,38px);color:#ffe39b;text-shadow:2px 3px 4px #12000c;font-weight:1000;overflow-wrap:anywhere}.canvas em{font-size:clamp(10px,1.4vw,17px);font-weight:800;margin-top:16px;font-style:normal}.logoprev{margin-bottom:auto;align-self:flex-start}.logoprev img{max-width:90px;max-height:70px}.empty{margin:auto;color:#98a}.actions{display:flex;gap:10px}.actions button{flex:1;border:1px solid #6e567f;border-radius:12px;background:#292337;color:#fff;padding:14px 8px;font-weight:700}.actions .primary{background:linear-gradient(110deg,#7c3aed,#d9469d);border:0}@media(max-width:900px){aside{display:none}main{padding:20px}.layout{grid-template-columns:1fr}h1{font-size:29px}.panel{padding:18px}.canvas{max-height:550px}}:root{font-family:Plus Jakarta Sans,system-ui,sans-serif}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:radial-gradient(ellipse at 80% -10%,#38291f 0,transparent 42%),#0b0d13;color:#faf1e2}aside{background:linear-gradient(180deg,#1b1b24,#101119);border-color:#493c39;box-shadow:8px 0 45px #0004}.brand{color:#e9c787;letter-spacing:-.8px}.nav{color:#d8c7b1}.nav:first-line{color:#f8d896}aside small{color:#e9c787}main{padding:clamp(20px,3vw,44px)}header small{color:#e4bd78;letter-spacing:2px;font-weight:800}h1{letter-spacing:-1.5px}header p{color:#bdb1a7}.pill{color:#f7d89a;border:1px solid #876a42;background:#e2b66516}.panel{background:linear-gradient(145deg,#211f28,#15171f);border:1px solid #4c3d3b;box-shadow:0 20px 50px #0004}h2{color:#f5dfb1}.upload{border-color:#d3ac67;background:linear-gradient(120deg,#bb904426,#b4872410);color:#f9d79a}.upload:hover{background:#b68b4733}.frames button{background:#28242a}.frames button.selected{border-color:#efc879;box-shadow:0 0 0 2px #efc87922}label{color:#e9dcc8}label input:not([type=file]),label select{background:#14161d;border-color:#66554b}label input:focus,label select:focus{outline:2px solid #b99155}.canvas{border:1px solid #705b43;box-shadow:0 20px 55px #0008}.canvas strong{color:#ffe0a0}.canvas em{color:#fff1d4}.actions button{border-color:#8b704f;color:#f6e5ca;background:#2d2830}.actions .primary{border:0;background:linear-gradient(115deg,#b88a43,#f3d69c);color:#261a0c;box-shadow:0 7px 22px #bd8f4033}.actions .primary:hover{box-shadow:0 10px 30px #bd8f4066}button{transition:transform .18s,box-shadow .18s}button:not(:disabled):hover{transform:translateY(-2px)}@media(max-width:480px){header{align-items:flex-start}.pill{font-size:9px;padding:8px}.actions{flex-direction:column}}.templategrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.templatecard{display:flex;align-items:center;gap:12px;min-height:75px;border:1px solid #705849;border-radius:13px;padding:13px;text-align:left;color:#f6e6cf}.templatecard span{font-size:26px;font-weight:900;line-height:1}.templatecard small{font-size:11px;font-weight:800}.templatecard.active{border-color:#f4d390;box-shadow:0 0 0 2px #e7bf6b44}.templatecard:hover{border-color:#f4d390}.offerprev{display:inline-block;margin-top:12px;padding:7px 15px;border:2px solid #ffe777;border-radius:14px;color:#fff;font-weight:900;box-shadow:0 3px 12px #0008}.canvas strong{font-family:Noto Sans Telugu,Plus Jakarta Sans,sans-serif;line-height:1.25;-webkit-text-stroke:.5px #411012}.templategrid{grid-template-columns:repeat(2,minmax(0,1fr))}.templatecard.active{outline:2px solid #f3d176;outline-offset:1px}.upload+.upload{margin-top:10px}.layoutgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0 24px}.layoutgrid button{background:#25202a;color:#f6e5c7;border:1px solid #665243;border-radius:12px;padding:9px 5px;font-size:11px;font-weight:750}.layoutgrid button.active,.editmodes button.active{border-color:#f1c574;background:#554029}.layoutmock{position:relative;display:block;width:52px;height:72px;margin:0 auto 7px;border-radius:5px;background:linear-gradient(135deg,#765043,#221a28);overflow:hidden}.layoutmock i,.layoutmock b{position:absolute;transform:translate(-50%,-50%);border-radius:3px}.layoutmock i{width:35px;height:7px;background:#ffe578;border:1px solid #8b2514}.layoutmock b{width:23px;height:10px;background:#d92524;border:1px solid #ffe578}.previewstage{position:relative;margin:16px auto;width:min(100%,470px);aspect-ratio:3/4;border:1px solid #8a6748;border-radius:13px;overflow:hidden;background:#211a25;box-shadow:0 20px 55px #0008}.previewstage.r9x16{aspect-ratio:9/16;width:min(100%,340px)}.previewstage.r16x9{aspect-ratio:16/9;width:100%}.rendercanvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.rendercanvas:active{cursor:grabbing}.emptyhint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;color:#c8b2a0;padding:20px;pointer-events:none}.editmodes{display:flex;flex-wrap:wrap;gap:8px}.editmodes button{border:1px solid #6f5949;background:#2b2530;border-radius:9px;color:#f4dfbd;padding:9px 12px;font-weight:700;font-size:12px}label textarea{display:block;width:100%;margin-top:8px;padding:12px;background:#14161d;border:1px solid #66554b;border-radius:10px;color:#fff;font:inherit;resize:vertical}label input[type=range]{width:100%;accent-color:#e9bc73;display:block;margin-top:10px}label.check{display:flex;align-items:center;gap:10px}.frames img{object-fit:contain;background:#131119}@media(max-width:500px){.layoutgrid{grid-template-columns:repeat(3,1fr)}.editmodes button{flex:1}.previewstage{max-height:none}}.apple-app{--ink:#1d1d1f;--muted:#73737a;--hairline:#e5e5ea;--surface:#fff;--blue:#007aff;--tint:#f5f5f7;background:#f5f5f7;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Plus Jakarta Sans,sans-serif}.apple-app aside{width:222px;flex:none;background:#fbfbfd;border-right:1px solid #e5e5e9;box-shadow:none;padding:28px 14px;gap:34px;position:sticky;top:0;height:100vh}.apple-app .brand{color:#17171a;letter-spacing:-.8px;font-size:21px;padding:0 12px;display:flex;align-items:center;gap:7px}.apple-app .brand>span:not(.brandicon){color:#17171a}.apple-app .brandicon{background:#17171a;color:#fff;border-radius:11px;display:grid;place-items:center;width:34px;height:34px;font-size:21px}.apple-app .nav{display:flex;flex-direction:column;gap:5px;line-height:normal}.apple-app .nav button{background:transparent;border:0;text-align:left;border-radius:11px;padding:13px 15px;font-weight:700;color:#71717a;display:flex;gap:12px;align-items:center;font-size:14px}.apple-app .nav button.navactive{background:#e9e9ef;color:#17171a}.apple-app .nav button:hover{background:#ededf1}.apple-app .sidefoot{margin-top:auto;padding:12px;font-size:11px;color:#6f6f77;line-height:1.6}.apple-app .sidefoot small{display:block;margin-left:17px;color:#92929a}.apple-app .statusdot{display:inline-block;width:8px;height:8px;background:#32c56c;border-radius:50%;margin-right:7px}.apple-app main{padding:35px clamp(20px,3.2vw,52px);max-width:1700px}.apple-app header{margin-bottom:20px;gap:15px}.apple-app header small{color:#8c8c93;font-size:10px;letter-spacing:1.5px}.apple-app h1{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-1.9px;margin:8px 0 5px}.apple-app header p{margin:0;color:#888890;font-size:13px}.apple-app .protag{font-size:12px;letter-spacing:0;color:#007aff;background:#e7f1ff;padding:5px 9px;border-radius:20px;vertical-align:middle}.apple-app .headeractions{display:flex;align-items:center;gap:10px}.apple-app .softbutton{background:#fff;border:1px solid #e1e1e6;color:#222229;padding:11px 15px;border-radius:12px;font-size:12px;font-weight:750}.apple-app .pill{background:#e9f2ff;color:#0068d9;border:0;font-size:10px;padding:10px 13px;white-space:nowrap}.apple-app .topnav{display:flex;gap:6px;border-bottom:1px solid #e4e4e8;margin-bottom:24px}.apple-app .topnav button{border:0;background:none;color:#85858d;padding:12px 17px;font-size:13px;font-weight:700;border-bottom:2px solid transparent}.apple-app .topnav button.active{color:#111116;border-bottom-color:#007aff}.apple-app .layout{grid-template-columns:minmax(310px,425px) minmax(320px,1fr);gap:22px;align-items:start}.apple-app .panel{background:#fff;border:1px solid #e8e8ed;border-radius:22px;box-shadow:0 7px 30px #15152308;padding:23px}.apple-app .panel h2{font-size:14px;font-weight:800;color:#222228;margin:0}.apple-app .sectionhead{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px;padding-top:21px;border-top:1px solid #eeeeef}.apple-app .controls>.sectionhead:first-child{margin-top:0;padding-top:0;border-top:0}.apple-app .sectionhead span{font-size:11px;color:#9999a1}.apple-app .upload{padding:16px 12px;background:#f7f8fb;border:1.5px dashed #d3d7e1;color:#3b3b44;font-size:12px;border-radius:13px;margin:9px 0}.apple-app .upload:hover{background:#eaf2ff;border-color:#8ab7ff}.apple-app .muted{color:#96969f;font-size:11px}.apple-app label{color:#65656d;font-size:12px;font-weight:650}.apple-app label input:not([type=file]),.apple-app label select,.apple-app label textarea{background:#f8f8fa;border:1px solid #e4e4e9;color:#24242b;border-radius:11px;padding:12px;font-size:13px}.apple-app label input:focus,.apple-app label select:focus,.apple-app label textarea:focus{outline:2px solid #a4ccff;border-color:#007aff}.apple-app label input[type=range]{accent-color:#007aff}.apple-app .frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:250px;overflow-y:auto}.apple-app .frames button{background:#f5f5f7;border-radius:10px;color:#6d6d75}.apple-app .frames button.selected{border-color:#007aff;box-shadow:0 0 0 1px #007aff}.apple-app .templategrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.apple-app .templatecard{min-height:66px;border-radius:13px;border:1px solid #e2e2e8;color:#fff;padding:11px}.apple-app .templatecard.active{outline:2px solid #007aff;outline-offset:2px;border-color:#007aff}.apple-app .layoutgrid button{background:#f8f8fa;color:#575761;border:1px solid #e6e6ec}.apple-app .layoutgrid button.active{border-color:#007aff;background:#eaf3ff;color:#005ac7}.apple-app .layoutmock{border:1px solid #e2e2e8}.apple-app .preview{position:sticky;top:18px}.apple-app .previewtop{align-items:center;gap:10px}.apple-app .previewtop .muted{margin:6px 0 0}.apple-app .resolution{background:#f3f3f5;color:#6c6c76;border-radius:10px;padding:9px 12px;white-space:nowrap}.apple-app .editmodes{margin:14px 0 9px}.apple-app .editmodes button{background:#f3f3f6;border:1px solid transparent;color:#55555f;border-radius:11px}.apple-app .editmodes button.active{background:#e8f2ff;border-color:#9ac5ff;color:#0064d4}.apple-app .guidetoggle{display:flex;align-items:center;gap:8px;margin:13px 0 0;font-size:11px;color:#83838c}.apple-app .guidetoggle input{accent-color:#007aff}.apple-app .previewstage{border-radius:18px;border:1px solid #e2e2e6;box-shadow:0 16px 40px #00000012;background:#f0f0f3}.apple-app .safearea{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:2px dashed #fff9;box-shadow:0 0 0 1px #0005;pointer-events:none;border-radius:8px}.apple-app .actions button{background:#f3f3f6;border:1px solid #e3e3e9;color:#24242c;border-radius:12px}.apple-app .actions .primary{background:#007aff;color:#fff;border:0;box-shadow:none}.apple-app .actions .primary:hover{background:#0066da;box-shadow:none}.apple-app .statusbar{display:flex;align-items:center;gap:3px;border-top:1px solid #efeff1;margin-top:20px;padding-top:12px}.apple-app .statusbar p{margin:0}.apple-app .textbutton{background:none;border:0;color:#007aff;font-weight:700;font-size:12px}@media(max-width:1080px){.apple-app .layout{grid-template-columns:1fr}.apple-app .preview{position:static;grid-row:1}.apple-app .previewstage{max-width:420px}.apple-app .previewstage.r9x16{max-width:310px}}@media(max-width:720px){.apple-app aside{display:none}.apple-app main{padding:18px}.apple-app header{align-items:flex-start;flex-direction:column}.apple-app .headeractions{width:100%;justify-content:space-between}.apple-app .topnav{overflow-x:auto}.apple-app .topnav button{white-space:nowrap}.apple-app .panel{padding:16px;border-radius:18px}.apple-app .resolution{font-size:10px;padding:8px}.apple-app .previewstage.r9x16{width:min(100%,300px)}}.apple-app .agentpanel{border:1px solid #dfe8f5;background:linear-gradient(150deg,#f4f8ff,#fff);border-radius:17px;padding:15px}.apple-app .agentpanel>p{color:#777e8a;font-size:12px;line-height:1.55;margin:0 0 13px}.apple-app .agentmodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.apple-app .agentmodes button{border:1px solid #e2e6ee;border-radius:12px;padding:11px;text-align:left;background:#fff;color:#222631;min-height:72px}.apple-app .agentmodes button.active{border-color:#007aff;background:#eaf3ff;box-shadow:0 0 0 1px #007aff22}.apple-app .agentmodes b{display:block;font-size:12px;margin-bottom:5px}.apple-app .agentmodes small{display:block;color:#888f9b;font-size:10px;line-height:1.4}.apple-app .agentactions{display:flex;gap:8px;margin-top:12px}.apple-app .agentactions button{flex:1;border:0;border-radius:10px;padding:11px 8px;font-weight:750;font-size:12px;background:#e8edf6;color:#253348}.apple-app .agentactions button:first-child{background:#007aff;color:#fff}.apple-app .agentreport{background:#fff;border:1px solid #e2e6ed;border-radius:12px;margin-top:12px;padding:13px}.apple-app .agentreport strong{display:block;color:#222631;font-size:13px}.apple-app .agentreport small{display:block;color:#8a8f99;font-size:10px;margin:4px 0 10px}.apple-app .agentreport p{font-size:11px;color:#555d6c;line-height:1.45;margin:7px 0}.apple-app .assistantbox{background:#f6f8fc;border:1px solid #e2e7f0;border-radius:16px;padding:12px}.apple-app .assistantmessages{display:flex;flex-direction:column;gap:8px;max-height:245px;overflow-y:auto;padding:4px}.apple-app .assistantbubble{font-size:12px;line-height:1.5;padding:10px 12px;border-radius:13px;max-width:93%;white-space:pre-wrap;overflow-wrap:anywhere}.apple-app .assistantbubble.assistant{background:#fff;color:#3d4452;align-self:flex-start;border:1px solid #e7e9f0}.apple-app .assistantbubble.user{background:#007aff;color:#fff;align-self:flex-end}.apple-app .assistantprompts{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.apple-app .assistantprompts button{border:1px solid #d9e2f1;background:#fff;border-radius:20px;color:#3e526e;padding:7px 9px;font-size:10px;font-weight:650}.apple-app .assistantform{display:flex;gap:7px}.apple-app .assistantform input{min-width:0;flex:1;border:1px solid #dce2ed;border-radius:10px;background:#fff;padding:12px;color:#232936;font-size:12px}.apple-app .assistantform button{border:0;background:#007aff;color:#fff;border-radius:10px;padding:0 13px;font-weight:750;font-size:12px}.apple-app .assistantbox>small{display:block;color:#9198a4;font-size:10px;margin-top:10px;line-height:1.4}body:has(.pearl-app){background:#e8e6e8}.pearl-app{--ink:#232027;--muted:#85818b;--hairline:#ffffffa8;--surface:#fffaf5;--blue:#6b74ed;--tint:#f5f1f0;position:relative;isolation:isolate;min-height:100vh;background:radial-gradient(ellipse 70% 42% at 76% 12%,#fefdfb 0%,transparent 85%),radial-gradient(ellipse 55% 48% at 5% 90%,#e7e3ef 0%,transparent 90%),linear-gradient(145deg,#f3f0ee,#e9e5e6 70%,#dcd9e1);color:#252129;gap:0;padding:clamp(12px,2.4vw,38px);font-family:-apple-system,BlinkMacSystemFont,Plus Jakarta Sans,system-ui,sans-serif}.pearl-app .ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(3px);border:1px solid #fff9;background:linear-gradient(130deg,#fff9,#f5edf1aa 50%,#e5e0f7a6);box-shadow:inset 15px 20px 30px #fff9,24px 30px 80px #9d92aa29;border-radius:42% 58% 60% 40%}.pearl-app .ambient-one{width:48vw;height:35vw;max-height:520px;top:5%;left:-13%;transform:rotate(-24deg)}.pearl-app .ambient-two{width:46vw;height:38vw;max-height:540px;right:-13%;bottom:3%;transform:rotate(27deg)}.pearl-app aside{position:sticky;top:clamp(12px,2.4vw,38px);height:calc(100vh - clamp(24px,4.8vw,76px));width:215px;background:linear-gradient(155deg,#ffffffb8,#f9f6f2a6 58%,#eeeaf4b0);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border:1px solid #ffffffd9;border-right:0;border-radius:27px 0 0 27px;box-shadow:0 25px 60px #79717f17,inset 1px 1px #fff;padding:32px 16px;z-index:1}.pearl-app .brand{gap:11px;color:#232027;padding:0 7px;font-size:19px}.pearl-app .brandicon{width:38px;height:38px;border-radius:14px;background:linear-gradient(145deg,#a4dfff,#8e86ec 55%,#d9a2d6);color:#fff;box-shadow:0 7px 17px #9790e655}.pearl-app .brandword{display:flex;flex-direction:column;gap:1px;font-size:20px;font-weight:850;letter-spacing:-1px;line-height:1.05}.pearl-app .brandword span{color:#232027}.pearl-app .brandword small{font-size:8px;letter-spacing:2px;color:#8e8b92;font-weight:700}.pearl-app .nav button{color:#817d89;border:1px solid transparent;font-weight:650;border-radius:13px}.pearl-app .nav button.navactive{background:linear-gradient(115deg,#ffffffed,#f2effce0);color:#3c3546;border-color:#fff;box-shadow:0 6px 16px #b2aab329}.pearl-app .nav button:hover{background:#ffffff9c}.pearl-app .sidefoot{color:#77737f}.pearl-app .statusdot{background:#7dd3b5;box-shadow:0 0 0 3px #7dd3b529}.pearl-app main{position:relative;z-index:1;flex:1;min-width:0;padding:0 clamp(18px,3vw,46px) 38px;background:linear-gradient(150deg,#fffdf9e9,#f9f6f4dd 48%,#f4f0f6e9);border:1px solid #fff;border-radius:0 27px 27px 0;box-shadow:20px 25px 75px #7e758b24,inset 0 1px #fff;min-height:calc(100vh - clamp(24px,4.8vw,76px))}.pearl-app .windowbar{height:59px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eae5e6aa;margin-bottom:29px;color:#9c97a1;font-size:10px;letter-spacing:.3px}.pearl-app .windowdots{display:flex;gap:7px}.pearl-app .windowdots i{width:10px;height:10px;border-radius:50%;background:#e7aaa5;box-shadow:inset 0 1px 2px #0001}.pearl-app .windowdots i:nth-child(2){background:#e8cf87}.pearl-app .windowdots i:nth-child(3){background:#a3d5b2}.pearl-app .windowstatus{background:#fff9;border:1px solid #fff;border-radius:20px;padding:8px 12px;color:#81778b}.pearl-app header{align-items:center;margin-bottom:23px}.pearl-app header small{color:#9e8fa4;font-weight:800;letter-spacing:1.8px}.pearl-app h1{font-size:clamp(29px,3.4vw,47px);font-weight:850;letter-spacing:-2.2px;color:#201d24;margin:8px 0 9px}.pearl-app .protag{display:inline-block;vertical-align:middle;margin-left:12px;background:linear-gradient(120deg,#e9edff,#fceaf4);border:1px solid #fff;color:#7973bd;box-shadow:0 3px 10px #a6a0bc1d}.pearl-app header p{color:#918c97;line-height:1.6;max-width:530px}.pearl-app .pill{background:#fff9;color:#7d7295;border:1px solid #fff;box-shadow:0 4px 12px #b1a8b31a}.pearl-app .softbutton{background:linear-gradient(115deg,#fff,#f8f4fd);border:1px solid #fff;color:#514961;box-shadow:0 6px 18px #a8a0b121}.pearl-app .topnav{border-bottom-color:#e9e4e8;margin-bottom:25px}.pearl-app .topnav button{color:#9d97a2}.pearl-app .topnav button.active{color:#574b79;border-bottom-color:#a29bdf}.pearl-app .layout{grid-template-columns:minmax(310px,420px) minmax(300px,1fr);gap:22px}.pearl-app .panel{background:linear-gradient(145deg,#ffffffec,#fffaf8da 65%,#f8f4fce8);border:1px solid #fff;border-radius:24px;box-shadow:0 12px 35px #92879717,inset 0 1px #fff;padding:25px}.pearl-app .panel h2{color:#332d38;font-weight:800;letter-spacing:-.3px}.pearl-app .sectionhead{border-top-color:#ebe7ed}.pearl-app .sectionhead span{color:#a6a0ac}.pearl-app .upload{background:linear-gradient(120deg,#f7f6fb,#fdf9f7);border:1px dashed #c9c3d6;color:#726a83;border-radius:14px}.pearl-app .upload:hover{background:#f0eafa;border-color:#aaa0cf}.pearl-app label{color:#79727f}.pearl-app label input:not([type=file]),.pearl-app label select,.pearl-app label textarea{background:#fffdfa;border:1px solid #e9e4eb;border-radius:12px;color:#393340;box-shadow:inset 0 1px 3px #5b496508}.pearl-app label input:focus,.pearl-app label select:focus,.pearl-app label textarea:focus{outline:2px solid #c5c0ed;border-color:#aea8dc}.pearl-app label input[type=range]{accent-color:#9e95dd}.pearl-app .templatecard{border:1px solid #ffffffb5;box-shadow:0 6px 12px #6b4f5720}.pearl-app .templatecard.active{outline-color:#b8a8e4;border-color:#fff}.pearl-app .layoutgrid button{background:#faf8fb;border-color:#ebe6ee;color:#6b6471}.pearl-app .layoutgrid button.active{background:#eee9fb;border-color:#b8aee0;color:#62568c}.pearl-app .assistantbox,.pearl-app .agentpanel{background:linear-gradient(135deg,#f6f4ff,#fff9f8 70%,#f0f9ff);border:1px solid #fff;box-shadow:inset 0 1px #fff;border-radius:18px}.pearl-app .assistantbubble.assistant,.pearl-app .agentmodes button,.pearl-app .agentreport{background:#ffffffcf;border-color:#fff;box-shadow:0 3px 10px #9e8fa015}.pearl-app .assistantbubble.user{background:linear-gradient(130deg,#8f99e7,#b09be3);color:#fff}.pearl-app .assistantprompts button{border-color:#e9e1f0;background:#fffafc;color:#6e6382}.pearl-app .assistantform input{background:#fff;border-color:#e9e2eb}.pearl-app .assistantform button,.pearl-app .agentactions button:first-child,.pearl-app .actions .primary{background:linear-gradient(115deg,#9eabea,#b69de2 50%,#e8b3d4);color:#fff;border:1px solid #ffffff8a;box-shadow:0 7px 20px #ac9cd743}.pearl-app .agentmodes button.active{background:#f0ebff;border-color:#c5b8e8}.pearl-app .editmodes button{background:#f8f6fb;border-color:#f2edf5;color:#777082}.pearl-app .editmodes button.active{background:linear-gradient(120deg,#f0eaff,#e9f6ff);border-color:#c4b9e9;color:#645a90}.pearl-app .resolution{background:#f5f0f7;color:#8c8195}.pearl-app .previewstage{border:8px solid #fff;border-radius:22px;background:linear-gradient(145deg,#f6f2f4,#e9e4ed);box-shadow:0 17px 45px #8d82922c,0 0 0 1px #e9e4eb}.pearl-app .actions button{background:#f8f5fa;border-color:#eee8f0;color:#665c70}.pearl-app .actions .primary:hover{background:linear-gradient(115deg,#8c9ae2,#a68bdb 55%,#dca1c8)}.pearl-app .statusbar{border-top-color:#eee9ee}.pearl-app .muted{color:#99939f}.pearl-app .textbutton{color:#8a79bd}.pearl-app button:focus-visible{outline:3px solid #a9a0e4;outline-offset:2px}@media(max-width:1080px){.pearl-app .layout{grid-template-columns:1fr}.pearl-app .preview{position:static}.pearl-app .windowbar{margin-bottom:20px}}@media(max-width:720px){.pearl-app{padding:10px}.pearl-app aside{display:none}.pearl-app main{border-radius:22px;padding:0 15px 25px;min-height:calc(100vh - 20px)}.pearl-app .windowbar{height:45px}.pearl-app .windowbar>span{display:none}.pearl-app .windowstatus{font-size:9px}.pearl-app h1{letter-spacing:-1.4px}.pearl-app .protag{margin-left:5px}.pearl-app .panel{padding:17px;border-radius:18px}.pearl-app .headeractions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.pearl-app button{transition:none}}.pearl-app .aimodes{display:flex;gap:7px;background:#f0ecf5;border:1px solid #ffffffc9;padding:5px;border-radius:13px;margin-bottom:12px}.pearl-app .aimodes button{flex:1;background:transparent;border:0;color:#8b8295;border-radius:10px;padding:10px 7px;font-size:11px;font-weight:800}.pearl-app .aimodes button.active{background:#fff;color:#60518d;box-shadow:0 3px 12px #a79db029}.pearl-app .assistantform button:disabled,.pearl-app .assistantform input:disabled{opacity:.55;cursor:wait}.pearl-app .aimodes{flex-wrap:wrap}.pearl-app .aimodes button{min-width:85px}.pearl-app .layerpanel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:linear-gradient(125deg,#fffdfa,#f3f0fb);border:1px solid #fff;border-radius:16px;padding:14px;margin:14px 0}.pearl-app .layerpanel strong{grid-column:1/-1;font-size:13px;color:#4d435a}.pearl-app .layerpanel small{grid-column:1/-1;color:#958b9c;font-size:10px}.pearl-app .layerpanel label{display:flex;align-items:center;gap:6px;padding:8px 6px;background:#ffffffc9;border:1px solid #eee9f3;border-radius:10px;font-size:11px;color:#685e72}.pearl-app .layerpanel input{accent-color:#a18bdf}@media(max-width:500px){.pearl-app .layerpanel{grid-template-columns:1fr}.pearl-app .aimodes button{font-size:10px}}