/* Sculptural light with a working studio at its center. */
body{background:radial-gradient(ellipse at 65% 0,#23244850,transparent 48%),radial-gradient(ellipse at 100% 47%,#19335c30,transparent 45%),#060811}header{background:#080b15e6;border-bottom:1px solid #738bb333}.brand{font-size:32px;text-shadow:0 1px 0 #fff8,0 2px 1px #34405c,0 5px 12px #000}.brandmark{box-shadow:1px 2px 0 #8294bb,2px 3px 0 #3b4265,0 0 24px #b2bbfa35}.intro{padding:36px 0 30px;position:relative}.intro h1{font-size:clamp(32px,3.8vw,51px);letter-spacing:-2px;line-height:1.08;background:linear-gradient(175deg,#fff 0%,#ecf5ff 28%,#8b9bbf 44%,#effaff 50%,#c6b4ed 70%,#769cac 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 2px 1px #02040b);max-width:850px}.intro .eyebrow{color:#b5a8ef}.issue{border:1px solid #53658b6b;padding:12px 18px;border-radius:5px;background:linear-gradient(125deg,#28375260,#101725);box-shadow:inset 0 1px #d8e6ff30,0 7px 20px #0005;color:#bcccea}.studio{overflow:visible;display:grid;grid-template-columns:minmax(340px,.94fr) minmax(0,1.06fr);gap:24px;border:0;background:transparent;box-shadow:none}.studio::before{display:none}.controls{border:1px solid #61749373;border-top:1px solid #c6d7f9aa;border-radius:14px;background:linear-gradient(140deg,#1a2033d9,#101727ed 50%,#111526);box-shadow:inset 0 1px 1px #e1eaff1a,0 10px 35px #0005;position:relative;padding:28px}.controls::before{content:'';position:absolute;inset:0;border-radius:14px;pointer-events:none;box-shadow:inset 1px 0 #e3caff16,inset -1px 0 #9efaff13}.section-title h2{letter-spacing:-.4px}.step{background:linear-gradient(145deg,#d4e7ff2d,#273555);border-color:#b1c8ea66;box-shadow:inset 0 1px #e5eeff4d,0 3px 5px #0008}.style-option{background:linear-gradient(155deg,#35415c80,#171e32 55%,#283148);box-shadow:inset 0 1px #eaf4ff22,0 3px 0 #080c16,0 5px 9px #0003;border-color:#4d5e7c;border-radius:7px;transform:translateY(0);transition:transform .18s,box-shadow .18s,border-color .18s}.style-option:hover{transform:translateY(-3px);border-color:#bbccee;box-shadow:inset 0 1px #fff5,0 5px 0 #080c16,0 8px 17px #7188de1f;filter:none}.style-option[aria-pressed=true]{background:linear-gradient(135deg,#678ead42,#8171ae45 50%,#3d617e40);box-shadow:inset 0 1px #fff5,0 3px 0 #111528,0 0 24px #8bb4ff1a;border-color:#c3eaff}.upload{background:radial-gradient(ellipse at 50% 0,#919ffc18,transparent 70%),linear-gradient(145deg,#111a2b,#101523);border-color:#697ca2;box-shadow:inset 0 0 22px #0002}.upload-icon{font-size:30px;color:#e8f8ff;text-shadow:0 0 15px #70c9ff,0 2px 0 #708aab}.preview-panel{border:1px solid #5260828c;border-top-color:#c2d0f0ab;border-radius:14px;background:radial-gradient(ellipse at 48% 45%,#5860a637,transparent 70%),linear-gradient(145deg,#151b2e,#080e1e 80%);padding:24px 28px 28px;box-shadow:inset 0 1px #e6f3ff20,0 18px 45px #0005;isolation:isolate;align-self:start;position:sticky;top:20px;overflow:hidden}.preview-panel::before{inset:100px -65px 160px;border-color:#adbeff29;transform:rotate(-30deg);box-shadow:0 0 35px #64c8ff10,inset 0 0 50px #808cfb0b;z-index:-1}.preview-panel::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#b6e5ff03 40%,transparent 65%);z-index:-1}.orbit-art{position:absolute;right:-98px;top:65px;width:530px;max-width:none;height:auto;opacity:.56;mix-blend-mode:screen;transform:rotate(-24deg);filter:saturate(.8);pointer-events:none;z-index:-1;animation:orbit-drift 13s ease-in-out infinite alternate;mask-image:radial-gradient(ellipse,#000 20%,#000a 48%,transparent 72%)}.preview-top{font-size:10px;letter-spacing:2px;z-index:2}.preview-caption{font-size:9px;padding:16px 0;color:#92a4c3}.card-stage{padding:30px 12px 28px;min-height:0;perspective:1100px;display:flex;justify-content:center;overflow:visible;z-index:1}.card-stage::after{width:68%;height:22px;bottom:0;background:#84afff54;filter:blur(20px);transform:rotate(-5deg)}.card-object{--rx:4deg;--ry:-9deg;--lx:40%;--ly:35%;position:relative;width:min(100%,340px);aspect-ratio:5/7;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(-3deg);transition:transform .38s cubic-bezier(.2,.8,.2,1);outline-offset:9px;border-radius:17px;animation:card-arrive .9s ease-out both;box-shadow:1px 1px 0 #e9f8ff,2px 2px 0 #94a1bf,3px 3px 0 #4d5e83,4px 4px 0 #acb5cd,5px 5px 0 #253044,7px 9px 0 #080e1e,15px 23px 45px #000b,0 0 45px #ada8ff25;will-change:transform}.card-object.interacting{transition:transform .1s linear}.card-object #card,.card-object #card:hover{width:100%;max-width:none;height:auto;transform:none;box-shadow:none;border-radius:17px;position:relative;display:block}.foil-light{position:absolute;inset:0;border-radius:17px;pointer-events:none;transform:translateZ(1px);background:radial-gradient(circle at var(--lx) var(--ly),#edffff30,transparent 42%),linear-gradient(125deg,transparent 15%,#7eefff0a 32%,#fff6 39%,#eca0ff16 45%,transparent 58%);background-size:100% 100%,280% 280%;background-position:center,65% 40%;mix-blend-mode:screen;opacity:.45;animation:foil-travel 8s ease-in-out infinite}.card-object.interacting .foil-light{background-position:center,var(--lx) var(--ly);animation:none;opacity:.6}.view-controls{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:2;flex-wrap:wrap;margin:4px -8px 0}.view-hint{width:100%;text-align:center;font:9px/1.8 'DM Sans',sans-serif;letter-spacing:2px;color:#a2b4d4;margin-bottom:3px}.view-controls button{font-size:12px;color:#d7e9ff;background:linear-gradient(150deg,#39475d88,#141e33);border:1px solid #6982a86b;border-radius:20px;padding:7px 15px;box-shadow:inset 0 1px #d4e4ff26,0 3px 9px #0004;cursor:pointer}.view-controls button[aria-pressed=false]{color:#9baac4;background:#10182a}.export-area{border-color:#60779599;border-radius:9px;background:linear-gradient(145deg,#2c3b4f9e,#151e32);box-shadow:inset 0 1px #dbeaff2b,0 8px 20px #0003;padding:20px}.primary{position:relative;background:linear-gradient(170deg,#efffff 0%,#cce2ee 21%,#8da3bb 44%,#d5cced 48%,#eddef5 67%,#b5dbe9 100%);border:1px solid #effaff;color:#121a2c;box-shadow:inset 0 2px #fff9,inset 0 -2px #63748e,0 4px 0 #3e4a6a,0 6px 22px #accbff22;transition:transform .15s,box-shadow .15s}.primary:hover{transform:translateY(-2px);box-shadow:inset 0 2px #fff9,inset 0 -2px #63748e,0 6px 0 #3e4a6a,0 10px 30px #accbff30;filter:brightness(1.04)}.primary:active{transform:translateY(2px);box-shadow:inset 0 2px #fff9,0 2px 0 #3e4a6a}.secondary-actions{margin-top:15px}.inspiration{margin-top:36px;box-shadow:inset 0 1px #d1e4ff15,0 10px 35px #0003;background:linear-gradient(115deg,#28344d50,#24213d70,#172c3e50);border-color:#5564827a}.guide-grid a{box-shadow:inset 0 1px #f4ffff16,0 10px 20px #0003;transform-style:preserve-3d}.guide-grid a:hover{transform:translateY(-6px);box-shadow:inset 0 1px #fff3,0 15px 24px #0005}.saved-card{box-shadow:inset 0 1px #fff2,0 9px 20px #0003}
@keyframes orbit-drift{from{transform:translate3d(0,-8px,0) rotate(-24deg)}to{transform:translate3d(-15px,13px,0) rotate(-15deg)}}@keyframes foil-travel{0%,100%{background-position:center,85% 10%}50%{background-position:center,10% 90%}}@keyframes card-arrive{from{opacity:0;transform:translateY(20px) rotateX(10deg) rotateY(-18deg) rotateZ(-6deg)}to{opacity:1;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(-3deg)}}
.motion-off .orbit-art,.motion-off .foil-light,.motion-off .card-object{animation:none!important}.motion-off .card-object{transform:none!important;transition:none!important}.effects-paused .orbit-art,.effects-paused .foil-light{animation-play-state:paused}.motion-off .style-option,.motion-off .primary,.motion-off .guide-grid a{transition:none}.motion-off .style-option:hover,.motion-off .primary:hover,.motion-off .guide-grid a:hover{transform:none}
@media(min-width:1350px){main{max-width:1350px}.studio{gap:32px;grid-template-columns:minmax(400px,.92fr) minmax(0,1.08fr)}.card-object{width:365px}.preview-panel{padding:26px 38px}.intro h1{font-size:52px}}@media(max-width:900px){.studio{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.controls{padding:22px}.preview-panel{padding:22px 16px}.card-object{width:min(100%,300px)}.card-stage{padding:28px 8px}.issue{display:none}.orbit-art{width:430px;right:-130px}}@media(max-width:650px){.studio{display:flex;gap:18px}.preview-panel{position:relative;top:auto;width:100%;padding:22px;order:-1}.controls{border-radius:12px;padding:24px 20px}.card-object{width:230px}.intro h1{font-size:36px;letter-spacing:-1.4px}.card-stage{padding:25px 15px}.orbit-art{width:400px;right:-95px;top:45px;opacity:.55}.preview-caption{font-size:8px;padding:14px 0}.view-hint{font-size:9px}.export-area .section-title{margin-bottom:12px}.export-area{padding:17px}.intro{padding:26px 0}.guide-grid a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.orbit-art,.foil-light,.card-object{animation:none!important}.card-object{transform:none!important;transition:none!important}.style-option,.primary,.guide-grid a{transition:none!important}}@media print{.orbit-art,.foil-light,.view-controls{display:none!important}}