@font-face{font-family:RetroFont;src:url(font/PTSerif-Bold.ttf)}@font-face{font-family:PT-Serif-Regular;font-style:normal;font-weight:400;src:url(font/PTSerif-Regular.ttf);font-display:swap}@font-face{font-family:PT-Serif-Bold;font-style:normal;font-weight:800;src:url(font/PTSerif-Bold.ttf);font-display:swap}@font-face{font-family:Work-Sans-Regular;font-style:normal;font-weight:300;src:url(font/WorkSans-Regular.ttf);font-display:swap}@font-face{font-family:Work-Sans-Bold;font-style:normal;font-weight:800;src:url(font/WorkSans-Bold.ttf);font-display:swap}:root{--bg:#f4f4f9;--text:#333;--textinvert:#eee;--card:#ffffff;--border:#ccc;--brand:#00afff;--text-size-base:16px;--btn-color:#111;--btn-color-over:#00afff;--footer-bg:#ffffff;--h1-size:1.8rem;--step-label-size:1.35rem}body{font-family:Work-Sans-Regular,Arial,'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:var(--text-size-base);line-height:1.5em;font-weight:400;margin:0;background:var(--bg);color:var(--text);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#downloadButton,.mobile-nav-row button.primary,.nav-btn-start{background-color:var(--btn-color)!important}#txtHeadline,h1{font-size:var(--h1-size-mobile) font-family: PT-Serif-Bold,Arial,sans-serif/*!important;*/}.mode-btn,.step-label,button,h1{font-weight:800;letter-spacing:-.01em;line-height:1.5em}.mode-btn,.step-label,button{font-family:Work-Sans-Regular,Arial,sans-serif}svg{width:24px;height:24px;fill:currentColor;display:inline-block;vertical-align:middle}#app-container{max-width:1400px;margin:0 auto;padding:0 20px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.icon-btn{background:0 0;border:none;cursor:pointer;color:var(--text);padding:8px;display:flex;align-items:center}#app-layout{display:grid;grid-template-columns:360px 1fr;gap:30px;margin-bottom:40px}#step-1,.mobile-masks-area,.mobile-nav-row,.mobile-only-btn{display:none!important}aside{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);height:fit-content}.step-label{font-size:var(--step-label-size)!important;color:var(--step-label-color,#888);margin:40px 0 5px;display:block}.mode-switch{display:flex;background:#eee;padding:1px;border-radius:2px;margin-bottom:15px;max-width:100%}.mode-switch button{flex:1;border:none;padding:4px;cursor:pointer;border-radius:6px;font-weight:700;background:0 0;transition:.2s}.mode-switch button.active{background:var(--brand);color:#fff}.styled-input,select{width:100%;padding:12px;border:1px solid var(--border);border-radius:2px;font-size:14px;box-sizing:border-box;background:#fff}.upload-row{display:flex;gap:10px;align-items:center}.btn-action-upload{flex:1;background:var(--btn-color);border:1px solid var(--border);padding:10px;border-radius:2px;text-align:center;cursor:pointer;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--textinvert)}.icon-btn-border{padding:10px;border:1px solid var(--border);background:#fff;border-radius:2px;cursor:pointer;display:flex;align-items:center}.cam-box{display:none;position:relative;width:100%;border-radius:10px;overflow:hidden;background:#000;margin-top:15px}#cameraVideo{width:100%;display:block}.cam-controls{position:absolute;bottom:10px;width:100%;display:flex;justify-content:center;gap:15px}.cam-controls button{padding:8px 15px;border-radius:12px;border:none;cursor:pointer;background:rgba(255,255,255,.9);display:flex;align-items:center}#recBtn{color:#fff;transition:color .3s ease}#recBtn.recording{color:red!important;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}100%{transform:scale(1);opacity:1}}.mask-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.mask-item{width:100%;aspect-ratio:1/1;border:2px solid #eee;border-radius:6px;cursor:pointer;object-fit:contain;transition:.2s;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.mask-item:hover{border-color:var(--brand);transform:scale(1.02)}.preview-area{background:var(--card);border-radius:4px;padding:20px;display:flex;justify-content:center;align-items:center;min-height:400px}canvas{max-width:100%;max-height:75vh;background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.2);touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.editor-ui{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:0}.filter-row,.tool-row{display:flex;gap:12px}.icon-btn-tool{width:45px;height:45px;border:1px solid var(--border);background:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.icon-btn-tool:hover{background:#f9f9f9}.icon-btn-tool.active{background:var(--text);color:#fff;border-color:var(--text)}.f-btn{padding:10px 20px;border:1px solid var(--border);background:#fff;border-radius:2px;cursor:pointer;font-weight:700;transition:.2s}.f-btn.active{background:var(--btn-color);color:#fff;border-color:var(--text)}.export-row{display:grid!important;grid-template-columns:2fr 1fr;gap:12px;width:100%;max-width:100%;margin-top:15px}#downloadButton,#shareButton{height:50px;display:flex;align-items:center;justify-content:center;margin:0!important;border-radius:2px;cursor:pointer;border:none;font-weight:800}#downloadButton{width:100%;padding:18px;background:var(--brand);color:#fff;border:none;border-radius:2px;font-weight:700;cursor:pointer;font-family:Work-Sans-Bold,RetroFont,sans-serif;font-size:1rem;transition:.3s}#shareButton{background-color:#fff!important;color:#1a1a1a!important;border:1px solid var(--border)!important;transition:var(--transition)}#shareButton svg{width:22px;height:22px;fill:currentColor}#shareButton:hover{background-color:var(--brand)!important;color:#fff!important}#downloadButton:disabled{background:#ccc!important;cursor:not-allowed}#shareButton:disabled{background-color:#e0e0e0!important;color:#a0a0a0!important;border-color:#ccc!important;cursor:not-allowed!important;opacity:.6;filter:grayscale(1)}footer{background:#fff;padding:30px 0;border-top:1px solid #ddd;margin-top:60px}#downloadButton,.btn-action-upload,.mobile-nav-row button.primary,.mode-btn.active,.nav-btn-start{background-color:var(--btn-color)!important;color:var(--textinvert)!important;transition:background-color .3s ease,transform .2s ease;border:none}#downloadButton:not(:disabled):hover,.btn-action-upload:hover,.mobile-nav-row button.primary:hover,.nav-btn-start:hover{background-color:var(--btn-color-over)!important;transform:translateY(-2px)}footer{background-color:var(--footer-bg)!important;position:fixed;bottom:0;left:0;width:100%;z-index:1000;border-top:1px solid var(--border);padding:10px 0}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;max-width:1400px;margin:0 auto;padding:0 20px}.footer-center,.footer-left,.footer-right{flex:1;display:flex}.footer-left{justify-content:flex-start;padding-top:2px}#footerLogo{max-height:95px;display:block}.footer-center{justify-content:center;padding-top:2px}.footer-center a{font-weight:700;color:var(--brand);text-decoration:none;font-size:.9rem}.footer-right{flex-direction:column;align-items:flex-end;text-align:right}.footer-right-top{display:flex;align-items:center;gap:2px}.footer-right a,.footer-right span{padding:0 4px;color:#888;text-decoration:none;font-size:.9rem}#cookieNote{margin-top:2px;font-size:.75rem;opacity:.8}@media (max-width:900px){.export-row{grid-template-columns:1fr 60px;gap:8px;padding:0 10px;box-sizing:border-box}#downloadButton,#shareButton{height:55px}.footer-inner{flex-direction:column;align-items:center;gap:8px;padding:10px 0}.footer-center,.footer-left,.footer-right{flex:0 0 auto;width:100%;justify-content:center;align-items:center;text-align:center;padding-top:0}.footer-right-top{justify-content:center;flex-wrap:wrap}#cookieNote,.footer-center a,.footer-right a,.footer-right span{font-size:.95rem!important}#footerLogo{max-height:40px;margin-bottom:5px}.mode-switch{margin-bottom:30px}.mode-switch button{padding:10px}}#footerLogo{max-height:70px}.footer-right{color:#888;font-size:.9rem}#intro-overlay{position:fixed;inset:0;background:var(--brand);z-index:1000;display:flex;justify-content:center;align-items:center;transition:opacity .8s ease}#introText{font-family:RetroFont;font-size:3.5rem;color:#fff;text-align:center;padding:0 20px;line-height:1.2}@media (max-width:900px){#introText{font-size:2.2rem}}#starrtbutton{font-family:RetroFont;font-size:3.5rem;color:#fff}.intro-fade-out{opacity:0;pointer-events:none}@media (max-width:900px){#app-layout{display:block;margin-bottom:40px}.mobile-step{display:none!important}.mobile-step.active-step{display:flex!important;flex-direction:column;min-height:70vh;justify-content:flex-start}#step-1.active-step{display:flex!important;align-items:center;justify-content:center;text-align:center;padding:20px 20px}.intro-content{width:100%;display:flex;flex-direction:column;gap:8px!important;align-items:center;text-align:center}#introText,.intro-content h1{margin:0!important;padding:0!important;line-height:1;font-size:2.2rem}.nav-btn-start{display:block!important;width:100%;padding:20px;background:var(--brand);color:#fff;border-radius:2px;border:none;font-family:Work-Sans-Bold,Arial,sans-serif;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 15px rgba(0,175,255,.3)}.nav-btn-start{position:relative;overflow:hidden;margin-top:10px!important;width:80%;max-width:300px;padding:15px}.mobile-nav-row{display:flex!important;gap:10px;margin-top:auto;padding-top:20px}.mobile-nav-row{display:flex!important;justify-content:space-between;gap:15px;margin-top:auto;padding:20px}.mobile-masks-area{display:block!important;width:100%}.mask-scroll{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;overflow-x:hidden;justify-items:center}.mask-scroll .mask-item{width:100%;max-width:100px;aspect-ratio:1/1;height:auto;object-fit:contain;flex:none}header .mobile-back-arrow,header .mobile-next-arrow{display:none!important}.mobile-nav-row{display:flex!important;justify-content:space-between;padding:20px;position:relative;z-index:100;margin-top:auto}.mobile-nav-row button{padding:12px 20px;border-radius:2px;color:var(--text);font-weight:700;font-size:.7rem;border-color:var(--border);border-width:0}.mobile-nav-row button.primary{background:var(--brand);color:#fff;border:none}}body.dark-mode{--bg:#1a1a1a;--text:#f4f4f9;--card:#2d2d2d;--border:#444}body.dark-mode .icon-btn-border,body.dark-mode aside,body.dark-mode footer{background:var(--card)}body.dark-mode .icon-btn-border{background:#eee}body.dark-mode .mode-switch{background:#444}body.dark-mode .styled-input,body.dark-mode select{background:#333;color:#fff}#themeToggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.mobile-back-arrow,.mobile-next-arrow{display:none!important}@media (max-width:900px){header{display:flex!important;justify-content:space-between;align-items:center;padding:10px 15px;height:60px}.mobile-back-arrow{flex:0 0 40px;display:none;justify-content:flex-start}#txtHeadline{flex:1;text-align:center;font-size:1.3rem;margin:0;white-space:nowrap}.header-right-area{flex:0 0 40px;display:flex;justify-content:flex-end}header svg{width:28px;height:28px}#step-2 .desktop-only,#step-2 .mobile-masks-area{display:none!important}header{display:grid!important;grid-template-columns:60px 1fr 60px;align-items:center;padding:10px 0}#txtHeadline{grid-column:2;text-align:center;font-size:1.2rem;margin:0}.header-right-area{grid-column:3;display:flex;justify-content:flex-end;padding-right:15px}.upload-row{display:flex!important;flex-direction:row!important;gap:10px;width:100%;align-items:stretch}.btn-action-upload{flex:1;height:55px;display:flex;justify-content:center;align-items:center;margin:0!important;font-size:.85rem;padding:0 10px;text-align:center;max-width:100%}.camera-btn-container{flex:0 0 60px;display:flex;justify-content:center;align-items:center;margin:0!important}#camBtn{width:100%!important;height:55px!important;border-radius:8px;display:flex;justify-content:center;align-items:center}.filter-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px;margin-top:10px}.f-btn{padding:6px 2px!important;font-size:.7rem!important;border-radius:2px;min-height:28px}#step-3 .mobile-masks-area{display:block!important;text-align:center;width:100%}}@media (min-width:901px){.mobile-masks-area{display:none!important}.desktop-only{display:block!important}}.mobile-back-arrow,.mobile-next-arrow{display:none!important}@media (max-width:900px){header{display:flex!important;justify-content:space-between;align-items:center;padding:0 15px;height:60px}.header-left-area,.header-right-area{flex:0 0 50px;display:flex;align-items:center}.header-right-area{justify-content:flex-end}#txtHeadline{flex:1;text-align:center;font-size:1.1rem;margin:0 10px;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.2;display:block}#txtHeadline,h1{font-size:var(--h1-size-mobile,1.5rem)!important;font-family:PT-Serif-Bold,Arial,sans-serif;margin-top:20px;margin-bottom:10px;line-height:1.1}#txtLead{margin-bottom:30px;opacity:.8;margin:0!important;padding:0 20px;line-height:1.2;font-size:.95rem}header{height:auto;min-height:60px;padding:10px}.step-1-active #themeToggle{display:flex!important}.step-2-active .mobile-back-arrow{display:flex!important}.step-2-active .mobile-next-arrow{display:flex!important;opacity:.5}.step-2-active #themeToggle{display:none!important}.step-3-active .mobile-back-arrow{display:flex!important}.step-3-active #themeToggle{display:none!important}.step-3-active .mobile-next-arrow{display:none!important}.filter-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:0 10px}.f-btn{padding:8px 2px!important;font-size:.7rem!important;min-height:auto!important}#step-2 .mobile-nav-row{display:none!important}header .mobile-back-arrow,header .mobile-next-arrow{display:none!important}.mobile-nav-row{display:flex!important;justify-content:space-between;gap:15px;padding:15px;margin-top:20px}.mobile-step.active-step{display:flex!important;flex-direction:column;min-height:70vh}}:root{--bg-dark:#103958;--card-dark:#1e1e1e;--text-dark:#e0e0e0;--brand:#3498db;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}body{transition:background-color var(--transition),color var(--transition)}.mobile-step{display:none;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.mobile-step.active-step{display:block;opacity:1;transform:translateY(0)}body.dark-mode{background-color:var(--bg-dark);color:var(--text-dark)}body.dark-mode .sidebar-box,body.dark-mode header{background-color:var(--card-dark);border-color:#333}.effect-pencil #mainCanvas{filter:brightness(2) invert(1) grayscale(1) contrast(3)!important}.effect-airbrush::after,.effect-watercolor::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.effect-watercolor::after{background:rgba(255,255,255,.2);backdrop-filter:blur(2px) contrast(2) saturate(150%);mix-blend-mode:multiply}.effect-airbrush::after{background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.1) 80%);backdrop-filter:brightness(1.2) saturate(180%) blur(4px);mix-blend-mode:screen}.f-btn,.sidebar-box,aside,body,header,main{transition:background-color .5s cubic-bezier(.4,0,.2,1),color .3s ease,border-color .5s ease}#mainCanvas{transition:filter .3s ease-in-out}@media (min-width:901px){.app-container{display:flex;gap:20px;padding:20px;max-width:1400px;margin:0 auto}aside#step-2,main#step-3{display:block!important;opacity:1!important;transform:none!important;padding:5px 10px;font-size:.8rem;min-width:auto;height:auto}aside#step-2{flex:0 0 350px}main#step-3{flex:1}.mobile-back-arrow,.mobile-masks-area,.mobile-nav-row,.mobile-next-arrow{display:none!important}.preview-area{background:var(--card);border-radius:4px;padding:15px;display:flex;justify-content:center;align-items:center;min-height:auto;height:50vh;max-height:550px;overflow:hidden}canvas{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.editor-ui{margin-top:15px;gap:10px}.filter-row{gap:8px}.f-btn{padding:5px 10px;font-size:.7rem}#downloadButton{width:100%;max-width:400px;padding:15px}}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:2000!important;justify-content:center;align-items:center;backdrop-filter:blur(8px)}.modal-content{background:var(--card);color:var(--text);padding:25px;border-radius:15px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.5)}.close-btn{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer}#mainFooter a{color:inherit;text-decoration:underline;cursor:pointer}.icon-btn-tool svg,.mode-btn svg{width:24px;height:24px;fill:currentColor}.icon-btn-tool,.mode-btn{display:flex;align-items:center;justify-content:center}.mode-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.icon-btn-tool.primary-tool{background-color:var(--brand);color:#fff;border:none;box-shadow:0 4px 10px rgba(0,0,0,.15)}.icon-btn-tool.primary-tool:active{transform:scale(.95);filter:brightness(.9)}.mode-btn.active{background-color:var(--brand)!important;color:#fff!important;border-color:var(--brand)}footer{position:fixed;bottom:0;left:0;width:100%;z-index:1000;background-color:var(--bg);border-top:1px solid var(--border);padding:10px 0}body{padding-bottom:160px}footer{box-shadow:0 -2px 10px rgba(0,0,0,.05)}@media (max-width:900px){footer{padding:5px 0;font-size:.95rem;position:relative!important;margin-top:20px;padding:15px 0 30px 0!important;box-shadow:none;width:100%;bottom:auto;left:auto}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}#footerLogo{max-height:95px!important;margin-bottom:4px}#txtCopyright{display:block;font-size:.65rem;line-height:2.5}.footer-right{display:block;font-size:.65rem;width:100%}.footer-right a{display:inline-block;padding:0 5px}#cookieNote{margin-top:2px;font-size:.75rem;opacity:.7}#lblStep2.step-label{margin-top:60px!important}body{padding-bottom:120px}}:focus{outline:3px solid var(--brand);outline-offset:2px}input[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn-action-upload:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--btn-color-over);outline-offset:4px}.spinner-hidden{display:none}#loading-spinner.active{display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}#downloadButton,.icon-btn-tool,.mode-btn{border-radius:2px;font-weight:600;letter-spacing:.05em}#downloadButton:active,.mode-btn:active{transform:scale(.96)}.step3AabstandUnten{margin-bottom:8px}.AabstandTop{margin-top:8px}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.filter-row,.step-label[id=lblStepFilter]{display:none!important}.preview-area::after{content:"Filter werden in Safari nicht unterstützt.";position:absolute;bottom:10px;font-size:10px;opacity:.5}}}_::-webkit-full-page-media,_:future,:root .filter-row{display:none!important}@media (min-width:901px){#txtHeadline,h1{font-size:var(--h1-size)!important;font-family:PT-Serif-Bold,Arial,sans-serif}header{max-width:1400px;margin:0 auto;padding:20px;padding-left:2px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}#txtHeadline{text-align:left!important;margin:0;flex:1;font-size:var(--h1-size)!important}.mode-switch{max-width:60%}.btn-action-upload{max-width:60%}}footer::before{content:"";display:block;height:4px;width:100%;position:absolute;top:0;left:0;background:linear-gradient(to right,#fcb131 0,#fcb131 24.999%,#00a851 25%,#00a851 49.999%,#0081c7 50%,#0081c7 74.999%,#ef3450 75%,#ef3450 100%);z-index:10}footer{position:fixed;padding-top:14px!important}@media (max-width:900px){footer{position:relative!important;padding-top:15px!important}footer{position:relative!important;padding:20px 0 40px 0!important;margin-top:20px;width:100%}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.footer-right-top .sep{display:none!important}.footer-center,.footer-left,.footer-right{display:flex;flex-direction:column;align-items:center;width:100%}.footer-right-top{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-center a,.footer-right-top a,.footer-right-top span{display:block;width:100%;font-size:.95rem!important;line-height:1.2}#footerLogo{max-height:50px;margin-bottom:10px}#cookieNote{margin-top:5px;font-size:.95rem;opacity:.6}}body.dark-mode #shareButton{background-color:#fff!important;color:#1a1a1a!important;border:none!important}#downloadButton,#shareButton{display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:0!important;box-sizing:border-box;border-radius:2px;font-weight:800;cursor:pointer}#shareButton{background-color:#fff!important;color:#1a1a1a!important;border:1px solid var(--border)!important}#shareButton svg{width:24px!important;height:24px!important;fill:currentColor!important}@media (min-width:901px){.export-row{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:12px!important;width:350px!important;max-width:350px!important;margin-top:20px!important}#downloadButton{grid-column:span 5!important;width:100%!important;max-width:none!important;height:50px!important}#shareButton{grid-column:span 1!important;width:50px!important;height:50px!important}.step-label{margin:40px 0 5px}}@media (max-width:900px){.export-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;padding:0 10px!important;width:100%!important;box-sizing:border-box!important}#downloadButton{grid-column:span 3!important;height:55px!important;width:100%!important;font-size:.9rem!important}#shareButton{grid-column:span 1!important;height:55px!important;width:100%!important}}body.dark-mode #shareButton{background-color:#fff!important;color:#1a1a1a!important}.highlight-step{color:var(--brand)!important;animation:pulse-step 2s infinite;display:inline-block}@keyframes pulse-step{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}100%{transform:scale(1);opacity:1}}.mask-btn{background:0 0;border:none;padding:0;cursor:pointer;border-radius:8px;transition:transform .2s;width:100%}.mask-btn:focus{outline:1px solid var(--btn-color-over);outline-offset:2px}.mask-item{width:100%;height:auto;display:block;border-radius:6px}