:root{font-family:Noto Sans Arabic,Arial,sans-serif;color:#efeff2;background:#111319;font-synthesis:weight;--panel:#1a1d25;--line:#2b2e39;--muted:#969ba9;--accent:#c4f385;--purple:#a89af8;color-scheme:dark;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer;border:1px solid #343845;border-radius:8px;background:#252934;color:#e2e4eb;padding:9px 13px;transition:background .16s,border .16s;line-height:1.5}button:hover,a.button:hover{background:#303643;border-color:#5a6073}button:disabled{opacity:.4;cursor:default}a{color:#b6a8ff;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.7;font-weight:700}h2{font-size:16px}h3{font-size:13px;font-weight:500}.hidden{display:none}.wide{width:100%}.primary{background:var(--accent);border-color:var(--accent);color:#172316;font-weight:700}.primary:hover{background:#d2ffa1;border-color:#d2ffa1}.subtle{border-color:transparent;background:transparent;color:var(--muted)}.danger{color:#ffaba8}.muted{color:var(--muted)}.small,small{font-size:11px;line-height:1.9}small{display:block}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.two-buttons button{padding:8px 4px;font-size:11px}label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#b1b6c4;margin:12px 0}input,select,textarea{background:#11141c;border:1px solid #343845;border-radius:7px;color:#f1f1f5;padding:9px 10px;min-width:0;width:100%;outline:none}textarea{resize:vertical;line-height:1.85}input:focus,select:focus,textarea:focus{border-color:#b7aaf8;box-shadow:0 0 0 2px #a48df419}input[type=color]{height:35px;padding:4px}input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent)}.check{flex-direction:row;align-items:center;white-space:nowrap}.section-divider{height:1px;background:var(--line);margin:20px 0 16px}.eyebrow{font-family:Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;color:#9b96b1;direction:ltr;text-align:right}.badge{font-size:10px;display:inline-block;border:1px solid #444051;background:#2b2838;color:#c6bceb;border-radius:20px;padding:5px 10px;white-space:nowrap}.badge.green{color:#c4f385;background:#263226;border-color:#40543b}.status-dot,.local-label i{width:6px;height:6px;border-radius:50%;background:#c4f385;display:inline-block;margin-left:5px}.app-header{height:88px;display:flex;align-items:center;padding:0 30px;gap:30px;background:#17191f;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:#fff;flex-shrink:0;direction:ltr}.brand:hover{text-decoration:none}.brand-symbol{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#142014;border-radius:12px;width:42px;height:42px;font:700 38px Georgia,serif;letter-spacing:-5px;padding-right:6px}.brand-symbol span{font-size:27px;color:#475439;margin-top:13px}.brand strong{font:700 19px Arial,sans-serif;letter-spacing:-.5px}.brand b{font-weight:400;color:#c6c6cd}.brand small{direction:rtl;color:#8f94a3;font-size:9px;margin-top:3px}.app-header nav{display:flex;gap:5px;flex:1;justify-content:center}.app-header nav button{background:transparent;border-color:transparent;font-size:12px;color:#a7aab6;white-space:nowrap;padding:10px 13px}.app-header nav button span{margin-left:7px}.app-header nav button.active{background:#302b42;color:#d8ccff;border-color:#4f4269}.personal-chip{display:flex;align-items:center;gap:7px;color:#a9acb8;font-size:10px;white-space:nowrap}.avatar{margin-right:7px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #52565e;border-radius:50%;background:#33363d;color:#ddd;font-family:Arial}.studio{padding:24px 28px}.studio-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.studio-heading h1{font-size:30px}.studio-heading h1>span{color:var(--accent);margin-right:4px}.heading-actions{display:flex;gap:18px;align-items:center}.local-label{font-size:10px;color:#b2b8c1}.workbench{display:grid;grid-template-columns:280px minmax(360px,1fr) 260px;gap:16px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.panel-title h2{font-size:13px}.panel-title>span{color:var(--purple);font-size:21px}.brief-panel .muted{margin-bottom:15px}.brief-panel label{margin:13px 0}.brief-panel .two-fields{gap:8px}.brief-panel .two-fields input{padding:9px}.connect-prompt{width:100%;background:#28233a;color:#c5b9f4;border-style:dashed;border-color:#64547d;font-size:11px}.generate{margin-top:14px;padding:12px 8px;font-size:13px}.canvas-panel{min-width:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#1a1d25}.canvas-top{display:flex;align-items:center;padding:13px 14px;gap:8px;border-bottom:1px solid var(--line)}.document-name{font-size:12px;background:transparent;border-color:transparent;padding:4px;flex:1}.canvas-top .badge{font-size:9px;padding:4px 8px}.icon-button{font-size:11px;padding:6px 9px}.tools{display:flex;justify-content:center;gap:10px;padding:9px;background:#1d202a;border-bottom:1px solid var(--line)}.tools button{padding:5px 10px;background:transparent;border-color:transparent;font-size:12px}.tools button:hover{background:#373344}.tool-group{display:flex;gap:1px;border-left:1px solid #373b46;padding-left:10px}.stage{position:relative;background-color:#242730;background-image:radial-gradient(#454953 1px,transparent 1px);background-size:15px 15px;min-height:420px}.canvas-scroll{padding:30px;overflow:auto;height:clamp(420px,43vw,660px);direction:ltr;display:flex;align-items:center;justify-content:center}.canvas-paper{flex-shrink:0;box-shadow:0 12px 30px #0004;max-height:none;background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;line-height:0}.canvas-paper svg{width:100%;height:100%;display:block;touch-action:none;overflow:visible}.canvas-bottom{display:flex;justify-content:space-between;align-items:center;padding:7px 14px;color:#8d93a3;font:10px Arial,sans-serif;direction:ltr;border-top:1px solid var(--line)}.canvas-bottom b{color:#666;margin:0 7px}.canvas-bottom button{font-family:Noto Sans Arabic;font-size:10px;padding:4px}.zoom-label{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;font:10px Arial}.zoom-label input{width:80px;accent-color:#a794f5;padding:0;height:18px}.export-bar{display:flex;gap:7px;align-items:center;padding:9px 13px;background:#1e212b;border-top:1px solid var(--line);flex-wrap:wrap}.export-bar .check{margin:0 0 0 auto;font-size:10px}.export-bar button{font-size:10px;padding:7px 10px}.layers{display:flex;flex-direction:column;gap:3px;margin-top:14px;max-height:230px;overflow:auto}.layer-row{display:flex;border:1px solid transparent;border-radius:6px;align-items:center}.layer-row.active{border-color:#685792;background:#342d49}.layer-row button{background:transparent;border:0;font-size:11px;padding:7px 5px;color:#b5b9c6}.layer-row .layer-name{flex:1;display:flex;gap:9px;align-items:center;text-align:right;overflow:hidden;white-space:nowrap}.layer-name>span{font-family:Arial;color:#9b94bd}.empty-inspector{font-size:11px;line-height:2;color:#9299a8;padding:20px 0}.layer-properties label{margin:10px 0}.layer-properties input,.layer-properties select{padding:7px 8px}.layer-properties .two-fields{gap:8px}.palette{display:flex;gap:7px;margin:13px 0;direction:ltr}.palette button{width:30px;height:30px;padding:0;border:2px solid #ffffff30;border-radius:50%}.concepts{display:flex;gap:10px;padding:12px;overflow:auto}.concepts button{padding:5px;min-width:80px;flex:1;background:transparent}.concepts button.active{border-color:#b9a7ff}.concepts svg{width:100%;height:auto;max-height:100px;display:block}.concepts span{font-size:10px;color:#a2a4b5}.busy-overlay{position:absolute;inset:0;background:#111420e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;padding:30px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.busy-overlay strong{font-size:19px}.busy-overlay>span:last-child{color:#a0a6b5;font-size:12px}.spinner{width:17px;height:17px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;vertical-align:middle;animation:spin 1s linear infinite}.busy-overlay .spinner{width:30px;height:30px;color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.app-footer{display:flex;justify-content:space-between;color:#696e7e;border-top:1px solid #242833;font-size:9px;padding:17px 30px;direction:ltr;margin-top:12px}.app-footer b{font-size:8px;border:1px solid #484d5a;border-radius:4px;padding:2px 4px;margin-left:5px}.page{max-width:1500px;margin:auto;padding:36px 36px 55px;min-height:calc(100vh - 160px)}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:25px}.page-heading p{color:#969cab;font-size:12px;line-height:2;margin-top:8px}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.provider-card{background:#1b1e26;border:1px solid var(--line);border-radius:16px;padding:27px;position:relative}.provider-logo{background:#292e29;color:#c8f78b;border-radius:12px;font:32px Arial;width:54px;height:54px;display:grid;place-items:center;margin-bottom:20px}.provider-logo.clay{background:#392c29;color:#d99e83}.provider-logo.blue{background:#262e43;color:#a1b9f5}.provider-card>.badge{position:absolute;left:24px;top:35px}.provider-card h2{font:700 25px Arial,sans-serif;margin-bottom:7px;direction:ltr;text-align:right}.provider-card .card-sub{font-size:11px;color:#c1b5d9;margin-bottom:24px}.provider-card p{color:#a2a8b6;font-size:12px;line-height:2.1}.provider-card .wide{margin-top:15px;padding:12px}.provider-card>a{display:inline-block;font-size:11px;margin-top:16px}.provider-card small{color:#8e95a5;margin-top:12px}.connection-detail{padding:18px 0;color:#a9b0bf;font-size:11px;min-height:80px}.account-list{margin-top:14px}.account-list>div{font-size:10px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);padding:7px;border-radius:7px;margin:6px 0}.account-list span{overflow-wrap:anywhere;flex:1}.account-list button{padding:4px 6px;font-size:9px}.info-strip{padding:17px 20px;border:1px solid #3c3a4c;background:#23212e;color:#aaa7c3;border-radius:10px;font-size:11px;line-height:2;margin-top:24px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.project-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.project-preview{width:100%;padding:0;border:0;border-radius:0;display:block;background:none}.project-preview svg{width:100%;height:auto;display:block;max-height:300px}.project-meta{padding:16px 18px 8px}.project-meta span{font-size:10px;color:#9ba2b2;display:block;margin-top:8px}.project-actions{display:flex;justify-content:space-between;padding:10px 18px 18px}.project-actions button{font-size:11px}.empty-library{text-align:center;margin:100px auto;line-height:2.5;color:#979ead}.empty-library>span{font-size:65px;color:#c4b4ff}.empty-library h2{font-size:23px;color:#eee}.empty-library p{margin:12px 0 24px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:14px;max-width:700px;min-width:300px;border:1px solid #697955;background:#252e22;box-shadow:0 12px 50px #0008;border-radius:12px;padding:14px 20px;font-size:12px}.toast>span{color:#c3ed91;font:20px Arial}.toast.error{background:#392329;border-color:#9b5e65}.toast.error>span{color:#ffb1af}.toast p{flex:1;line-height:1.9}.toast button{background:none;border:0;padding:0;font-size:20px;color:#b0b9b0}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.loading-screen h1{font-family:Arial}.loading-screen p{color:#aaa}@media(min-width:1600px){.workbench{grid-template-columns:310px minmax(500px,1fr) 290px}.studio{max-width:1900px;margin:auto}.stage .canvas-scroll{height:660px}.canvas-paper{max-width:600px!important}.brief-panel{padding:24px}.inspector{padding:22px}}@media(max-width:1150px){.app-header{gap:15px;padding:0 18px}.app-header nav button{font-size:10px;padding:9px}.personal-chip{display:none}.studio{padding:22px 15px}.workbench{grid-template-columns:240px minmax(320px,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;column-gap:24px}.inspector>.layer-properties{grid-column:2;grid-row:1/8}.inspector>.panel-title{grid-column:1}.canvas-scroll{height:440px;padding:25px}.provider-card{padding:20px}.provider-card>.badge{position:static;margin-bottom:16px}.page{padding:28px 22px}.export-bar button{padding:7px 8px}}@media(max-width:760px){.app-header{height:auto;padding:15px;flex-wrap:wrap}.brand{margin:auto}.app-header nav{order:2;overflow:auto;justify-content:flex-start;width:100%;padding-top:10px}.app-header nav button{font-size:10px;flex-shrink:0}.studio-heading h1{font-size:25px}.heading-actions .local-label{display:none}.workbench{display:flex;flex-direction:column}.brief-panel,.canvas-panel,.inspector{width:100%}.brief-panel textarea{height:90px}.canvas-panel{order:-1}.inspector{display:block}.stage .canvas-scroll{height:430px;padding:20px}.provider-grid{grid-template-columns:1fr}.page-heading{align-items:start}.page-heading h1{font-size:24px}.page-heading button{font-size:10px;white-space:nowrap}.toast{max-width:92vw;width:92vw}.app-footer{padding:15px}.canvas-top .badge{display:none}.two-buttons button{font-size:12px}.eyebrow{font-size:8px}.studio-heading{gap:12px}}.tools{flex-wrap:wrap}.extra-tools{font-size:10px;gap:4px}.extra-tools .check{margin:0 4px}.tools .active{background:#4c3d68;border-color:#ac92ed}.alignment-buttons{display:flex;gap:3px}.alignment-buttons button{padding:5px;flex:1}.selection-tools small{margin-top:12px;color:#aaa}.identity-tools{margin:16px 0;border-top:1px solid var(--line);padding-top:12px}.identity-tools summary{cursor:pointer;font-size:12px;color:#c4f385}.identity-tools>p{margin:10px 0}.palette-edit{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.palette-edit label{font:10px Arial;direction:ltr}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.template-grid button{font-size:10px}.template-grid small{font:9px Arial;color:#aaa}.guide-overlay{position:fixed;inset:0;background:#111e;z-index:80;overflow:auto;padding:30px;direction:rtl}.brand-guide{background:#fff;color:#182451;max-width:850px;margin:auto;padding:40px;border-radius:12px;line-height:2}.brand-guide h2{margin-top:24px}.guide-actions{display:flex;gap:10px;justify-content:flex-end}.guide-logo{max-width:260px;margin:20px auto}.guide-logo svg,.proof-sizes svg,.mono-proofs svg{width:100%;height:100%;display:block}.guide-colors{display:flex;gap:15px;direction:ltr;flex-wrap:wrap}.guide-colors i{display:block;width:80px;height:50px;border:1px solid #ddd}.guide-colors div{font:12px Arial}.proof-sizes{display:flex;gap:30px;align-items:flex-end;margin:20px 0;direction:ltr}.mono-proofs{display:flex;gap:25px}.mono-proofs>div{width:200px;height:200px;border:1px solid #ddd}.mono-proofs .dark{background:#182451}.brand-guide small{color:#555;margin-top:30px}.brand-guide p,.guide-actions button{font-size:12px}@media print{body{background:#fff!important}.app-header,.app-footer,.studio-heading,.workbench>*,.toast{visibility:hidden!important}.guide-overlay,.guide-overlay *{visibility:visible!important}.guide-overlay{position:absolute!important;inset:0!important;background:#fff!important;padding:0!important;overflow:visible!important}.brand-guide{border:0;padding:15mm;margin:0;width:100%;max-width:none}.guide-actions{display:none!important}.guide-colors i,.mono-proofs .dark{-webkit-print-color-adjust:exact;print-color-adjust:exact}.brand-guide h2{break-after:avoid}.guide-logo,.proof-sizes,.mono-proofs{break-inside:avoid}@page{size:A4;margin:10mm}}.inspector-section{border-top:1px solid var(--line)}.inspector-section:first-of-type{border-top:0}.inspector-section>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:11px 2px;font-size:12px;font-weight:600;color:#dcdee6;-webkit-user-select:none;user-select:none}.inspector-section>summary::-webkit-details-marker{display:none}.inspector-section>summary:after{content:"⌄";color:var(--muted);font-size:14px;line-height:1;transition:transform .15s}.inspector-section:not([open])>summary:after{transform:rotate(90deg)}.inspector-section>summary:hover{color:#fff}.section-body{padding-bottom:12px}.section-body>.layers{margin-top:0}.layer-properties{border-top:1px solid var(--line)}@media(min-width:1151px){.workbench{height:calc(100vh - 24px);min-height:620px;align-items:stretch}.workbench>.panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a3e4b transparent}.workbench>.canvas-panel{display:flex;flex-direction:column;min-height:0}.workbench>.canvas-panel>.stage{flex:1;min-height:0;display:flex}.workbench>.canvas-panel>.stage>.canvas-scroll{flex:1;height:auto;min-height:0}}.ai-panel-tabs{display:flex;gap:6px;margin:15px 0}.ai-panel-tabs button{flex:1;font-size:11px;padding:9px 5px}.ai-panel-tabs .active{background:#342d49;border-color:#8573b4;color:#e1d4ff}.project-chat h3{margin:18px 0 10px}.chat-source{padding:12px;background:#11141c;border:1px solid var(--line);border-radius:9px;overflow-wrap:anywhere}.chat-source>span{color:var(--accent);font-size:11px}.chat-source strong{display:block;font:12px Arial;line-height:1.8;text-align:right;margin:4px 0}.chat-source small{color:var(--muted)}.chat-log{max-height:380px;overflow:auto;padding:10px 0;display:flex;flex-direction:column;gap:10px}.chat-empty{padding:22px 10px;font-size:12px;line-height:2;color:var(--muted);border:1px dashed var(--line);border-radius:8px;margin:10px 0}.chat-message{padding:10px 12px;border-radius:10px;background:#252934;border:1px solid var(--line)}.chat-message.user{background:#302a43;border-color:#51436a}.chat-message small{color:#b5a8e8;font-size:10px;overflow-wrap:anywhere}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;margin-top:5px}.project-chat form{margin:12px 0}.project-chat .danger{line-height:1.9;overflow-wrap:anywhere}.save-state{padding:8px 14px;color:var(--accent);font-size:11px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.colorways{margin-top:16px}.colorways h3{font-size:12px}.colorway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.colorway-grid button{padding:5px;overflow:hidden}.colorway-grid button:first-child{grid-column:1/-1}.colorway-grid button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.colorway-grid button>div{aspect-ratio:1;max-height:105px;display:flex;justify-content:center}.colorway-grid svg{width:100%;height:100%;display:block}.colorway-grid span{font-size:10px;display:block;padding-top:5px}.studio-heading{position:sticky;top:0;z-index:30;background:#111319;padding:10px 0}.heading-actions{gap:10px;flex-wrap:wrap}.heading-save{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 18px;font-size:14px;white-space:nowrap}.heading-save kbd{font:10px Arial;border:1px solid #496438;border-radius:4px;padding:3px 5px;direction:ltr}.heading-save-status{font-size:10px;color:var(--muted);max-width:180px;overflow-wrap:anywhere}.canvas-save{font-size:11px;white-space:nowrap;padding:8px 12px}.identity-save{margin:8px 0 14px}@media(max-width:760px){.studio-heading{flex-wrap:wrap}.heading-actions{width:100%}.heading-save-status{flex:1;max-width:none}.heading-save{font-size:12px;padding:9px 12px}}.brand-wordmark{display:block;width:225px;height:51px;object-fit:contain}.brand small{text-align:center;margin-top:1px}.loading-brand{width:320px;max-width:80vw;height:auto}@media(max-width:760px){.brand-wordmark{width:200px;height:46px}}.icon-explorer .page-heading h1>span{color:var(--accent)}.icon-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}.icon-controls{position:sticky;top:18px}.icon-controls>.primary{margin:16px 0 10px;padding:13px 8px}.icon-controls>small{margin-top:12px}.icon-controls .ai-panel-tabs{gap:5px}.icon-results{min-width:0}.icon-categories{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.icon-categories button{font-size:11px;display:flex;align-items:center;gap:7px;padding:9px 12px}.icon-categories button.active{border-color:#a995eb;background:#352c49;color:#ecdefe}.icon-categories b{font:19px Arial;color:var(--accent)}.icon-filters{display:flex;align-items:center;gap:10px;margin-bottom:18px}.icon-filters input{flex:1}.icon-filters select{width:175px}.icon-filters>span{white-space:nowrap}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:18px}.icon-card{padding:0;text-align:right;overflow:hidden;background:var(--panel);border-radius:13px}.icon-card:hover{border-color:#b3a0f5;transform:translateY(-2px)}.icon-art{aspect-ratio:1;background:#f7f6f2;padding:14px;line-height:0}.icon-art svg{width:100%;height:100%;display:block;pointer-events:none}.icon-card-meta{padding:12px 13px 4px}.icon-card-meta strong{font-size:12px;display:block}.icon-card-meta span{font-size:9px;color:var(--muted);display:block;margin-top:5px}.icon-card>small{color:var(--accent);font-size:10px;padding:5px 13px 12px}.icon-loading{padding:35px;text-align:center;color:var(--muted)}.icon-dialog-backdrop{position:fixed;inset:0;background:#080b13d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.icon-compose-dialog{width:100%;max-width:1000px;max-height:92vh;overflow:auto;border:1px solid #555064;background:var(--panel);border-radius:18px;box-shadow:0 30px 100px #0008;padding:24px}.icon-compose-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.icon-compose-heading h2{font-size:19px}.icon-compose-heading button{font-size:20px;padding:3px 12px}.icon-compose-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:25px;align-items:center;direction:ltr}.icon-compose-body>div:last-child{direction:rtl}.icon-compose-body .primary{margin:18px 0 10px;padding:13px}.icon-compose-preview{background:#f7f6f2;border-radius:12px;overflow:hidden;line-height:0;direction:ltr}.icon-compose-preview svg{width:100%;height:auto;max-height:60vh;display:block}.icon-compose-body label{margin:15px 0}.icon-compose-body>div>small{color:var(--muted)}@media(max-width:1000px){.icon-workspace{grid-template-columns:235px minmax(0,1fr)}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.icon-filters{flex-wrap:wrap}.icon-filters input{min-width:150px}.icon-compose-body{grid-template-columns:1fr 1fr}.icon-controls{padding:14px}}@media(max-width:760px){.icon-workspace{display:flex;flex-direction:column}.icon-controls{position:static;width:100%}.icon-results{width:100%}.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-explorer .page-heading{flex-wrap:wrap}.icon-compose-body{display:flex;flex-direction:column}.icon-compose-body>div{width:100%}.icon-compose-preview svg{max-height:35vh}.icon-compose-dialog{padding:16px}.icon-dialog-backdrop{padding:12px}.icon-compose-heading h2{font-size:15px}.icon-categories button{font-size:10px;padding:7px 9px}}.design-idea{margin:14px 0;padding:13px;border:1px solid #59506f;border-radius:10px;background:#272332;line-height:1.9;font-size:11px;overflow-wrap:anywhere}.design-idea summary{cursor:pointer;color:#dbccff;font-weight:700;margin-bottom:8px}.design-idea strong{display:block;color:#ecedf4}.design-idea p{margin:8px 0;color:#c8cad4}.design-idea small{color:#aaa5ba}.background-preview{position:relative;padding:18px;border:1px solid var(--line);background:#191c24;border-radius:13px;margin-top:24px}.background-preview-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;margin-top:12px;align-items:start}.background-result{min-width:0}.background-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.background-preview h3{font-size:13px;margin:0 0 5px}.background-preview-heading p{margin:0}.background-preview-heading button{white-space:nowrap;font-size:10px}.background-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:540px;overflow:auto;margin:0;padding:3px}.background-thumbnails button{padding:0;background:#222631;border:2px solid transparent;border-radius:9px;overflow:hidden;min-width:0}.background-thumbnails button.active{border-color:var(--accent)}.background-thumbnails img{width:100%;height:76px;object-fit:cover;display:block}.background-thumbnails span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px;padding:5px 4px;color:#b9bdcb}.background-preview-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.background-preview-controls label{font-size:10px;flex:1;min-width:130px;margin:0}.background-preview-controls select{font-size:10px;padding:7px}.background-preview-controls input{width:100%}.background-preview-controls button{font-size:10px}.background-preview-stage{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:11px;background:#252a37;border:1px solid var(--line)}.mockup-photo{width:100%;height:100%;object-fit:cover;display:block}.mockup-logo{position:absolute;left:50%;top:50%;height:80%;transform:translate(-50%,-50%);pointer-events:none}.mockup-logo svg{width:100%;height:100%;display:block}.mockup-warning{position:absolute;inset:0;display:grid;place-items:center;background:#191c24dd;padding:20px;font-size:12px}.background-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.background-preview-footer button{font-size:11px;white-space:nowrap}.background-preview-empty{padding:80px 18px;text-align:center;border:1px dashed #484151;border-radius:9px;font-size:12px;color:#aaa5ba}.mockup-measure{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;visibility:hidden;pointer-events:none}@media(max-width:760px){.background-preview-layout{display:flex;flex-direction:column}.background-choices,.background-result{width:100%}.background-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));max-height:190px}.background-preview-footer{align-items:stretch;flex-direction:column}}.basic-tools{flex-wrap:wrap;gap:4px;justify-content:flex-start}.basic-tools button[aria-pressed=true]{background:#39304f;border-color:#a89af8;color:#e4d9ff}.basic-tools .tool-group{padding-left:5px}.transform-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:7px 10px;background:#191c25;border-bottom:1px solid var(--line)}.transform-toolbar>span{font-size:10px;color:var(--muted);margin-left:4px}.transform-toolbar .check{font-size:10px;margin:0 0 0 5px;gap:4px}.transform-toolbar button{font-size:10px;padding:4px 7px}.drawing-tools{border-bottom:1px solid var(--line)}.drawing-tools>summary{font-size:10px;color:var(--muted);cursor:pointer;padding:7px 12px}.drawing-tools>.tools{border:0}.canvas-help{font-size:9px;line-height:1.8;color:var(--muted);padding:5px 12px;border-top:1px solid var(--line)}.view-zoom{display:flex;align-items:center;gap:5px;direction:ltr}.view-zoom button{padding:3px 8px;font-size:12px}.view-zoom .subtle{font-size:10px}.canvas-panel>.basic-tools,.canvas-panel>.transform-toolbar,.canvas-panel>.drawing-tools,.canvas-panel>.canvas-bottom,.canvas-panel>.canvas-help,.canvas-panel>.canvas-top,.canvas-panel>.save-state,.canvas-panel>.export-bar{flex-shrink:0}.canvas-scroll{display:block;padding:40px!important;position:relative;overscroll-behavior:contain}.canvas-paper{margin:0 auto;max-width:none!important}.canvas-scroll.hand-tool,.canvas-scroll.hand-tool *{cursor:grab!important}.canvas-scroll.hand-tool:active,.canvas-scroll.hand-tool:active *{cursor:grabbing!important}.transform-frame{touch-action:none}