@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#09131e;--panel:#101d2a;--panel2:#152637;--line:#263b4e;--text:#edf5fb;--muted:#9aafc1;--blue:#4f9ddb;--violet:#477fae;--cyan:#b9e5ff;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:2px solid #5ba5ff;outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}.app{min-height:100vh;background:radial-gradient(ellipse at 70% 0%,#0b1a31 0,transparent 40%),var(--bg)}.topbar{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #172436;background:#070d17eF;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);padding-top:env(safe-area-inset-top)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{font-family:Manrope,sans-serif;font-size:36px;font-weight:800;line-height:1;color:#5f9aff}.brand b{display:block;font:800 11px Manrope,sans-serif;letter-spacing:1.8px}.brand small{display:block;color:#8291a8;font-size:9px;letter-spacing:3px;margin-top:4px}.top-actions{display:flex;align-items:center;gap:9px}.status-pill{font-size:11px;color:#8f9db0;margin-right:10px}.status-pill i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#52d6ad;margin-right:6px}.icon-btn{border:1px solid #233249;background:#101b29;border-radius:9px;width:36px;height:36px;font-size:20px;display:inline-flex;align-items:center;justify-content:center;color:#b8c9df}.icon-btn:hover,.outline-btn:hover{border-color:#6daedb;background:#13233a}.primary{border:0;border-radius:10px;padding:12px 17px;background:linear-gradient(110deg,#3e8bc7,#286ba8);font-weight:700;box-shadow:0 6px 24px #3e8bc71c;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary.small{padding:9px 14px;font-size:12px}.menu-btn{display:none;background:none;border:0;font-size:22px}.layout{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{border-right:1px solid #172436;padding:28px 14px;display:flex;flex-direction:column;gap:5px;position:relative}.side-label{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#61748e;padding:0 13px 12px}.side-label.spaced{margin-top:28px}.nav-item{height:43px;border:1px solid transparent;background:transparent;text-align:left;padding:0 13px;border-radius:10px;color:#9aabc1;display:flex;align-items:center;gap:13px;font-size:13px}.nav-item span{font-size:19px;width:20px;text-align:center;color:#8297b4}.nav-item.active{color:#f4f8ff;background:linear-gradient(90deg,#1b3d71a8,#16253a99);border-color:#2d5486}.nav-item.active span{color:#69a5ff}.sidebar-bottom{margin-top:auto;border-top:1px solid #1a293b;padding:20px 7px 0;display:flex;align-items:center;gap:11px}.mini-brand{width:35px;height:35px;border:1px solid #304b71;border-radius:10px;display:grid;place-items:center;font:800 13px Manrope;color:#79adff}.mini-brand span{color:#65d8ff}.sidebar-bottom b,.sidebar-bottom small{display:block;font-size:11px}.sidebar-bottom small{color:#71829b;margin-top:4px;font-size:10px}.main{min-width:0;padding:32px clamp(20px,4vw,58px) 60px;max-width:1680px;width:100%;margin:0 auto}.view{display:none;animation:fadein .22s ease}.view.active{display:block}@keyframes fadein{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}.hero{min-height:335px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;border:1px solid #21324a;border-radius:22px;background:linear-gradient(115deg,#0d1929 0%,#0a1423 53%,#101c32 100%);overflow:hidden;position:relative;padding:36px 46px;margin-bottom:43px}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#2a67ce0a);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#7f9ec9}.spark{color:#77aaff;margin-right:5px}.hero h1,.page-heading h1,.editor-heading h1{font:800 clamp(38px,5vw,60px)/.99 Manrope,sans-serif;letter-spacing:-2.5px;margin:18px 0}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#7acbff,#577cff 60%,#b08aff);color:transparent;background-clip:text}.hero-copy p,.page-heading p{color:#91a2b9;max-width:370px;line-height:1.7;font-size:13px;margin:0 0 22px}.hero-foot{display:flex;gap:23px;margin-top:32px;color:#506783;font-size:8px;letter-spacing:1.5px}.hero-art{height:260px;position:relative;display:flex;align-items:center;justify-content:center;perspective:700px}.orbit{position:absolute;border:1px solid #347dff38;border-radius:50%;transform:rotate(-24deg);width:340px;height:160px}.orbit-two{width:260px;height:245px;transform:rotate(40deg);border-color:#9a76ff30}.art-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:#276bff30;filter:blur(50px)}.art-card{position:absolute;width:142px;height:185px;border-radius:9px;border:1px solid #8cb8ff55;box-shadow:0 20px 60px #0008;display:flex;flex-direction:column;justify-content:space-between;padding:14px;font-family:Manrope,sans-serif}.card-back{background:linear-gradient(145deg,#193d68,#091321);transform:translate(-54px,-10px) rotate(-12deg);color:#76b8ff;font-size:27px;font-weight:800}.card-back small{font-size:7px;letter-spacing:1px;color:#9bb5d6}.card-front{background:linear-gradient(155deg,#163557,#07101e 65%);transform:translate(45px,12px) rotate(8deg);border-color:#5188de88}.card-front span{font-size:23px;font-weight:800;line-height:1.04;letter-spacing:-1px}.card-front i{font-style:normal;color:#67aaff}.card-front b{font-size:8px;letter-spacing:2px;color:#89a9d2}.art-spark{position:absolute;right:13%;top:13%;font-size:36px;color:#7c86ff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2{font:700 21px Manrope,sans-serif;letter-spacing:-.6px;margin:7px 0 0}.text-btn{background:transparent;border:0;color:#78aaff;font-size:11px;padding:8px}.text-btn:hover{color:white}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-card{position:relative;text-align:left;min-height:130px;border:1px solid #1c2b3e;border-radius:14px;background:linear-gradient(140deg,#101b2a,#0a111d);padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.quick-card:hover,.template-card:hover{border-color:#4e7fc6;transform:translateY(-2px)}.quick-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:19px}.blue{background:#16396b;color:#6cb0ff}.violet{background:#34235f;color:#c19aff}.cyan{background:#133b46;color:#75e4ff}.pink{background:#492b51;color:#ffb0ef}.quick-card b{font-size:12px}.quick-card small{font-size:10px;color:#8192aa}.quick-arrow{position:absolute;right:15px;top:17px;color:#526b8b}.recent-head{margin-top:43px}.tiny-note{color:#647b99;font-size:10px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.template-card{min-width:0;border:1px solid #1b2a3d;background:#0b1420;border-radius:13px;overflow:hidden;transition:.18s;cursor:pointer}.thumb{aspect-ratio:4/4.7;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:18px;background:#152a40}.thumb:before{content:'';position:absolute;inset:0;background:var(--art,linear-gradient(145deg,#14375a,#09121f))}.thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0001,#0005)}.thumb>*{position:relative;z-index:1}.thumb .tiny-top{font-size:7px;letter-spacing:1.8px;font-weight:700;color:#d6e7ff}.thumb .thumb-title{font:800 clamp(17px,2vw,25px)/1.03 Manrope,sans-serif;letter-spacing:-.7px;max-width:95%;white-space:pre-line}.thumb .thumb-title i{font-style:normal;color:#83caff}.thumb .thumb-sub{font-size:8px;line-height:1.5;max-width:80%;color:#d7e6f9}.thumb .thumb-mark{font:800 9px Manrope;letter-spacing:2px;color:#a9caff}.thumb .thumb-orb{position:absolute;z-index:0;width:140px;height:140px;right:-35px;top:25%;border:1px solid #c4dfff40;border-radius:50%;box-shadow:0 0 0 20px #fff04,0 0 0 45px #fff03}.thumb .thumb-photo{position:absolute;z-index:0;inset:0;background:linear-gradient(130deg,#163958,#497f9a 50%,#d4b68d);opacity:.9}.thumb .thumb-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(150deg,transparent 30%,#07121d 95%)}.thumb .photo-mountain{clip-path:polygon(0 60%,22% 29%,38% 50%,58% 14%,78% 53%,100% 30%,100% 100%,0 100%);position:absolute;inset:0;background:linear-gradient(#9ec9dc,#315b79 60%,#142c43)}.template-info{padding:12px 13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.template-info b{display:block;font-size:11px}.template-info small{display:block;font-size:9px;color:#7d8ea5;margin-top:4px}.template-info span{font-size:10px;color:#78aaff}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 27px}.page-heading h1{font-size:43px;margin:12px 0 10px}.heading-dot{color:#6aa9ff}.outline-btn{border:1px solid #2a3c53;border-radius:9px;background:#0d1826;padding:10px 13px;font-size:11px;font-weight:600}.search-wrap{display:flex;align-items:center;gap:12px;border:1px solid #24364d;background:#0b1522;border-radius:11px;padding:0 14px;height:48px}.search-wrap>span{font-size:25px;color:#7297c8}.search-wrap input{flex:1;min-width:0;border:0;background:transparent;color:#eef4ff;outline:none;font-size:12px}.search-wrap input::placeholder{color:#637790}.search-wrap kbd{font-size:9px;color:#657992;border:1px solid #26374c;border-radius:5px;padding:4px 6px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 25px}.filter{border:1px solid #233249;background:#0b1420;color:#8fa1b9;border-radius:30px;padding:9px 13px;font-size:10px}.filter.active{background:#dceaff;color:#142b4a;border-color:#dceaff;font-weight:700}.results-line{display:flex;justify-content:space-between;color:#7e91ab;font-size:10px;margin-bottom:15px}.results-line span:last-child{letter-spacing:1.2px;font-size:8px}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px}.editor-heading h1{font-size:27px;letter-spacing:-.7px;margin:8px 0}.editor-heading h1:focus{outline:1px solid #387ef8;border-radius:4px}.editor-heading small{font-size:10px;color:#7c8da5}.editor-actions{display:flex;gap:9px}.editor-workspace{display:grid;grid-template-columns:65px minmax(300px,1fr) 258px;border:1px solid #213149;border-radius:15px;overflow:hidden;min-height:650px;background:#0a111b}.tool-rail{background:#0d1724;border-right:1px solid #1c2a3b;padding:12px 7px;display:flex;flex-direction:column;gap:7px}.rail-tool{border:1px solid transparent;border-radius:9px;background:transparent;color:#7f91aa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px}.rail-tool span{font-size:20px}.rail-tool small{font-size:9px}.rail-tool.active{background:#1b3456;border-color:#315784;color:#9cc7ff}.stage-wrap{display:flex;flex-direction:column;min-width:0;background:#080e17}.stage-top,.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;color:#6f829c;font-size:8px;letter-spacing:.8px;border-bottom:1px solid #1b2939}.stage-top>div{display:flex;align-items:center;gap:8px}.stage-top .icon-btn{width:27px;height:27px;font-size:15px}.stage-scroll{flex:1;min-height:450px;overflow:auto;display:flex;align-items:center;justify-content:center;padding:25px;background:radial-gradient(ellipse at center,#172335,#0a111b 70%)}.canvas{width:min(100%,400px);aspect-ratio:4/5;position:relative;overflow:hidden;background:#0b1928;box-shadow:0 15px 45px #0008;transform-origin:center center;flex-shrink:0;touch-action:manipulation;container-type:inline-size}.design-object{position:absolute;user-select:none;cursor:move;white-space:pre-wrap;overflow-wrap:anywhere;touch-action:none}.design-object.selected{outline:1px solid #69aaff;outline-offset:2px}.design-object.selected:after{content:'';position:absolute;inset:-4px;border:1px solid #69aaff;pointer-events:none}.design-object.text-object{line-height:1.05}.design-object img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.stage-footer{border-top:1px solid #1b2939;border-bottom:0;letter-spacing:0;font-size:8px}.stage-footer span:nth-child(2){text-align:center}.properties{border-left:1px solid #1c2a3b;background:#0c1521;min-width:0}.prop-header{height:49px;border-bottom:1px solid #1b2a3b;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.prop-header b{font:700 12px Manrope}.subtle{width:27px;height:27px;background:transparent;border-color:transparent}.prop-content{padding:14px}.prop-content.hidden{display:none}.prop-intro{border:1px solid #1e3047;border-radius:11px;background:linear-gradient(140deg,#14253b,#0c1725);padding:17px;margin-bottom:20px}.prop-intro>span{color:#7eafff;font-size:20px}.prop-intro h3{font:700 16px Manrope;margin:12px 0 7px}.prop-intro p{font-size:10px;line-height:1.6;color:#8598b3;margin:0}.field-label{display:block;font-size:8px;letter-spacing:1.5px;color:#7287a3;font-weight:700;margin:18px 0 9px}.prop-content select,.modal select{width:100%;border:1px solid #273951;border-radius:8px;background:#101d2c;color:#dce9fa;padding:11px;font-size:11px}.color-line{display:flex;align-items:center;gap:9px;color:#8fa2bb;font-size:10px}.color-line input{width:35px;height:30px;padding:2px;border:1px solid #344860;background:#152235;border-radius:6px}.full{width:100%;margin-top:10px}.help-note{font-size:9px;line-height:1.6;color:#667c98;margin:14px 0}.layer-panel{border-top:1px solid #1d2c3f;padding:13px}.layer-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:10px}.layer-title span{color:#7185a0;font-size:9px}.layer-list{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.layer-row{display:flex;align-items:center;gap:8px;padding:9px 8px;border:1px solid transparent;border-radius:7px;background:#101c2a;color:#9cb0c9;font-size:10px;cursor:pointer;min-width:0}.layer-row.active{background:#18345b;border-color:#315e99;color:#dcecff}.layer-row span:first-child{color:#79adff;font-size:13px}.layer-row .layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.layer-row button{border:0;background:transparent;color:#7891b2;padding:2px}.object-fields label{display:block;font-size:9px;color:#8095b1;margin:13px 0 6px}.object-fields input[type=text],.object-fields input[type=number],.object-fields select{width:100%;border:1px solid #293b52;background:#101c2a;color:#edf5ff;border-radius:7px;padding:9px;font-size:11px}.object-fields input[type=color]{height:32px;width:100%;background:#101c2a;border:1px solid #293b52;border-radius:7px;padding:3px}.object-fields input[type=range]{width:100%;accent-color:#4f92ff}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.danger-btn{border:1px solid #58313c;background:#26151e;color:#ff9eac;border-radius:8px;padding:9px;font-size:10px;width:100%;margin-top:14px}.photo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.photo-preview{min-height:470px;border:1px solid #1e2e43;border-radius:15px;background:radial-gradient(ellipse at center,#18263a,#0a111c 72%);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:25px}.photo-preview img{display:block;max-width:100%;max-height:650px;object-fit:contain;box-shadow:0 12px 45px #0008}.photo-empty{text-align:center;color:#7f92ac}.photo-empty>span{font-size:38px;color:#639dff}.photo-empty h2{font:700 20px Manrope;color:#dce8fa;margin:14px 0 8px}.photo-empty p{font-size:11px;margin-bottom:20px}.photo-controls{border:1px solid #1e2e43;border-radius:15px;background:#0c1521;padding:0 16px 16px}.photo-controls .prop-header{margin:0 -16px 15px}.adjustment{margin:17px 0}.adjustment label{display:flex;justify-content:space-between;color:#b3c1d4;font-size:11px;margin-bottom:12px}.adjustment output{color:#79adff;font-size:10px}.adjustment input{width:100%;accent-color:#4c8fff}.filter-presets{border-top:1px solid #203047;margin-top:24px}.preset-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preset-row button{border:0;background:transparent;color:#8397b1;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:5px 0}.preset-chip{width:42px;height:42px;border-radius:8px;border:1px solid #30425a;background:linear-gradient(135deg,#4d839c,#d4c4a2 50%,#203e51)}.preset-chip.cinematic{filter:contrast(1.2) saturate(.7);background:linear-gradient(135deg,#142f4b,#6a897a 50%,#d5a96b)}.preset-chip.vivid{filter:saturate(1.6);background:linear-gradient(135deg,#1e9eb5,#7fbd65 50%,#f6a24b)}.preset-chip.mono{filter:grayscale(1)}.photo-controls .field-label{margin-top:20px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#02060ccc;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop.hidden{display:none}.modal{width:min(100%,420px);border:1px solid #2b405a;border-radius:17px;background:#0d1725;padding:27px;position:relative;box-shadow:0 25px 100px #000b}.modal-close{position:absolute;right:15px;top:14px;background:transparent;border:0;font-size:23px;color:#9baec7}.modal h2{font:800 26px Manrope;letter-spacing:-1px;margin:13px 0 8px}.modal p{font-size:11px;color:#8799b1;line-height:1.6;margin-bottom:23px}.format-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.format{border:1px solid #2a3d55;border-radius:9px;background:#101c2a;padding:13px;text-align:left;font-weight:700;font-size:12px}.format.active{border-color:#538fff;background:#172c4b}.format small{display:block;font-size:9px;color:#8295af;font-weight:400;margin-top:5px}.export-final{margin-top:23px;padding:14px}.modal-foot{display:block;text-align:center;color:#657a96;font-size:9px;margin-top:13px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#15263a;border:1px solid #385678;color:#e8f2ff;border-radius:10px;padding:12px 17px;font-size:11px;z-index:80;transition:.2s;box-shadow:0 10px 40px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}.empty-projects{border:1px dashed #2a3d55;border-radius:14px;padding:50px 20px;text-align:center;color:#8395ae;grid-column:1/-1}.empty-projects h3{color:#dbe8fa;font:700 17px Manrope}.empty-projects p{font-size:11px}.empty-projects button{margin-top:10px}
@media(max-width:1100px){.layout{grid-template-columns:175px minmax(0,1fr)}.main{padding:25px 24px 50px}.hero{padding:30px;min-height:300px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-workspace{grid-template-columns:58px minmax(260px,1fr) 225px}.properties .prop-content{padding:11px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{min-height:112px}}
@media(max-width:760px){.topbar{height:auto;min-height:62px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));}.brand-mark{font-size:30px}.brand b{font-size:9px}.brand small{font-size:8px}.status-pill{display:none}.top-actions{gap:6px}.top-actions .icon-btn{width:32px;height:32px}.top-actions .primary{padding:9px 11px;font-size:10px}.menu-btn{display:block}.layout{display:block;min-height:calc(100vh - 62px)}.sidebar{display:none;position:fixed;z-index:30;top:62px;bottom:0;left:0;width:245px;background:#0a1320;border-right:1px solid #273b56;box-shadow:20px 0 60px #0008;padding:22px 14px}.sidebar.open{display:flex}.main{padding:22px 15px 45px}.hero{grid-template-columns:1fr;min-height:0;padding:28px 23px 18px;margin-bottom:32px}.hero h1{font-size:47px}.hero-art{height:180px;margin-top:8px}.art-card{transform:scale(.78) rotate(-12deg) translate(-30px,-4px)}.card-front{transform:scale(.78) rotate(8deg) translate(35px,8px)}.orbit{width:270px;height:130px}.orbit-two{width:200px;height:180px}.hero-foot{gap:16px;margin-top:23px}.section-heading{align-items:start}.section-heading h2{font-size:17px}.section-heading .text-btn{max-width:120px;text-align:right;line-height:1.5}.quick-grid{gap:9px}.quick-card{padding:13px;min-height:116px}.quick-card b{font-size:11px}.quick-card small{font-size:9px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.thumb{padding:13px}.thumb .thumb-title{font-size:20px}.template-info{padding:10px}.template-info b{font-size:10px}.page-heading{align-items:flex-start;margin-top:5px}.page-heading h1{font-size:37px}.page-heading p{font-size:11px}.page-heading>.primary,.page-heading>.outline-btn{padding:10px;font-size:10px;white-space:nowrap}.search-wrap{height:44px}.search-wrap kbd{display:none}.filter-row{gap:6px;margin:13px 0 20px}.filter{padding:8px 10px;font-size:9px}.results-line span:last-child{display:none}.editor-heading{align-items:flex-start;flex-direction:column}.editor-heading h1{font-size:24px}.editor-actions{width:100%}.editor-actions button{flex:1}.editor-workspace{display:flex;flex-direction:column;min-height:0;overflow:visible;border-radius:12px}.tool-rail{order:2;flex-direction:row;justify-content:space-around;padding:7px;border-top:1px solid #1c2a3b;border-right:0}.rail-tool{flex:1;min-height:49px}.rail-tool span{font-size:18px}.rail-tool small{font-size:8px}.stage-wrap{order:1}.stage-top{padding:9px;font-size:7px}.stage-scroll{min-height:360px;padding:18px 12px}.canvas{width:min(100%,330px)}.stage-footer{font-size:7px;padding:9px}.stage-footer span:last-child{display:none}.properties{order:3;border-left:0;border-top:1px solid #1c2a3b}.properties .prop-header{height:44px}.prop-content{padding:13px}.prop-intro{padding:13px}.prop-intro h3{font-size:14px}.layer-panel{padding:12px}.photo-workspace{grid-template-columns:1fr;gap:12px}.photo-preview{min-height:300px;padding:14px}.photo-preview img{max-height:450px}.photo-controls{padding:0 14px 14px}.photo-controls .prop-header{margin:0 -14px 15px}.preset-chip{width:48px;height:48px}.modal{padding:23px}.editor-workspace .properties{max-height:none}.editor-workspace .prop-content{display:block}.editor-workspace .prop-content.hidden{display:none}}
@media(max-width:380px){.main{padding-left:11px;padding-right:11px}.hero h1{font-size:41px}.quick-card small{font-size:8px}.template-grid{gap:8px}.thumb .thumb-title{font-size:17px}.editor-actions{gap:6px}.editor-actions button{font-size:10px;padding:10px 7px}.stage-scroll{min-height:315px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* 2.1 refinement: cinematic first launch, clearer editor controls and mobile quick actions */
.intro-screen{position:fixed;inset:0;z-index:1000;min-height:100vh;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 82% 20%,#102f61 0,transparent 37%),radial-gradient(ellipse at 18% 86%,#25145b 0,transparent 38%),#050913;display:flex;flex-direction:column;justify-content:space-between;padding:max(28px,env(safe-area-inset-top)) clamp(24px,7vw,100px) max(20px,env(safe-area-inset-bottom));transition:opacity .38s ease,visibility .38s ease}.intro-screen.intro-dismiss{opacity:0;visibility:hidden;pointer-events:none}.intro-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.intro-glow-a{width:260px;height:260px;right:7%;top:20%;background:#1268ff22}.intro-glow-b{width:240px;height:240px;left:0;bottom:4%;background:#813dff1c}.intro-brand{position:relative;z-index:1;display:flex;align-items:center;gap:13px;font:800 13px Manrope,sans-serif;letter-spacing:2.5px}.intro-brand img{width:54px;height:54px;filter:drop-shadow(0 0 20px #438bff44)}.intro-brand small{display:block;text-align:center;font-size:9px;letter-spacing:5px;color:#8da9d2;margin-top:5px}.intro-content{position:relative;z-index:1;width:min(100%,650px);padding:34px 0}.intro-kicker{font-size:10px;font-weight:800;letter-spacing:2.6px;color:#87b8ff}.intro-content h1{font:800 clamp(44px,8vw,88px)/.99 Manrope,sans-serif;letter-spacing:-.065em;margin:22px 0}.intro-content h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#8de0ff,#658bff 48%,#c08aff);background-clip:text}.intro-content p{color:#a5b7d0;font-size:clamp(14px,2vw,17px);line-height:1.7;max-width:430px}.intro-features{display:flex;flex-wrap:wrap;gap:9px;margin:27px 0 30px}.intro-features span{border:1px solid #263d5d;background:#0c1727b8;color:#b9cbe3;border-radius:999px;padding:10px 13px;font-size:11px}.intro-start{min-width:220px;padding:15px 20px;font-size:13px}.intro-skip{display:block;border:0;background:transparent;color:#7388a7;font-size:11px;padding:13px 0}.intro-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;color:#506887;font-size:8px;letter-spacing:1.7px}.brand-mark{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#172c50,#080e1a);border:1px solid #365b96;box-shadow:inset 0 0 18px #347dff22;color:transparent;font-size:0;position:relative}.brand-mark:after{content:'∞';font:800 31px Manrope,sans-serif;background:linear-gradient(130deg,#8de8ff 5%,#3287ff 45%,#9b63ff 78%,#e5d7ff);background-clip:text;color:transparent;filter:drop-shadow(0 0 6px #427fff66)}.icon-btn{background:#14243a;border:1px solid #38516f;color:#edf5ff;box-shadow:0 2px 8px #0004;backdrop-filter:none;opacity:1}.icon-btn:disabled{opacity:.38}.editor-workspace .stage-top .icon-btn{width:36px;height:36px;font-size:19px}.mobile-action-strip{display:none}.tool-rail{background:#0a1421}.rail-tool{min-height:60px}.rail-tool.active{background:#19345a;color:#eaf3ff;border-color:#3568ad}.rail-tool span{color:#9fc8ff}.stage-wrap{min-width:0}.stage-scroll{overscroll-behavior:contain}.editor-workspace{align-items:stretch}
@media(max-width:760px){.intro-screen{padding-left:25px;padding-right:25px}.intro-brand img{width:47px;height:47px}.intro-content{padding:24px 0}.intro-content h1{font-size:clamp(44px,13vw,68px)}.intro-features{gap:7px}.intro-features span{font-size:10px;padding:9px 10px}.intro-bottom{font-size:7px;letter-spacing:1px}.topbar{position:relative;backdrop-filter:none;background:#070d17;border-bottom-color:#263a53}.brand-mark{width:34px;height:34px;font-size:0}.top-actions .icon-btn{width:39px;height:39px;font-size:22px}.editor-workspace .stage-top{font-size:9px;min-height:48px}.editor-workspace .stage-top .icon-btn{width:39px;height:39px}.stage-scroll{min-height:0;padding:15px 10px 18px}.canvas{max-width:min(100%,350px)}.stage-footer{font-size:9px;min-height:34px}.tool-rail{position:sticky;bottom:0;z-index:12;order:2;display:flex;overflow-x:auto;justify-content:flex-start;gap:5px;padding:7px;background:#091321;border-top:1px solid #2a3d57;box-shadow:0 -8px 22px #0004;scrollbar-width:thin}.rail-tool{flex:0 0 62px;min-width:62px;min-height:55px;border-radius:9px}.rail-tool span{font-size:20px}.rail-tool small{font-size:9px}.mobile-action-strip{display:flex;position:sticky;bottom:0;z-index:11;align-items:center;justify-content:space-around;gap:3px;padding:6px 5px calc(6px + env(safe-area-inset-bottom));background:#0c1726;border-top:1px solid #304966}.mobile-action-strip button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:44px;min-height:48px;border:1px solid #233c5b;border-radius:9px;background:#122239;color:#b8d8ff;font-size:19px}.mobile-action-strip small{font-size:9px;color:#a2b5ce}.editor-workspace .properties{border-radius:0 0 12px 12px}.editor-workspace .prop-header{position:sticky;top:0;z-index:4;background:#0c1521}.editor-workspace .layer-panel{padding-bottom:18px}.stage-footer span:first-child{white-space:nowrap}.stage-footer span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intro-screen~.app .topbar{padding-top:max(10px,env(safe-area-inset-top))}}
@media(min-width:761px){.mobile-action-strip{display:none}}

/* Studio 2.2 polish: cinematic but restrained, consistent brand mark */
.brand-icon{display:block;width:39px;height:39px;flex:0 0 39px;border-radius:11px;object-fit:contain}
.mini-brand-icon{display:block;flex:0 0 35px;border-radius:9px;object-fit:contain}
.brand-mark,.brand-mark:after{display:none!important}
.intro-screen{isolation:isolate;background:radial-gradient(ellipse at 78% 24%,#142d50 0,transparent 34%),radial-gradient(ellipse at 15% 83%,#171d3d 0,transparent 32%),#050913;animation:introSceneIn .9s cubic-bezier(.2,.75,.2,1) both}
.intro-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,#7bbcff06 38%,#a5bfff0c 50%,transparent 62%);transform:translateX(-100%);animation:introSweep 2.1s .25s ease-out both}
.intro-brand{animation:riseIn .8s .12s both cubic-bezier(.2,.75,.2,1)}
.intro-brand img{filter:none;animation:markReveal 1s .12s both cubic-bezier(.16,1,.3,1)}
.intro-content>*{animation:riseIn .7s both cubic-bezier(.2,.75,.2,1)}
.intro-content .intro-kicker{animation-delay:.24s}.intro-content h1{animation-delay:.36s}.intro-content p{animation-delay:.48s}.intro-content .intro-features{animation-delay:.58s}.intro-content .intro-start{animation-delay:.68s}.intro-content .intro-skip{animation-delay:.76s}
.intro-kicker{display:flex;align-items:center;gap:10px}.intro-kicker-line{display:inline-block;width:24px;height:1px;background:#7cbaff;animation:lineExpand .7s .25s both}
.intro-light-sweep{position:absolute;z-index:0;top:-20%;bottom:-20%;left:-35%;width:24%;background:linear-gradient(90deg,transparent,#9bd6ff0b,transparent);transform:skewX(-16deg);animation:lightPass 2.8s .3s ease-in-out both;pointer-events:none}
.intro-orbit{position:absolute;z-index:0;right:7%;top:23%;width:min(37vw,410px);aspect-ratio:1;border:1px solid #6ea9f51a;border-radius:50%;transform:rotate(-22deg) scale(.88);animation:orbitIn 1.6s .1s both cubic-bezier(.16,1,.3,1);pointer-events:none}
.intro-orbit-two{right:11%;top:28%;width:min(29vw,320px);border-color:#a28aff20;transform:rotate(34deg) scale(.8);animation-delay:.25s}
.intro-dismiss{transition:opacity .5s ease,visibility .5s ease,transform .5s ease!important;transform:scale(1.018)}
@keyframes introSceneIn{from{opacity:0}to{opacity:1}}@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes markReveal{0%{opacity:0;transform:translateY(12px) scale(.82) rotate(-8deg)}70%{opacity:1;transform:translateY(-2px) scale(1.03) rotate(1deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes introSweep{to{transform:translateX(100%)}}@keyframes lightPass{0%{left:-35%;opacity:0}20%{opacity:1}100%{left:125%;opacity:0}}@keyframes orbitIn{from{opacity:0;scale:.72;rotate:-12deg}to{opacity:1;scale:1;rotate:0deg}}@keyframes lineExpand{from{width:0;opacity:0}to{width:24px;opacity:1}}
@media(prefers-reduced-motion:reduce){.intro-screen,.intro-brand,.intro-brand img,.intro-content>*,.intro-screen:before,.intro-light-sweep,.intro-orbit,.intro-kicker-line{animation:none!important;transition:none!important}.intro-content>*{opacity:1;transform:none}}
@media(max-width:760px){.brand-icon{width:35px;height:35px;flex-basis:35px}.intro-orbit{right:-17%;top:22%;width:72vw;opacity:.7}.intro-orbit-two{right:-8%;top:29%;width:56vw}.intro-content{position:relative}.intro-screen{padding-top:max(24px,env(safe-area-inset-top))}.topbar{height:auto;min-height:64px;padding-bottom:8px;gap:8px}.top-actions{gap:6px}.status-pill{display:none}.icon-btn{min-width:40px;min-height:40px}}

/* Studio 2.3 reliability and visual polish */
.intro-glow,.intro-light-sweep,.intro-orbit{display:none!important}
.intro-screen{background:linear-gradient(135deg,#070d17 0%,#0b1930 54%,#11152b 100%)!important}
.intro-brand img,.brand-icon,.mini-brand-icon{filter:none!important;drop-shadow:none!important}
.brand-icon{width:40px;height:40px;object-fit:contain;flex:0 0 40px}
.filter-row{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;padding:2px 1px 10px;scrollbar-width:thin;scrollbar-color:#304a6b transparent;max-width:100%}
.filter{flex:0 0 auto}
.thumb{background-size:cover!important;background-position:center!important}
.thumb:before{background:linear-gradient(180deg,#06101a12 0%,#06101a20 35%,#06101aab 100%)!important}
.thumb-photo,.photo-mountain,.thumb-orb{pointer-events:none}
.editor-workspace{min-width:0;overflow:visible}
.stage-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#385476 transparent;min-width:0}
.stage-scroll::-webkit-scrollbar,.filter-row::-webkit-scrollbar{height:6px;width:6px}
.stage-scroll::-webkit-scrollbar-thumb,.filter-row::-webkit-scrollbar-thumb{background:#385476;border-radius:9px}
.tool-rail{align-self:stretch;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#385476 transparent}
.rail-tool{flex-shrink:0;min-width:62px}
.icon-btn{backdrop-filter:none!important;filter:none!important;text-shadow:none!important;opacity:1!important}
.icon-btn:disabled{opacity:.48!important}
@media(max-width:760px){.stage-scroll{overflow:auto;min-height:280px}.tool-rail{position:sticky;bottom:0;z-index:15}.mobile-action-strip{overflow-x:auto;justify-content:flex-start}.mobile-action-strip button{flex:0 0 52px}.filter-row{margin-bottom:14px}.thumb{aspect-ratio:4/4.8}}
/* Expanded reference-inspired template cards */
.layout-tiles{position:absolute;z-index:0;inset:12% 7% 18%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;opacity:.82;transform:rotate(-2deg)}
.layout-tiles i,.layout-polaroid i,.layout-film i{display:block;border:1px solid #ffffff55;background:linear-gradient(145deg,#ffffff35,#07121d88),var(--art);background-size:cover;background-position:center;border-radius:2px;box-shadow:0 5px 18px #0003}
.layout-tiles.collage i:nth-child(2){transform:translateY(7px)}.layout-tiles.collage i:nth-child(3){transform:translateY(-5px)}
.layout-tiles.grid{inset:10% 7% 20%;gap:3px;transform:none}.layout-tiles.moodboard{inset:13% 5% 20%;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr .7fr;transform:rotate(2deg)}
.layout-polaroid{position:absolute;z-index:0;inset:18% 5% 18%;display:flex;align-items:center;justify-content:center;gap:7px;transform:rotate(-5deg)}.layout-polaroid i{width:42%;height:78%;border:5px solid #f4eee4;border-bottom-width:18px;background:linear-gradient(135deg,#d8c4b3,#344c5a 55%,#d7b99a)}.layout-polaroid i:nth-child(2){transform:rotate(11deg) translateY(8px);background:linear-gradient(135deg,#4a2f38,#b99a8c 55%,#e0cdb6)}
.layout-film .layout-film{display:none}.layout-film{position:absolute;z-index:0;inset:18% 6% 22%;display:flex;gap:4px;align-items:stretch;opacity:.9}.layout-film i{flex:1;background:linear-gradient(155deg,#d7c2a0,#49616b 45%,#141c24);border:2px solid #f3e8d8}.layout-film i:nth-child(2){background:linear-gradient(155deg,#a2b6b6,#263a4a 55%,#d5bda3)}.layout-film i:nth-child(3){background:linear-gradient(155deg,#c7a3a0,#5e4448 55%,#e0d2bd)}
.layout-cover:before{content:'ISSUE 01';position:absolute;z-index:0;right:8%;top:18%;font:800 8px Manrope;letter-spacing:2px;color:#fff9;writing-mode:vertical-rl}
.thumb.layout-editorial .thumb-title,.thumb.layout-cover .thumb-title,.thumb.layout-type .thumb-title{font-size:clamp(20px,2.4vw,31px);max-width:94%}.thumb.layout-type .thumb-title{text-transform:uppercase;letter-spacing:-1.2px}.thumb.layout-collage .thumb-title,.thumb.layout-grid .thumb-title,.thumb.layout-moodboard .thumb-title,.thumb.layout-polaroid .thumb-title,.thumb.layout-scrapbook .thumb-title,.thumb.layout-dump .thumb-title,.thumb.layout-film .thumb-title{font-size:clamp(15px,1.8vw,22px);text-shadow:0 2px 12px #0008}
.template-more{grid-column:1/-1;text-align:center;padding:22px;border:1px solid #20334a;border-radius:12px;background:#0c1724}.template-more p{color:#8196b3;font-size:11px;margin:0 0 12px}.template-more .outline-btn{padding:12px 22px}
@media(max-width:760px){.thumb.layout-editorial .thumb-title,.thumb.layout-cover .thumb-title,.thumb.layout-type .thumb-title{font-size:19px}.layout-tiles{inset:12% 6% 20%}}

/* Photo-template fix: render real stock photography as the base layer; never cover it with the old placeholder gradient. */
.thumb{isolation:isolate;background-color:#152a40;overflow:hidden}
.thumb:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#07111d08 0%,#07111d14 48%,#07111d9c 100%)}
.thumb:after{z-index:1;pointer-events:none;background:linear-gradient(135deg,#ffffff06,transparent 45%)}
.thumb img.thumb-photo{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;opacity:1;transition:transform .35s ease;pointer-events:none}
.template-card:hover .thumb img.thumb-photo{transform:scale(1.035)}
.thumb .tiny-top,.thumb .thumb-title,.thumb .thumb-sub,.thumb .thumb-mark{position:relative;z-index:3}
.thumb .layout-tiles,.thumb .layout-polaroid,.thumb .layout-film,.thumb .layout-cover{z-index:2}
.thumb .layout-tiles i,.thumb .layout-polaroid i,.thumb .layout-film i{background-size:cover;background-position:center}
@media(prefers-reduced-motion:reduce){.template-card,.thumb img.thumb-photo{transition:none}}

.thumb img.thumb-photo{opacity:.01;transition:opacity .22s ease,transform .35s ease}
.thumb img.thumb-photo.photo-loaded{opacity:1}
.design-object img{opacity:0;transition:opacity .2s ease}
.design-object img.photo-loaded{opacity:1}
.design-object.photo-load-failed{background:linear-gradient(135deg,#20374a,#101a27)!important}
@media(prefers-reduced-motion:reduce){.thumb img.thumb-photo,.design-object img{transition:none}}
/* Keep photo pixels above the photo-frame fill, while text and overlays remain separate higher layers. */
#canvas .design-object:has(> img){isolation:isolate}
#canvas .design-object > img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block}

/* Final stability pass: template artwork is always clipped to its own card. */
#allTemplates,#homeTemplates,#projectsGrid{position:relative;min-width:0;isolation:isolate;}
#allTemplates .template-card,#homeTemplates .template-card,#projectsGrid .template-card{position:relative;isolation:isolate;contain:layout paint;overflow:hidden;transform:none;}
#allTemplates .template-card:hover,#homeTemplates .template-card:hover,#projectsGrid .template-card:hover{transform:translateY(-2px);z-index:1;}
#allTemplates .thumb,#homeTemplates .thumb,#projectsGrid .thumb{position:relative;width:100%;max-width:100%;aspect-ratio:4/4.7;overflow:hidden;contain:paint;transform:none!important;}
#allTemplates .thumb-photo,#homeTemplates .thumb-photo,#projectsGrid .thumb-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:cover;pointer-events:none;}
#allTemplates .template-card:focus-visible,#homeTemplates .template-card:focus-visible,#projectsGrid .template-card:focus-visible{outline:2px solid #6daeff;outline-offset:3px;z-index:2;}
@media(hover:none){.template-card:hover{transform:none!important}.template-card:hover .thumb img.thumb-photo{transform:none!important}}

/* Four quick actions anchored to the selected text on the canvas. */
#canvas{position:relative;isolation:isolate;overflow:hidden;}
.text-context-toolbar{position:absolute;z-index:1000;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #4c78b6;border-radius:10px;background:rgba(7,15,28,.97);box-shadow:0 8px 24px #0008;transform:translateY(-50%);max-width:calc(100% - 8px);touch-action:manipulation;}
.text-context-toolbar button{display:grid;place-items:center;min-width:34px;height:32px;padding:0 8px;border:1px solid #2c4566;border-radius:7px;background:#12243a;color:#eaf3ff;font-size:14px;font-weight:700;line-height:1;}
.text-context-toolbar button:hover,.text-context-toolbar button:focus-visible{background:#1d3c63;border-color:#6ca7ff;}
.text-context-toolbar button[data-text-action="delete"]{color:#ffb6c0;border-color:#71404c;}
.text-context-toolbar button[data-text-action="delete"]:hover{background:#48232d;}
@media(max-width:760px){.text-context-toolbar{gap:3px;padding:3px;border-radius:9px}.text-context-toolbar button{min-width:32px;height:34px;padding:0 7px;font-size:13px}}
@media(prefers-reduced-motion:reduce){#allTemplates .template-card,#homeTemplates .template-card,#projectsGrid .template-card{transition:none!important}}


/* Graphics Genix Studio — restrained blue/slate brand and accessible theme switch */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid #2a4054;border-radius:10px;background:#142334;color:#dcebf7;font:inherit;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.theme-toggle:hover{background:#1a3044;border-color:#5c9bc9}
.theme-toggle-icon{font-size:18px;line-height:1;color:#b9e5ff}
.topbar .top-actions{gap:8px}
.primary{background:linear-gradient(110deg,#438fca,#2c6fa8);box-shadow:0 4px 14px #1f5f9e20}
.quick-icon.violet{background:#e3eef7;color:#386f9c}
.intro-screen{background:radial-gradient(ellipse at 78% 24%,#19334b 0,transparent 34%),radial-gradient(ellipse at 15% 83%,#17283a 0,transparent 32%),#08111b}
.intro-glow,.art-glow{opacity:.35}
@media(max-width:700px){.theme-toggle{width:40px;min-width:40px;padding:0}.theme-toggle-label{display:none}.theme-toggle-icon{font-size:20px}.topbar .top-actions{gap:6px}.status-pill{display:none}}
/* Light theme affects application chrome only; artwork/canvas colours remain untouched. */
html[data-theme="light"]{color-scheme:light;--bg:#f2f6fa;--panel:#ffffff;--panel2:#eaf1f7;--line:#d6e1ea;--text:#172a3b;--muted:#61788b;--blue:#2d76b2;--violet:#477fae;--cyan:#3b82b8}
html[data-theme="light"] body{background:#f2f6fa;color:#172a3b}
html[data-theme="light"] .app{background:#f2f6fa;color:#172a3b}
html[data-theme="light"] .topbar,html[data-theme="light"] .sidebar{background:#fff;border-color:#d6e1ea}
html[data-theme="light"] .brand,html[data-theme="light"] .brand b,html[data-theme="light"] .nav-item,html[data-theme="light"] .section-heading h2,html[data-theme="light"] h2,html[data-theme="light"] h3{color:#172a3b}
html[data-theme="light"] .brand small,html[data-theme="light"] .status-pill,html[data-theme="light"] .side-label,html[data-theme="light"] .muted,html[data-theme="light"] small{color:#61788b}
html[data-theme="light"] .nav-item:hover,html[data-theme="light"] .nav-item.active{background:#eaf3fa;color:#245f91}
html[data-theme="light"] .icon-btn,html[data-theme="light"] .theme-toggle{background:#f4f8fb;border-color:#d3e0ea;color:#24445d}
html[data-theme="light"] .icon-btn:hover,html[data-theme="light"] .theme-toggle:hover{background:#e7f1f8;border-color:#a8c8df}
html[data-theme="light"] .quick-card,html[data-theme="light"] .template-card,html[data-theme="light"] .project-card,html[data-theme="light"] .tool-card,html[data-theme="light"] .panel,html[data-theme="light"] .property-panel,html[data-theme="light"] .modal-card,html[data-theme="light"] .empty-state{background:#fff;border-color:#d6e1ea;color:#172a3b;box-shadow:0 4px 18px #24445d0a}
html[data-theme="light"] .quick-card b,html[data-theme="light"] .template-card h3,html[data-theme="light"] .template-card strong,html[data-theme="light"] label,html[data-theme="light"] .field-label{color:#203b50}
html[data-theme="light"] input:not([type="color"]),html[data-theme="light"] textarea,html[data-theme="light"] select,html[data-theme="light"] .search-box{background:#f7fafc;border-color:#d3e0ea;color:#172a3b}
html[data-theme="light"] .filter{background:#fff;border-color:#d3e0ea;color:#526b7f}
html[data-theme="light"] .filter.active{background:#e5f1fa;border-color:#8cb8d7;color:#245f91}
html[data-theme="light"] .status-pill i{background:#258a70}
html[data-theme="light"] .main{background:#f2f6fa}
html[data-theme="light"] .hero{background:linear-gradient(120deg,#e5eff7,#f7fafc);border-color:#d6e1ea}
html[data-theme="light"] .hero h1,html[data-theme="light"] .hero p,html[data-theme="light"] .hero .hero-foot{color:#172a3b}
html[data-theme="light"] .text-btn,html[data-theme="light"] .outline-btn{color:#2d76b2}
html[data-theme="light"] .sidebar-bottom{border-color:#d6e1ea;color:#172a3b}
html[data-theme="light"] .editor-shell,html[data-theme="light"] .editor-toolbar,html[data-theme="light"] .editor-workspace,html[data-theme="light"] .photo-tools{background:#edf3f7;border-color:#d6e1ea}
html[data-theme="light"] .canvas-wrap{background:#dce6ee}
html[data-theme="light"] .toast{background:#20384c;color:#f7fbff}
html[data-theme="light"] .intro-screen{background:radial-gradient(ellipse at 78% 24%,#dcecf8 0,transparent 34%),radial-gradient(ellipse at 15% 83%,#d7e7f3 0,transparent 32%),#f4f8fb;color:#172a3b}
html[data-theme="light"] .intro-content h1,html[data-theme="light"] .intro-content p,html[data-theme="light"] .intro-brand,html[data-theme="light"] .intro-bottom{color:#172a3b}